/* Blue / white and midnight blue. Both themes share the same readable layout. */
:root{color-scheme:light;--bg:#f3f6fb;--panel:#ffffff;--panel2:#eaf0fa;--line:#dfe7f1;--text:#172c4b;--muted:#667890;--green:#2865c5;--blue:#2294b7;--sand:#a476cd;--red:#b74444;--soft:#edf3fc;--track:#e3eaf5;--banner:#e9f1ff;--banner-border:#cedef5;--warning-bg:#fff5e4;--warning-line:#e8cf9f;--warning-text:#87570d;--chart-cover:#ffffffed;--navy:#15335b;--shadow:0 3px 14px #163d6d05}
html[data-theme=dark]{color-scheme:dark;--bg:#0b1425;--panel:#111f35;--panel2:#182b46;--line:#263951;--text:#eaf1fc;--muted:#9aaec8;--green:#79acff;--blue:#69c2dc;--sand:#b6a0ef;--red:#ed9a9a;--soft:#172b48;--track:#253b58;--banner:#142c4c;--banner-border:#2b507c;--warning-bg:#30291f;--warning-line:#695334;--warning-text:#e8c185;--chart-cover:#111f35ed;--navy:#87b4ff;--shadow:none}
body{background:var(--bg);color:var(--text)}.topbar{background:var(--panel)}.brand-icon{background:#193b6a;color:#fff}.brand-icon span{color:#95bfff}.brand-slash{color:#93a6bf}.brand-sub{color:var(--muted)}.header-tools{display:flex;gap:20px;align-items:center}.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font-size:21px;display:grid;place-items:center}.theme-toggle:hover{background:var(--soft)}.refresh{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}.health-banner{background:linear-gradient(110deg,var(--banner),var(--panel));border-color:var(--banner-border);box-shadow:var(--shadow)}.health-symbol{background:var(--soft);border-color:var(--banner-border);color:var(--green)}.health-banner p{color:var(--muted)}.health-banner.warning{background:var(--warning-bg);border-color:var(--warning-line)}.health-banner.warning .health-symbol{background:transparent;color:var(--warning-text);border-color:var(--warning-line)}.health-banner.warning p{color:var(--warning-text)}.metric,.panel{box-shadow:var(--shadow)}.metric-label,.resource>div:first-child{color:var(--muted)}.metric-icon{color:var(--green)}.metric-value{color:var(--navy)}.tag{border-color:var(--banner-border);color:var(--green);background:var(--soft)}.mini-meter,.bar{background:var(--track)}.dot{background:var(--green)}.dot.muted{background:var(--muted)}.dot.warning{background:var(--warning-text)}.segmented{background:var(--bg)}.segmented button.selected{background:var(--soft);color:var(--green);box-shadow:0 1px 3px #163d6d08}.chart-tabs button.active{color:var(--green)}.chart-empty{background:var(--chart-cover)}.tooltip{background:var(--panel);border-color:var(--banner-border);color:var(--text);box-shadow:0 8px 30px #071e4120}.detail-footnote{color:var(--muted)}.heartbeat-bars span{background:var(--track)}.heartbeat-bars span.received{background:#5489d5}.heartbeat-bars span.partial{background:#9ab9e5}.service-avatar{background:var(--soft);border-color:var(--banner-border);color:var(--green)}.service-status{color:var(--green)}.service-status.down{color:var(--warning-text)}.service-status.down .dot{background:var(--warning-text)}.incident-badge{border-color:var(--banner-border);background:var(--soft);color:var(--green)}.incident-badge.open{color:var(--warning-text);border-color:var(--warning-line);background:var(--warning-bg)}.notice{background:var(--warning-bg);border-color:var(--warning-line);color:var(--warning-text)}.footer-brand{color:var(--navy)}
@media(max-width:640px){.header-tools{gap:8px}.topbar{gap:12px}nav{gap:12px}.brand{font-size:17px;gap:8px}.brand-slash{margin:0 2px}.theme-toggle{width:32px;height:32px;font-size:20px}.brand-icon{width:28px;height:30px;line-height:26px}nav a{font-size:10px}}