/* Dense operational overview. Scoped to system; reader typography stays independent. */
#system { --ops-gap: 12px; font-variant-numeric: tabular-nums; }
#system .ops-heading { scroll-margin-top:80px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:6px 16px; margin:0 0 12px; }
#system .ops-heading h1 { margin:0; font:600 20px/1.4 var(--sd-sans); color:var(--sd-ink); }
#system .ops-heading > span { color:var(--sd-muted); font-size:12px; }
#system .ops-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--sd-line); border:1px solid var(--sd-line); border-radius:var(--reader-radius); overflow:hidden; }
#system .ops-metric { display:flex; flex-direction:column; gap:3px; padding:12px 16px; min-width:0; background:var(--sd-surface); }
#system .ops-metric .ops-label { font-size:13px; color:var(--sd-muted); }
#system .ops-metric strong { font:600 27px/1.25 var(--sd-sans); letter-spacing:-.03em; color:var(--sd-ink); }
#system .ops-metric small { font-size:12px; color:var(--sd-muted); line-height:1.5; }
#system .ops-metric--alert strong { color:var(--sd-warn); }
#system .ops-activity { margin:8px 0 14px; padding:0 2px; }
#system .ops-activity .ops-bullets { display:flex; gap:4px 24px; flex-wrap:wrap; margin:0; border:0; padding-top:0; }
#system .sd-kicker { margin:20px 0 8px!important; padding:0 0 7px; font:600 14px/1.5 var(--sd-sans); scroll-margin-top:80px; }
#system .ops-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:var(--ops-gap); }
#system .ops-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
#system .sd-dashboard { margin:0; min-width:0; box-shadow:none; }
#system .sd-dashboard__head { padding:9px 12px; gap:8px; font-size:14px; }
#system .sd-dashboard__head em { color:var(--sd-muted); font-size:12px; white-space:nowrap; }
#system .sd-panelbody { padding:10px 12px; }
#system .ops-bullets { margin:10px 0 0; padding:8px 0 0 16px; border-top:1px solid var(--sd-line); color:var(--sd-muted); font:400 12px/1.6 var(--sd-sans); }
#system .ops-bullets li { padding:0; margin:0; overflow-wrap:anywhere; }
#system .ops-bullets li + li { margin-top:3px; }
#system .ops-bullets li::marker { color:var(--sd-data); }
#system .sd-minirow { gap:5px 14px; padding:6px 0; font:400 12px/1.5 var(--sd-sans); }
#system .sd-minirow b { font:600 13px/1.5 var(--sd-sans); }
#system .ops-ranking { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
#system .ops-ranking li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 10px; align-items:center; }
#system .ops-ranking__label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--sd-ink); font-size:12px; }
#system .ops-ranking__value { font:500 12px/1.5 var(--sd-sans); color:var(--sd-ink); white-space:nowrap; }
#system .ops-track { display:block; height:5px; background:var(--sd-panel); grid-column:1/-1; overflow:hidden; border-radius:2px; }
#system .ops-track i { display:block; height:100%; border-radius:2px; }
#system .ops-ranking--compact { gap:5px; }
#system .ops-ranking--compact li { grid-template-columns:72px minmax(0,1fr) auto; gap:8px; }
#system .ops-ranking--compact .ops-track { grid-column:2; grid-row:1; height:8px; }
#system .ops-ranking--compact .ops-ranking__value { grid-column:3; grid-row:1; }
#system .ops-breakdown { display:flex; gap:2px; height:9px; background:var(--sd-panel); margin:3px 0 10px; overflow:hidden; border-radius:3px; }
#system .ops-breakdown > span { height:100%; }
#system .sd-table { font-size:12px; min-width:0; }
#system .sd-table :is(td,th) { padding:6px 8px; line-height:1.5; }
#system .sd-table td:first-child { min-width:0; }
#system .ops-empty { padding:20px 0; text-align:center; color:var(--sd-muted); font-size:13px; }
#system .ops-control { margin-top:9px; padding-top:8px; border-top:1px solid var(--sd-line); font-size:12px; }
#system .ops-control summary { cursor:pointer; color:var(--sd-link); width:fit-content; }
#system .ops-control summary:focus-visible { outline:2px solid var(--sd-data); outline-offset:3px; }
#system .ops-pin-form { display:grid; grid-template-columns:minmax(0,1fr) 120px auto; gap:8px; margin-top:10px; align-items:end; }
#system .ops-pin-form label { display:flex; flex-direction:column; gap:4px; color:var(--sd-muted); }
#system :is(input,select) { min-width:0; max-width:100%; font:400 12px/1.5 var(--sd-sans); color:var(--sd-ink); background:var(--sd-surface); border:1px solid var(--sd-line); border-radius:3px; padding:4px 6px; }
#system .ops-control-status { grid-column:1/-1; color:var(--sd-muted); }
#system .ops-account-summary { display:flex; flex-direction:column; gap:8px; }
#system .ops-account-summary .sd-minirow { padding:0; }
#system .ops-users { margin-top:10px; }
#system .ops-users > summary { cursor:pointer; font-size:13px; color:var(--sd-link); }
#system .ops-users[open] > summary { margin-bottom:8px; }
#system .ops-users .sd-table { min-width:680px; }
#system .sd-spark-x { font-size:11px; gap:12px; }
#system .sd-spark-gl > span { font-size:11px; }
#system .sd-spark i { min-width:0; }
@media (max-width:1200px) {
  #system .ops-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  #system .ops-grid { grid-template-columns:minmax(0,1fr); }
  #system .ops-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #system .ops-metric { padding:10px 12px; }
  #system .ops-metric strong { font-size:24px; }
  #system .ops-pin-form { grid-template-columns:minmax(0,1fr) auto; }
  #system .ops-pin-form > label:first-child { grid-column:1/-1; }
  #system .ops-ranking--compact li { grid-template-columns:64px minmax(0,1fr) auto; }
}

#system .ops-drift .sd-spark { gap:1px; }
@media (max-width:700px) { #system .ops-drift .sd-spark { gap:0; } }