/* Lapisan neon tipis: garis tepi berwarna, cahaya lembut, gradasi pada tombol utama. Hanya warna, bayangan, dan latar; tata letak tidak berubah.
   Token (--nx-*) per palet dan mode dihasilkan scripts/gen-palettes.js ke palettes.css. Dimatikan dengan html[data-neon="off"] (saklar di menu Palet warna). */
html:not([data-neon="off"]) body{background:radial-gradient(900px 460px at 82% -140px,var(--nx-bg),transparent 70%),var(--bg)}
html:not([data-neon="off"]) :is(.panel,.kpi,.tbl-wrap,.filters,.savebar){border-color:var(--nx-edge);background:linear-gradient(180deg,var(--nx-tint),transparent 46%),var(--surface);box-shadow:0 0 38px -18px var(--nx-glow),inset 0 1px 0 var(--nx-hl)}
html:not([data-neon="off"]) :is(.modal,.drawer){border-color:var(--nx-edge);box-shadow:0 0 56px -14px var(--nx-glow)}
html:not([data-neon="off"]) .side{border-right-color:var(--nx-edge);box-shadow:1px 0 28px -16px var(--nx-glow)}
html:not([data-neon="off"]) .sub-nav{border-left-color:var(--nx-edge)}
html:not([data-neon="off"]) .nav a[aria-current=page]{box-shadow:inset 2px 0 0 var(--nx),0 0 22px -8px var(--nx-glow)}
html:not([data-neon="off"]) .top{border-bottom-color:var(--nx-edge);box-shadow:0 1px 28px -16px var(--nx-glow)}
html:not([data-neon="off"]) .btn.primary{box-shadow:0 0 26px -6px var(--nx-glow),inset 0 1px 0 rgba(255,255,255,.22)}
@media (hover:hover) and (pointer:fine){
  html:not([data-neon="off"]) .btn.primary:hover{filter:brightness(1.08)}
  html:not([data-neon="off"]) .btn:not(.primary):hover{border-color:var(--nx);box-shadow:0 0 16px -6px var(--nx-glow)}
  html:not([data-neon="off"]) tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--nx)}
}
html:not([data-neon="off"]) .seg{border-color:var(--nx-edge)}
html:not([data-neon="off"]) .seg-pill{box-shadow:0 0 0 1px var(--nx-edge),0 0 14px -4px var(--nx-glow)}
html:not([data-neon="off"]) .horizon{box-shadow:0 0 64px -24px var(--nx-glow)}
html:not([data-neon="off"]) thead th,html:not([data-neon="off"]) th{border-bottom-color:var(--nx-edge)}
html:not([data-neon="off"]) .avatar,html:not([data-neon="off"]) .brand-mark{box-shadow:0 0 18px -4px var(--nx-glow)}
html:not([data-neon="off"]) :focus-visible{outline-color:var(--nx);box-shadow:0 0 14px -2px var(--nx-glow)}
html:not([data-neon="off"]) .toast{box-shadow:0 0 28px -6px var(--nx-glow)}
html:not([data-neon="off"]):not([data-theme="dark"]) .kpi b{text-shadow:none}
html:not([data-neon="off"])[data-theme="dark"] .kpi b{text-shadow:0 0 22px var(--nx-glow)}
html:not([data-neon="off"])[data-theme="dark"] .page-head h2{background:linear-gradient(180deg,#fff 25%,var(--nx-text));-webkit-background-clip:text;background-clip:text;color:transparent}