/* ═══════════════════════════════════════════════════════════════════════════ DOSSIER / APP RETHEME — COOL STOCK For scan.html, scan-lawstudents.html, scan-results.html and dashboard.html. Those four pages carry roughly 7,800 lines of inline JavaScript that builds their markup at runtime. Rewriting that markup by hand would mean rewriting the JavaScript, and the fastest way to break a working product is to retype the part that already works. So instead of new markup, this maps the classes they already emit onto the Dossier tokens. It loads AFTER dossier.css and after the Tailwind CDN, so it wins on equal specificity. !important is reserved for colour, radius and shadow, which Tailwind sets at a specificity a plain selector cannot beat. The colour rule from dossier.css holds here too: blue is structure and action, oxblood is risk only. Tailwind's blue/sky/cyan families map to --blue; its red/rose/pink families map to --seal; indigo/purple/violet, which the old design used decoratively, map to ink rather than inventing a third accent. ═══════════════════════════════════════════════════════════════════════════ */ /* ── Ground the page in the field ────────────────────────────────────────── The scan pages carry `class="bg-white"` on itself, so the utility remap below would otherwise turn the whole page into a glass sheet with nothing behind it. The body must be the field; only cards get glass. */ body,body.bg-white,body.bg-gray-50{background:var(--field)!important;color:var(--ink)!important; font-family:var(--sans);backdrop-filter:none!important;-webkit-backdrop-filter:none!important} /* Those pages also open their inline