/* DOSINT v25 — strictly black & white. Loaded LAST (after extras.css).
   No hue anywhere: only neutral greys. Black dominates, white only as soft, faint light.
   Remove this <link> to go back to v24. */

/* ---------- dark: 100% black ---------- */
:root{
  --bg:#000;--side:#000;--panel:#000;--inset:#000;
  --line:#1c1c1c;--chip:#0a0a0a;--chipb:#2a2a2a;--sel:#121212;--hov:#0a0a0a;
  --ink:#f2f2f2;--mut:#8a8a8a;--acc:#ececec;--acc2:#0f0f0f;
  --a1:#fff;--a2:#bdbdbd;--a3:#fff;--grad:linear-gradient(var(--acc),var(--acc));
  --g-inv:#fff;--g-rec:#d4d4d4;--g-ana:#aaa;--g-case:#8a8a8a;--g-gam:#e6e6e6;
  --c-bg:#000;--c-fg:#e6e6e6;--c-dim:#777;--c-hd:#fff;--c-line:#1a1a1a;
  --gl-bg:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 45%,rgba(255,255,255,.04));
  --gl-bd:rgba(255,255,255,.12);--gl-hi:rgba(255,255,255,.26);--gl-lo:rgba(255,255,255,.04);
  --gl-spot:rgba(255,255,255,.08);--gl-blur:blur(22px) saturate(100%) brightness(1);
  --node:200,200,200;
}
html,body{background:#000!important}
.land,#auth{background:transparent!important}

/* background light: neutral white, very faint, black stays dominant */
#bg .a1{background:radial-gradient(closest-side,rgba(255,255,255,.07),transparent)!important}
#bg .a2{background:radial-gradient(closest-side,rgba(255,255,255,.04),transparent)!important}
#bg .a3{background:radial-gradient(closest-side,rgba(255,255,255,.035),transparent)!important}
#neo-glow{background:radial-gradient(closest-side,rgba(255,255,255,.05),transparent)!important}
.side{background:#000!important}
.lnav{background:var(--gl-bg),rgba(0,0,0,.55)!important}
.card,.fc,.sc,.tile2,.term,.tw,.mx,.box,.dcard,.mbox,.auto,.hq,.rep .card{
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 50%,rgba(255,255,255,.03)),#000!important}
.btn.s,.btn.s:hover{background:rgba(255,255,255,.08)}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-color:rgba(255,255,255,.7)}
.warn{color:#bdbdbd}

/* ---------- module menu (Ctrl K): fully opaque, nothing shows through ---------- */
.ddp{
  background:#000!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:1px solid #2a2a2a!important;
  box-shadow:0 40px 100px -10px rgba(0,0,0,1),0 0 0 1px rgba(255,255,255,.06)!important;
  z-index:80}
.ddp::before,.ddp::after{display:none!important}
.msearch{background:#000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid #222}
.mcol .grp{color:#fff;opacity:.85}
.mcol .grp::before{background:#fff;box-shadow:none}
.mcol .m{color:#a8a8a8}
.mcol .m:hover{background:#141414;color:#fff}
.mcol .m:hover svg,.mcol .m.on svg{color:#fff}
.mcol .m.on{background:#161616;color:#fff;box-shadow:inset 0 0 0 1px #3a3a3a}
.cat-h i{background:#fff}
.tile2:hover,.tile2:focus-visible{border-color:#555;box-shadow:none}
.tile2 .ti{color:#fff;background:#111;border-color:#2a2a2a}
.tile2:hover::after{color:#fff}

/* ---------- light: 100% white, grey only ---------- */
:root[data-theme="light"]{
  --bg:#fff;--side:#fff;--panel:#fff;--inset:#f6f6f6;
  --line:#e3e3e3;--chip:#f3f3f3;--chipb:#d6d6d6;--sel:#ececec;--hov:#f3f3f3;
  --ink:#0c0c0c;--mut:#5f5f5f;--acc:#111;--acc2:#ececec;
  --a1:#111;--a2:#444;--a3:#111;--grad:linear-gradient(var(--acc),var(--acc));
  --g-inv:#000;--g-rec:#333;--g-ana:#555;--g-case:#777;--g-gam:#222;
  --c-bg:#fff;--c-fg:#111;--c-dim:#666;--c-hd:#000;--c-line:#e3e3e3;
  --gl-bg:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.4) 50%,rgba(255,255,255,.75));
  --gl-bd:rgba(0,0,0,.1);--gl-hi:#fff;--gl-lo:rgba(0,0,0,.05);--gl-spot:rgba(255,255,255,.9);
  --node:40,40,40}
:root[data-theme="light"] html,:root[data-theme="light"] body,[data-theme="light"] body{background:#fff!important}
[data-theme="light"] #bg .a1{background:radial-gradient(closest-side,rgba(0,0,0,.05),transparent)!important}
[data-theme="light"] #bg .a2{background:radial-gradient(closest-side,rgba(0,0,0,.03),transparent)!important}
[data-theme="light"] #bg .a3{background:radial-gradient(closest-side,rgba(0,0,0,.03),transparent)!important}
[data-theme="light"] #neo-glow{background:radial-gradient(closest-side,rgba(0,0,0,.05),transparent)!important}
[data-theme="light"] .side{background:#fff!important}
[data-theme="light"] .lnav{background:var(--gl-bg),rgba(255,255,255,.7)!important}
[data-theme="light"] .card,[data-theme="light"] .fc,[data-theme="light"] .sc,[data-theme="light"] .tile2,
[data-theme="light"] .term,[data-theme="light"] .tw,[data-theme="light"] .mx,[data-theme="light"] .box,
[data-theme="light"] .dcard,[data-theme="light"] .mbox,[data-theme="light"] .auto,[data-theme="light"] .hq,
[data-theme="light"] .rep .card{background:#fff!important}
[data-theme="light"] .btn:not(.s){background:#111!important;color:#fff!important}
[data-theme="light"] .ddp,[data-theme="light"] .msearch{background:#fff!important}
[data-theme="light"] .ddp{border-color:#d6d6d6!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.25)!important}
[data-theme="light"] .mcol .grp{color:#000}
[data-theme="light"] .mcol .grp::before,[data-theme="light"] .cat-h i{background:#000}
[data-theme="light"] .mcol .m{color:#555}
[data-theme="light"] .mcol .m:hover,[data-theme="light"] .mcol .m.on{background:#f0f0f0;color:#000}
[data-theme="light"] .mcol .m:hover svg,[data-theme="light"] .mcol .m.on svg{color:#000}
[data-theme="light"] .tile2 .ti{color:#000;background:#f3f3f3;border-color:#d6d6d6}
[data-theme="light"] .tile2:hover{border-color:#999}
[data-theme="light"] input:focus-visible,[data-theme="light"] button:focus-visible,[data-theme="light"] a:focus-visible{outline-color:rgba(0,0,0,.7)}