/* nvtop terminal palette (xterm-256 approximations) */
  :root{
    --bg:#000000; --fg:#c6c6c6; --dim:#9e9e9e;
    --blue:#5f87ff;     /* Device labels, GPU% / util line */
    --magenta:#d75fd7;  /* PCIe GEN, RX:, TX: */
    --green:#5fd75f;    /* MEM bar+text, temp */
    --yellow:#ffd75f;   /* mem% line + title */
    --cyan:#5fd7d7;     /* clocks */
    --border:#6c6c6c;   /* chart box */
    --foot:#00af00;     /* footer bar */
    --footsel:#5f5fff;  /* footer selected cell */
    --mono:"DejaVu Sans Mono","JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;
  }
  *{box-sizing:border-box}
  html{color-scheme:dark}
  body{margin:0;background:var(--bg);color:var(--fg);
    font-family:var(--mono);font-size:13px;line-height:1.18;
    -webkit-font-smoothing:none;font-smooth:never;
    padding:2px 4px 24px}
  /* ── device text blocks: 2 per row like nvtop ── */
  #devs{display:grid;grid-template-columns:repeat(auto-fit,minmax(720px,1fr));
    column-gap:14px;row-gap:6px;margin-bottom:6px}
  .dev{white-space:pre;overflow:hidden}
  .dev .line{white-space:pre}
  .b{color:var(--blue)} .m{color:var(--magenta)} .g{color:var(--green)}
  .y{color:var(--yellow)} .c{color:var(--cyan)} .d{color:var(--dim)} .w{color:var(--fg)}
  /* ── charts grid ── */
  #charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:6px}
  .chart{position:relative}
  canvas{display:block;width:100%;height:160px;background:#000}
  /* ── nvtop-style footer: brand + live aggregate + status ── */
  footer{position:fixed;left:0;right:0;bottom:0;height:20px;line-height:20px;
    background:var(--foot);color:#000;font-family:var(--mono);font-size:12px;
    white-space:nowrap;overflow:hidden;display:flex;align-items:center}
  footer .sel{background:var(--footsel);color:#fff;padding:0 6px;margin-right:8px}
  footer .agg{padding:0 8px;color:#000}
  footer .stat{margin-left:auto;padding:0 8px;background:var(--footsel);color:#fff}