
  #sp-overview > .card, #sp-overview > .kpis{margin-bottom:var(--sp4)}
  #sp-overview > .card:last-child{margin-bottom:0}
  #view-status .stx-tiles{display:grid;grid-template-columns:1fr;gap:var(--sp3);margin:var(--sp2) 0 var(--sp0)}
  #view-status .stx-tile{border:1px solid var(--border);border-radius:var(--r-surface);background:var(--card);
    padding:var(--sp4);display:flex;flex-direction:column;gap:var(--sp2);min-height:118px;transition:box-shadow var(--dur-1),border-color var(--dur-1)}
  #view-status .stx-tile .th{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp3)}
  #view-status .stx-tile .nm{font-size:var(--t-small);font-weight:var(--w-med);line-height:var(--lh-tight);min-width:0}
  #view-status .stx-tile .th .badge{flex:0 0 auto;white-space:nowrap}
  #view-status .stx-tile .fd{font-size:var(--t-label);color:var(--muted-2);line-height:var(--lh-ui)}
  #view-status .stx-tile .foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp3);
    margin-top:auto;padding-top:var(--sp3);border-top:1px solid var(--border-2)}
  #view-status .stx-tile .up{font-size:var(--t-title);font-weight:var(--w-bold);font-variant-numeric:tabular-nums;color:var(--ink)}
  #view-status .stx-tile .up small{font-size:var(--t-label);font-weight:var(--w-med);color:var(--muted-2);margin-left:var(--sp0)}
  #view-status .stx-tile .up.dim{font-size:var(--t-label);color:var(--muted-2);font-weight:var(--w-med)}
  #view-status .stx-tile .routed{font-size:var(--t-label);color:var(--muted-2);white-space:nowrap;text-align:right}
  #view-status .tabcard{background:transparent;border:0;box-shadow:none}
  #view-status .page-h{align-items:center}
  #view-status .page-h .sp{align-items:center}
  #view-status #status-banner{display:flex;align-items:center;gap:var(--sp2);flex-wrap:wrap;justify-content:flex-end}
  #view-status #status-banner .sb-ic{width:26px;height:26px;border-radius:var(--r-control);display:grid;place-items:center;flex:0 0 26px}
  #view-status #status-banner b{font-size:var(--t-small)}
  #view-status #status-banner .sb-t{font-size:var(--t-label);color:var(--muted-2)}
  #view-status{text-transform:capitalize}
  #view-status .mini,#view-status .open-q,#view-status .sb-t,#view-status .stx-tile .fd,#view-status .stx-tile .up,
  #view-status .stx-cause,#view-status .sp-upd,#view-status .sp-upd *{text-transform:none}
  #view-status .sp-groups{display:grid;grid-template-columns:1fr;gap:var(--sp4);align-items:start}
  #view-status .st-sticky{position:sticky;top:var(--topbar-h,52px);z-index:30;background:var(--bg);padding-top:var(--sp3);margin-top:calc(-1 * var(--sp3));padding-bottom:var(--sp1);box-shadow:0 1px 0 var(--border)}
  #view-status .st-sticky .tabcard{margin-bottom:var(--sp2) !important}
  #view-status .stx-wins{margin:0 0 var(--sp2)}
  #view-status:has(#sp-overview[style*="none"]) #st-wins-host{display:none}
  #view-status .stx-axis{display:flex;justify-content:space-between;font-size:var(--t-label);color:var(--muted-2);margin-top:var(--sp0);text-transform:none}
  #view-status .sp-group{min-width:0}
  #view-status .sp-group .sp-grphead{margin:var(--sp0) 0 var(--sp2)}
  #view-status .stx-tile .stx-strip{height:8px;margin-top:var(--sp1)}
  #view-status .stx-tile .stx-hist{font-variant-numeric:tabular-nums}

.sph-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--sp5);align-items:start}
.sph-score{display:flex;flex-direction:column;align-items:center;text-align:center}
.sph-score .score{width:100px;height:100px;margin-bottom:var(--sp3)}
.sph-score .score svg{width:100px;height:100px}
.sph-score .thresholds{text-align:left;width:100%}
.sph-calc table{width:100%}
#view-status .sph-calc tbody th,#view-status .sph-calc tbody td,#view-status #sph-note{text-transform:none}
.sph-calc .sph-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sph-calc tbody th{text-align:left;font-weight:var(--w-med)}
.sph-meter{display:flex;align-items:center;gap:var(--sp3);margin-top:var(--sp2)}
.sph-meter .sph-read{font-variant-numeric:tabular-nums;font-size:var(--t-small);color:var(--muted-2);white-space:nowrap;min-width:52px;text-align:right}
.sph-meter .sph-read b{color:var(--ink);font-size:var(--t-body)}
.sph-meter .sph-none{min-width:0;text-align:left}
.sph-bar{flex:1;height:6px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}
.sph-bar i{display:block;height:6px;border-radius:var(--r-pill)}
.sph-total th,.sph-total td{border-top:1px solid var(--line);font-weight:var(--w-med)}
@media (max-width:1024px){ .sph-wrap{grid-template-columns:1fr} .sph-score .thresholds{max-width:420px} }
.sph-calc .sph-from{max-width:340px}
.sph-calc .sph-from b{display:block;font-weight:var(--w-med)}
.sph-calc .sph-from span{display:block;font-size:var(--t-label);color:var(--muted-2);line-height:var(--lh-ui)}
