/* ================= NEON NOIR ================= */
:root[data-preset="noir"]{
  --bg:#020409; --panel:rgba(6,18,28,.8); --panel-2:rgba(79,227,255,.035); --line:rgba(79,227,255,.3);
  --fg:#c6f1ff; --muted:#6c9db0; --accent:#4fe3ff; --accent-dim:rgba(79,227,255,.12);
  --good:#62ffc0; --bad:#ff3d6e; --warn:#ffb347; --live:#ff3d6e; --glow:0 0 14px rgba(79,227,255,.5);
  --display:"VT323","Share Tech Mono",ui-monospace,monospace;
  --body:"Share Tech Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --mono:"Share Tech Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --radius:2px; --grid-bg:none; color-scheme:dark;
}
:root[data-preset="noir"] .noir-bg{display:block;position:fixed;inset:0;z-index:-1}
:root[data-preset="noir"] .noir-scan{display:block;position:fixed;inset:0;pointer-events:none;z-index:30;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);opacity:.45}
:root[data-preset="noir"] body{background:#020409;text-shadow:0 0 6px rgba(79,227,255,.22)}
:root[data-preset="noir"] .panel{background:linear-gradient(180deg,rgba(8,24,36,.84),rgba(3,11,18,.8));border:1px solid rgba(79,227,255,.38);border-radius:2px;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 30px rgba(79,227,255,.05),0 0 18px rgba(79,227,255,.08)}
:root[data-preset="noir"] .panel>header{border-bottom:1px solid rgba(79,227,255,.3);background:linear-gradient(90deg,rgba(79,227,255,.16),rgba(79,227,255,.02) 60%)}
:root[data-preset="noir"] .panel>header h2{font:400 13px/1.2 var(--body);letter-spacing:.22em;color:var(--accent)}
:root[data-preset="noir"] .label{letter-spacing:.16em}
:root[data-preset="noir"] .brand h1,:root[data-preset="noir"] .gate h1{font:400 38px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#dcf8ff;text-shadow:0 0 10px rgba(79,227,255,.7)}

:root[data-preset="noir"] .reactor{border-radius:2px;border:1px solid var(--accent);background:transparent;box-shadow:0 0 10px rgba(79,227,255,.5)}
:root[data-preset="noir"] .reactor i{border-radius:0;width:10px;height:10px;background:var(--bad);box-shadow:0 0 10px var(--bad)}
:root[data-preset="noir"] .clock .t{font:400 42px/1 var(--display);color:#dcf8ff;text-shadow:0 0 12px rgba(79,227,255,.7)}
:root[data-preset="noir"] .kpi .v{font:400 38px/1 var(--display)}
:root[data-preset="noir"] .vword{font:400 46px/1 var(--display);letter-spacing:.12em}
:root[data-preset="noir"] .rv-title{font:400 40px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase}
:root[data-preset="noir"] .am-status b{font:400 26px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
:root[data-preset="noir"] .amday .n,:root[data-preset="noir"] .rec .rank{font:400 30px/1 var(--display)}
:root[data-preset="noir"] .btn,:root[data-preset="noir"] .chip,:root[data-preset="noir"] .tabs button{border-radius:2px;background:rgba(79,227,255,.04);border:1px solid rgba(79,227,255,.45);color:var(--accent);font:400 12.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
:root[data-preset="noir"] .btn:hover:not(:disabled),:root[data-preset="noir"] .chip:hover{background:rgba(79,227,255,.14);box-shadow:0 0 10px rgba(79,227,255,.35)}
:root[data-preset="noir"] .btn.primary,:root[data-preset="noir"] .chip[aria-pressed="true"],:root[data-preset="noir"] .tabs button[aria-selected="true"]{background:var(--accent);color:#021016;text-shadow:none;border-color:var(--accent);box-shadow:0 0 14px rgba(79,227,255,.5)}
:root[data-preset="noir"] .btn.danger{color:var(--bad);border-color:rgba(255,61,110,.6)}
:root[data-preset="noir"] .btn.live{background:var(--bad);border-color:var(--bad);color:#14020a;text-shadow:none}
:root[data-preset="noir"] .tabs{border-bottom-color:rgba(79,227,255,.3)}
:root[data-preset="noir"] .pill{border-radius:2px;letter-spacing:.14em;font-family:var(--body)}
:root[data-preset="noir"] .res,:root[data-preset="noir"] .vtag,:root[data-preset="noir"] .ver,:root[data-preset="noir"] .tag,:root[data-preset="noir"] .sample,:root[data-preset="noir"] .newdot{border-radius:2px;letter-spacing:.1em}
:root[data-preset="noir"] .hc,:root[data-preset="noir"] .plan,:root[data-preset="noir"] .acct,:root[data-preset="noir"] .rec,:root[data-preset="noir"] .amday,:root[data-preset="noir"] .ghost,:root[data-preset="noir"] .sw,:root[data-preset="noir"] .suggest{border-radius:2px;background:rgba(79,227,255,.035);border-color:rgba(79,227,255,.25)}
:root[data-preset="noir"] .rec.top{border-color:var(--accent);background:rgba(79,227,255,.1)}
:root[data-preset="noir"] .inp,:root[data-preset="noir"] .stepper,:root[data-preset="noir"] .mode{border-radius:2px;background:rgba(2,8,14,.75);border-color:rgba(79,227,255,.35)}
:root[data-preset="noir"] th{letter-spacing:.16em;color:var(--accent)}
:root[data-preset="noir"] td{border-bottom-color:rgba(79,227,255,.14)}
:root[data-preset="noir"] tbody tr:hover td{background:rgba(79,227,255,.06)}
:root[data-preset="noir"] .modal,:root[data-preset="noir"] .toast{background:#06121b;border-radius:2px}
:root[data-preset="noir"] .gate{background:transparent}
:root[data-preset="noir"] .am-orb,:root[data-preset="noir"] .hc .dot{border-radius:1px}
:root[data-preset="noir"] .tablewrap{scrollbar-width:thin;scrollbar-color:var(--accent) rgba(79,227,255,.08)}