/* Dark / Light theme — Sept 2026 UI pass. ------------------------------------------------------------------------ Why a color-inversion filter instead of re-coloring every component: the existing stylesheet hardcodes a white/light background on ~230 separate selectors across 15+ files (every .panel, .kpi, table, modal, card variant, each written independently, often with !important). Re-theming each one by hand for this pass would mean editing hundreds of individual rules with a real risk of missing some -- leaving a "half dark, half light" dashboard, which is worse than not shipping dark mode at all. Inverting lightness (then rotating hue back by 180°, which approximately restores each color's original hue while flipping its lightness) gives a complete, consistent dark theme across every current AND future page in one place, guaranteed not to miss a component. This is the same technique browser "force dark mode" features use for sites without native dark mode. The sidebar is already a dark navy in the light theme, so it's excluded from the filter (inverting it would make it light instead of dark). Photographic content (evidence photos, the company logo) is inverted a second time so it renders normally instead of as a photo negative. The login screen (already dark-branded on its own) is left untouched in both themes. */ html[data-theme="dark"]{ background:#0a0e14; } html[data-theme="dark"] body{ background:#0a0e14; } /* Deliberately no `color-scheme:dark` anywhere: a first attempt scoped it to #app>main/#modal to get native dark scrollbars/form controls, but that backfired -- color-scheme:dark makes the browser render native controls (particularly