:root,:root[data-theme="light"] {
  color-scheme:light;
  --surface-1:#faf7f0;--surface-2:#fff;--surface-3:#f5ead3;--border:#ded6c6;
  --text-primary:#121212;--text-secondary:#625b4e;--text-muted:#625b4e;
  --series-1:#775515;--series-2:#775515;--series-3:#775515;
  --good:#775515;--warning:#e5b25d;--serious:#c59a45;--critical:#a33b32;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --surface-1:#121212;--surface-2:#202020;--surface-3:#292720;--border:#494337;
  --text-primary:#f4f0e8;--text-secondary:#d1c7b5;--text-muted:#bdb19c;
  --series-1:#e5b25d;--series-2:#d4af37;--series-3:#c59a45;
  --good:#e5b25d;--warning:#e5b25d;--serious:#c59a45;--critical:#edb4ac;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --surface-1:#121212;--surface-2:#202020;--surface-3:#292720;--border:#494337;
    --text-primary:#f4f0e8;--text-secondary:#d1c7b5;--text-muted:#bdb19c;
    --series-1:#e5b25d;--series-2:#d4af37;--series-3:#c59a45;
    --good:#e5b25d;--warning:#e5b25d;--serious:#c59a45;--critical:#edb4ac;
  }
  :root:not([data-theme="light"]) .badge.warning,:root:not([data-theme="light"]) .badge.good{background:#e5b25d;color:#121212}
  :root:not([data-theme="light"]) .badge.critical{color:#121212}
}
body {background:var(--surface-1);font-family:Inter,"Segoe UI",sans-serif}
h1 {font-family:Newsreader,Georgia,serif;font-weight:400}
button,input,select {font-family:inherit}
.tile .n {font-family:"JetBrains Mono",Consolas,monospace;font-variant-numeric:tabular-nums}
.tile,.fonte-card,table {border-radius:6px;box-shadow:none}
.tile {border-top:3px solid #e5b25d}
.tile:nth-child(2n) {border-top-color:#d4af37}
.tile:nth-child(3n) {border-top-color:#c59a45}
.tile::after {display:none}
.tab,.filters input,.filters select {border-radius:6px}
.tab.active {box-shadow:none}
.tab.active,.chip.active {background:#e5b25d;border-color:#e5b25d;color:#121212}
.badge.warning,.badge.good {background:#f5ead3;color:#775515;border:1px solid #c59a45}
:root[data-theme="dark"] .badge.warning,:root[data-theme="dark"] .badge.good {background:#e5b25d;color:#121212}
:root[data-theme="dark"] .badge.critical {color:#121212}
.header-identity {display:flex;align-items:center;gap:18px}
.labhd-logo {width:90px;height:90px;object-fit:contain;flex-shrink:0;clip-path:circle(49% at 50% 50%)}
:focus-visible {outline:3px solid var(--warning);outline-offset:3px}
@media(max-width:640px){.labhd-logo{width:70px;height:70px}.header-identity{gap:14px}}