/* Delte design-tokens, global topbar og faner. */

:root{
  /* F74: Cortex' originale palett (jordtoner) — brukerens valg. Fra designsystemet beholdes kun
     typografien (Volte) og den standardiserte headeren. Semantiske statusfarger peker på palettens egne. */
  --ink:#16180F;--navy:#42536F;--olive:#8A8046;--olive-soft:#B4AC85;--forest:#2E3A22;
  --cream:#EFE9DB;--paper:#FBF9F4;--white:#FFFFFF;--line:#DCD5C4;--line-soft:#EBE5D7;
  --muted:#6E6A5C;--accent:var(--forest);--accent-soft:#48583A;--clay:#8A4B2A;--up:#3E6B3A;
  --success:var(--up);--danger:var(--clay);--warning:#8A6A2A;
  --radius:4px;--radius-sm:2px;
  --ui:'Volte','Archivo','Segoe UI',system-ui,sans-serif;
  /* F73: hele systemet snakker Volte (som malen — Mantine har én fontFamily). --mono var den «tekniske»
     stemmen i gamle Cortex; nå peker den på Volte så alle etiketter/status/tabeller følger huset.
     Ekte kode-kontekster (om de kommer) bruker --code. Tallkolonner holdes rette med tabular-nums. */
  --mono:'Volte','Archivo','Segoe UI',system-ui,sans-serif;--code:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--ui);color:var(--ink);background:var(--paper);
  background-image:radial-gradient(var(--line-soft) .6px,transparent .6px);background-size:26px 26px;font-size:14px}
.mono{font-family:var(--mono)}
.hidden{display:none}

.topbar{background:var(--white);color:var(--ink);display:flex;align-items:center;gap:16px;padding:0 22px;height:56px;border-bottom:1px solid var(--line)}
/* F71: merkevaren som i poc-template (Header.module.css .brand): CORTEX i Volte, xl, vekt 500, 0.08em */
.brand{font-family:var(--ui);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:1.25rem;color:var(--ink)}
.brand .c{color:var(--muted)}
.crumb{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.04em}

.tabbtn{background:none;color:var(--ink);border:1px solid transparent;border-radius:var(--radius);font-family:var(--ui);font-size:.875rem;font-weight:500;padding:6px 12px;cursor:pointer}
.tabbtn:hover{background:var(--paper)}
.tabbtn.on{background:var(--accent);color:#fff;font-weight:600;border-color:transparent}
/* F69: synlig tastaturfokus overalt (poc-template: alt som nås med mus skal nås med tastatur) */
:focus-visible{outline:2px solid var(--olive,#6B7A4F);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}
/* F73: rette tallkolonner uten monospace-font */
.coeftab,.stats,.num,.mono,[class*="tab"] td{font-variant-numeric:tabular-nums}