.perf-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:16px!important}.perf-filter label{flex:1;min-width:130px}.perf-filter button{white-space:nowrap}.perf-tabs{overflow-x:auto;flex-wrap:nowrap}.perf-tabs button{white-space:nowrap}.perf-notice{padding:11px 14px;border:1px solid #d9e6ff;background:#f1f6ff;border-radius:6px;color:#4a6386;margin:14px 0}.perf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.perf-card{padding:18px;background:#fff;border:1px solid #dce5ef;border-radius:8px;min-width:0}.perf-card-head{display:flex;justify-content:space-between;gap:8px;color:#566e8b;font-size:13px}.perf-card>strong{display:block;font-size:29px;margin:12px 0;color:#183c65}.perf-small,.perf-footnote{color:#708199;font-size:12px;line-height:1.8}.perf-progress{height:6px;background:#eaf0f8;border-radius:4px;overflow:hidden;margin-bottom:10px}.perf-progress span{display:block;height:100%;background:#2870e9}.perf-table{width:100%;min-width:740px}.perf-table td,.perf-table th{padding:11px;text-align:left;border-bottom:1px solid #e5ebf3}.perf-table th{background:#f3f6fa;color:#64758d}.perf-table small{display:block;color:#789}.perf-cohorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.perf-cohorts>div{display:flex;flex-direction:column;gap:8px;padding:14px;background:#f6f9fc;border-left:3px solid #4285ed}.perf-cohorts>div:nth-child(2){border-color:#26a38a}.perf-cohorts>div:nth-child(3){border-color:#e2ad43}.perf-cohorts strong{font-size:24px}.perf-cohorts span{color:#637b93;font-size:12px}.perf-quality{display:flex;gap:14px;flex-wrap:wrap}.perf-alert{color:#af720e}.perf-rules p{line-height:1.9}.perf-footnote{margin-top:16px}.workspace-ui .perf-card button{font-size:12px;padding:0}.perf-filter~.surface{min-width:0}
@media(max-width:1050px){.perf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.perf-filter label{min-width:140px}}
@media(max-width:600px){.perf-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.perf-card{padding:12px}.perf-card>strong{font-size:22px;overflow-wrap:anywhere}.perf-card-head{font-size:12px;flex-wrap:wrap}.perf-small{font-size:11px}.perf-cohorts{grid-template-columns:minmax(0,1fr);gap:8px}.perf-cohorts>div{display:grid;grid-template-columns:1fr 1fr;padding:10px}.perf-cohorts strong{font-size:20px}.perf-filter{gap:8px}.perf-filter label{min-width:calc(50% - 8px)}.perf-filter button{padding:7px 10px}.perf-table{min-width:740px}.workspace-ui .perf-tabs{max-width:100%;overflow:auto}.perf-tabs button{font-size:12px}.perf-notice{font-size:12px}}
