body{display:flow-root}.metrics-layout{display:grid;gap:22px;padding:22px 26px 28px}.metrics-context{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:3px solid var(--navy)}.metrics-context span,.section-title span,.ledger-summary small,.stream-hero>small,.signal-meta small{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em}.metrics-context h1{margin:6px 0 0;font-size:34px;letter-spacing:-.04em}.metrics-context>strong{display:flex;align-items:center;gap:7px;color:var(--green);font-size:11px;letter-spacing:.07em}.metrics-context>strong i{width:8px;height:8px;background:currentColor;border-radius:50%}.metrics-context>strong.stale{color:var(--amber)}.metrics-context>strong.down{color:var(--red)}.resource-section,.signal-section{min-width:0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px;padding:0 1px 10px;border-bottom:1px solid var(--line)}.section-title h2{margin:4px 0 0;font-size:22px}.section-title small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.06em}.ledger-summary{display:grid;grid-template-columns:1.1fr .9fr .9fr .9fr 1.2fr 1.2fr 1.2fr;gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}.ledger-summary article{min-width:0;padding:15px 14px;background:var(--surface)}.ledger-summary h2{margin:7px 0 0;font-size:22px}.ledger-summary .storage-summary h2,.ledger-summary .load-summary h2{overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.track{height:8px;margin-top:10px;overflow:hidden;background:var(--soft)}.fill{height:100%;width:0;background:var(--blue);transition:width .4s}.fill.warn{background:var(--amber)}.ok{color:var(--green)!important}.warn{color:var(--amber)!important}.down{color:var(--red)!important}.empty-state{padding:22px!important;color:var(--muted);text-align:center!important}
.signal-section{display:grid;grid-template-rows:auto auto auto;gap:12px;padding-top:0}.signal-section>.section-title{margin-bottom:0}.stream-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(380px,.85fr);gap:12px;min-height:clamp(270px,32vh,340px);align-items:stretch}.stream-hero{min-width:0;padding:18px 20px;color:#f5f9fd;background:var(--navy)}.stream-hero>small{color:#a9c1d2}.stream-hero h2{margin:9px 0 4px;font-size:30px}.stream-hero>span{color:#d6e4ef;font-size:12px}.signal-line{display:grid;grid-template-columns:repeat(30,minmax(2px,1fr));align-items:end;gap:3px;height:clamp(90px,12vh,120px);margin-top:16px}.signal-line i{display:block;min-height:4px;background:#52c889}.signal-line i.idle{background:#526b80}.signal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;background:#38536b}.signal-meta div{padding:10px 11px;background:var(--navy)}.signal-meta small{color:#a9c1d2}.signal-meta strong{display:block;margin-top:4px}.status-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}.status-strip div{min-width:0;padding:11px 9px;background:var(--surface);text-align:center}.status-strip strong,.status-strip span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-strip strong{color:var(--green);font-size:11px}.status-strip span{margin-top:3px;font-size:10px}.panel{background:var(--surface);border:1px solid var(--line)}.continuity-panel{display:flex;min-width:0;flex-direction:column}.continuity-panel #continuity{display:grid;grid-template-rows:repeat(3,1fr);flex:1}.panel-head{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;border-bottom:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.05em}.panel-head span:last-child{overflow:hidden;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.history-row{display:grid;grid-template-columns:78px minmax(0,1fr) 68px;align-items:center;gap:8px;min-height:50px;padding:10px 11px;border-bottom:1px solid var(--line);font-size:10px}.history-row:last-child{border-bottom:0}.history-row>strong:last-child{text-align:right}.timeline{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:11px}.timeline i{background:var(--green)}.timeline i.warn{background:var(--amber)}.timeline i.down{background:var(--red)}.timeline i.unknown{background:var(--soft-2)}
html[data-theme="dark"] .stream-hero,html[data-theme="dark"] .signal-meta div{background:#0b1b2c}
@media(max-width:1160px){.ledger-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:901px) and (max-height:900px){
  .metrics-layout{gap:18px;padding:18px 22px 22px}
  .metrics-context{padding-bottom:13px}
  .metrics-context h1{margin-top:4px;font-size:32px}
  .section-title{margin-bottom:9px;padding-bottom:8px}
  .signal-section>.section-title{margin-bottom:0}
  .section-title h2{margin-top:3px;font-size:21px}
  .ledger-summary article{padding:12px}
  .ledger-summary h2{margin-top:5px;font-size:20px}
  .ledger-summary .storage-summary h2,.ledger-summary .load-summary h2{font-size:14px}
  .track{height:7px;margin-top:7px}
  .signal-section{gap:10px}
  .stream-grid{gap:10px;min-height:260px}
  .stream-hero{padding:15px 16px}
  .stream-hero h2{margin:7px 0 3px;font-size:27px}
  .signal-line{height:86px;margin-top:12px}
  .signal-meta{margin-top:11px}
  .signal-meta div{padding:8px 9px}
  .status-strip div{padding:9px}
  .panel-head{padding:9px 11px}
  .history-row{min-height:46px;padding:8px 9px}
}
@media(max-width:900px){.metrics-layout{padding:14px}.ledger-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.metrics-layout{gap:12px;padding:12px}.stream-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column;gap:4px}.status-strip{grid-template-columns:repeat(2,1fr)}.status-strip div:last-child{grid-column:1/-1}.history-row{grid-template-columns:80px minmax(0,1fr)}.history-row>strong:last-child{grid-column:2}}
@media(max-width:520px){.metrics-context{align-items:flex-start;flex-direction:column;gap:8px}.metrics-context h1{font-size:27px}.metrics-context span,.section-title span,.ledger-summary small,.stream-hero>small,.signal-meta small{font-size:10px}.ledger-summary{grid-template-columns:1fr}.ledger-summary article{padding:11px 13px}.ledger-summary h2{margin-top:5px;font-size:20px}.track{margin-top:7px}.stream-hero{padding:14px}.stream-hero h2{font-size:26px}.signal-line{height:72px;margin-top:11px}.signal-meta{grid-template-columns:1fr;margin-top:10px}.signal-meta div{padding:8px 10px}.panel-head{padding:8px 10px}.history-row{grid-template-columns:1fr;min-height:0;padding:8px 10px}.history-row>strong:last-child{grid-column:auto;text-align:left}.timeline{order:3}.status-strip{grid-template-columns:1fr}.status-strip div{padding:8px}.status-strip div:last-child{grid-column:auto}}