.stwrap{max-width:1480px;margin:0 auto;padding:8px 22px 70px}
.st-h1{font-size:21px;margin:14px 0 8px}
.stwrap h2{font-size:15px;margin:22px 0 6px}
.stnav{font-size:13px;color:#5a626c;margin:4px 0 12px}
.chip{display:inline-block;margin:0 4px;padding:2px 10px;border:1px solid #d8dee6;border-radius:12px;color:#33393f;text-decoration:none}
.chip.on{background:#1c2128;color:#fff;border-color:#1c2128}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:6px 0 10px}
.tile{border:1px solid #e3e6ea;border-radius:10px;padding:10px 14px;background:#fff}
.tl{font-size:12px;color:#6b7280}.tv{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
.ts{font-size:11.5px;color:#8a929c}
.sstat{font-size:12.5px;color:#5a626c;margin:8px 0 6px}
.warn{color:#b42318}
.serr{background:#fff5f5;border:1px solid #f3c4c4;color:#9b1c1c;border-radius:8px;padding:7px 11px;margin:6px 0;font-size:12.5px}
.st-lead{font-size:12.5px;margin:0 0 6px}
.sfilter{width:320px;max-width:100%;font:inherit;font-size:13px;padding:6px 10px;border:1px solid #d8dee6;border-radius:8px}
.stscroll{overflow-x:auto}
table.st{width:100%;border-collapse:collapse;font-size:12.8px;margin-top:8px}
table.st th{text-align:right;font-weight:600;color:#57606a;border-bottom:2px solid #e3e6ea;padding:6px 8px;white-space:nowrap;background:#fff;position:sticky;top:0}
table.st th:first-child,table.st td:first-child{text-align:left}
table.st td{border-bottom:1px solid #eef1f4;padding:6px 8px;vertical-align:top}
table.st td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.st tr.cur td{background:#f3f7ff}
table.sortable th{cursor:pointer}
table.sortable th.asc::after{content:" ▲"}table.sortable th.desc::after{content:" ▼"}
.p95{color:#8a929c}
.stag{color:#8a929c;font-size:11.5px}
.lane{display:inline-block;font-size:11px;border-radius:5px;padding:1px 7px;font-weight:700}
.lane.excluded{background:#eef1f4;color:#6b7280}
.sbtn{font:inherit;font-size:12px;padding:1px 9px;border:1px solid #d8dee6;border-radius:7px;background:#fff;color:#33393f;cursor:pointer}
table.mix td.n{vertical-align:middle}
table.mix th.shc{min-width:150px}
.shv{display:inline-block;min-width:44px}.shp{display:inline-block;min-width:46px;color:#6b7280;font-size:11.5px}
.bar{display:inline-block;width:64px;height:7px;margin-left:6px;border-radius:4px;vertical-align:middle}
.bar rect{fill:#3b6fd4}.bar rect.bg{fill:#eef1f4}
tr.gh{cursor:pointer}tr.gh td{background:#f8f9fb;border-bottom:1px solid #e3e6ea}tr.gh:hover td{background:#f0f3f8}
.caret{display:inline-block;width:14px;color:#8a929c}.caret::before{content:"▸"}
tbody.open .caret::before{content:"▾"}
tr.gs td:first-child{padding-left:28px}.gsn{font-weight:500}
tr.gs .bar rect:not(.bg){fill:#8fb0e8}
table.mix tfoot td{font-weight:700;border-top:2px solid #e3e6ea;padding:7px 8px}
@media (max-width:700px){.bar{display:none}table.mix th.shc{min-width:0}
table.mix td:first-child,table.mix th:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:130px;max-width:170px}
table.mix tr.gh td:first-child{background:#f8f9fb}}
@media (max-width:700px){.stwrap{padding:8px 12px 50px}.tv{font-size:20px}}
