/* Shared by both portals (loaded after /brand/tokens.css, before app.css or ops.css): theme values and browser surfaces. */
:root{--brand-fill:var(--brand);--brand-fill-hover:var(--brand-hover);--brand-fill-pressed:var(--brand-pressed);--fail-fill:var(--fail);color-scheme:light}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0A1A3C; --paper-2:#0D2149; --surface:#10264F;
  --ink:#E6ECF7; --muted:#9DB0D3; --rule:#27406E; --rule-strong:#E6ECF7;
  --brand:#6F97F2; --brand-hover:#8DAEF6; --brand-pressed:#A8C0F8;
  --brand-fill:#2B5FD9; --brand-fill-hover:#3A6CE0; --brand-fill-pressed:#2456C8;
  --brand-tint:#16306A; --brand-tint-stroke:#35559C;
  --deep:#1A3166; --on-deep:#E6ECF7;
  --pass:#5BC27F; --pass-tint:#0F3322;
  --fail:#FF8A7E; --fail-tint:#3A1717; --fail-fill:#B42318;
  --slow:#E6A93B; --slow-tint:#3A2A0C;
  --shadow-2:0 1px 2px rgb(0 0 0 / .4), 0 0 2px rgb(0 0 0 / .3);
  --shadow-16:0 8px 16px rgb(0 0 0 / .5), 0 0 2px rgb(0 0 0 / .4);
}
html{scrollbar-color:var(--rule) transparent}
:root[data-theme="dark"] dialog::backdrop{background:rgb(2 8 22 / .65)}
body{caret-color:var(--brand)}
::selection{background:var(--brand-tint);color:var(--ink)}
:root[data-theme="dark"] ::selection{background:#2B4C8F;color:#fff}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-thumb{background:var(--rule);border-radius:6px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}
.hdr .tg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}