.perf-filters{display:grid;grid-template-columns:1fr 2fr 2fr;gap:13px;align-items:end;margin:22px 0}.perf-filters label{display:grid;gap:6px;color:#496379;font-size:13px}.perf-filters input,.perf-filters select{width:100%;min-width:0;min-height:44px}.perf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.perf-metric{background:#fff;border:1px solid #dce6ed;border-top:3px solid #c3a451;border-radius:11px;padding:18px;min-width:0}.perf-metric h2{font-size:13px;color:#63798c;font-weight:500;margin:0 0 12px}.perf-metric strong{display:block;color:#193b56;font-size:24px;font-weight:600;overflow-wrap:anywhere}.perf-metric small{display:block;margin-top:8px;font-size:12px;line-height:1.75;color:#687e90}.perf-note{font-size:13px;color:#63798c;line-height:1.85}.perf-warning{padding:15px 18px;border:1px solid #e7d29b;border-left:3px solid #c2a253;border-radius:10px;background:#fff8e9;color:#775e28;font-size:13px;line-height:1.85}.perf-section{background:#fff;padding:20px;margin:22px 0;border:1px solid #dce6ed;border-radius:11px;min-width:0}.perf-section h2{margin:0 0 12px;color:#193b56;font-size:20px}.perf-tabs{display:flex;gap:9px;margin:16px 0;flex-wrap:wrap}.perf-table small{display:block;font-size:12px;color:#687e90;line-height:1.75;margin-top:5px}.perf-negative{color:#9b3e32!important}.perf-positive{color:#36726c!important}.perf-incomplete{color:#8a672b}.perf-mobile{display:none}.perf-card{padding:18px;border:1px solid #dde6ed;border-top:3px solid #c3a451;border-radius:11px;background:#fff;min-width:0}.perf-card h3{font-size:19px;margin:0 0 8px;color:#193b56;overflow-wrap:anywhere}.perf-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:13px}.perf-card dt{color:#687e90}.perf-card dd{margin:0;text-align:right;color:#244862}.perf-pages{display:flex;gap:8px;align-items:center;justify-content:flex-end;font-size:12px;color:#687e90;margin-top:16px}.perf-pages>span{margin-right:auto}.perf-details{border-top:1px solid #e0e8ee;padding-top:13px;margin-top:15px}.perf-details summary{cursor:pointer;color:#244862;font-weight:500}.perf-details p{font-size:13px;color:#63798c;line-height:1.85}.perf-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.perf-source{border:1px solid #e0e8ee;border-radius:10px;padding:16px;min-width:0}.perf-source h3{margin:0 0 10px;font-size:16px;color:#244862}.perf-source article{padding:12px 0;border-top:1px solid #e5ebf0;font-size:13px;color:#567187;overflow-wrap:anywhere}.perf-source article small{display:block;font-size:12px;color:#687e90;line-height:1.8}.perf-source article .button{margin-top:8px}.perf-source-actions{display:flex;gap:8px;flex-wrap:wrap}.perf-empty{border:1px dashed #cfdae4;border-radius:10px;padding:23px;color:#687e90;line-height:1.8}.perf-scope{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0;font-size:13px;color:#63798c}
@media(max-width:1150px){.perf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.perf-filters{grid-template-columns:1fr}.perf-filters input,.perf-filters select{font-size:16px}.perf-metrics{gap:9px}.perf-metric{padding:14px}.perf-metric strong{font-size:22px}.perf-metric h2{font-size:12px}.perf-table{display:none}.perf-mobile{display:grid;gap:13px}.perf-card>.button,.perf-tabs>.button{min-height:48px}.perf-pages>.button{min-height:44px}.perf-section{padding:16px}.perf-source-grid{grid-template-columns:1fr}.perf-source-actions>.button{min-height:44px;flex:1;white-space:normal}.perf-source .button{min-height:44px}}