/* Theme tokens: light by default (html[data-bs-theme="light"]), dark via the navbar switch (assets/js/theme.js). */
:root, [data-bs-theme="light"] {
  --t-ok-bg: #d7f2e3; --t-ok-fg: #14532d;
  --t-warn-bg: #fdf0c8; --t-warn-fg: #6b4e00;
  --t-bad-bg: #fbdcdc; --t-bad-fg: #7a1f1f;
  --t-info-bg: #dcebfb; --t-info-fg: #1f4f7a;
  --t-mute-bg: #e9ecef; --t-mute-fg: #495057;
  --t-up: #15803d; --t-down: #c0392b; --t-label: #6c757d;
  --t-track: #e9ecef; --t-bar: #2f7fb8; --t-bar-flag: #c0792b; --t-note: #b7791f;
}
[data-bs-theme="dark"] {
  --t-ok-bg: #1c5d3a; --t-ok-fg: #d8f5e4;
  --t-warn-bg: #7a5b0e; --t-warn-fg: #fdf0c8;
  --t-bad-bg: #7a1f1f; --t-bad-fg: #fbd9d9;
  --t-info-bg: #1f4f7a; --t-info-fg: #d9ecfb;
  --t-mute-bg: #2a2f36; --t-mute-fg: #ccd;
  --t-up: #3fb97a; --t-down: #e0645c; --t-label: #8a939c;
  --t-track: #232830; --t-bar: #2f7fb8; --t-bar-flag: #c0792b; --t-note: #7a5b0e;
}
body { font-size: .92rem; }
.pill { display: inline-block; padding: .1rem .55rem; border-radius: 1rem; font-size: .78rem; }
.pill-ok { background: var(--t-ok-bg); color: var(--t-ok-fg); }
.pill-warn { background: var(--t-warn-bg); color: var(--t-warn-fg); }
.pill-bad { background: var(--t-bad-bg); color: var(--t-bad-fg); }
.pill-unknown { background: var(--t-mute-bg); color: var(--t-mute-fg); }
.num { font-variant-numeric: tabular-nums; text-align: right; }
.chart-box { width: 100%; min-height: 300px; }
.table-sm td, .table-sm th { white-space: nowrap; }
#themeToggle { white-space: nowrap; }