/* ============================================================ Design system — the shadcn "neutral" preset (buFzUQq), dark mode, squared corners. Class names match the existing markup so this themes the whole app. Backward-compat aliases keep old rules sane. The preset is MONOCHROME: every token is oklch(L 0 0) — zero chroma — except its one destructive red. Values are the preset's verbatim, with the sRGB equivalent noted (they land exactly on Tailwind `neutral`). The app previously approximated this ramp by hand (#121212, #191919, #a6a6a6); these are the real steps. --radius stays 0: the preset itself ships `--radius: 0`, so the app's squared identity is the preset's, not an override of it. ============================================================ */ /* ============================================================ CASCADE LAYERS The order is declared once, on the line below this comment, and that ONE line settles every tie in this file: a later layer wins over an earlier one REGARDLESS of selector specificity. That is the point. This stylesheet had rules quietly cancelling each other (a `background` shorthand that ate the select chevron; page-scoped rules wrestling with the base component rules they were only meant to nudge). A layer boundary is a decision you can read; a specificity count is one you have to work out, in your head, every time. tokens the :root custom-property block. Nothing else. base unqualified element rules: *, body, the shared input/select/textarea chrome, ::placeholder, scrollbars. Specificity (0,0,n) ONLY. Anything carrying a state or attribute qualifier -- select:hover, input:focus, input[type="range"] -- is class-weight and stays in `components`, because it already outranks plain class rules today and must keep doing so. components every class/ID-based component rule. The bulk of the file. overrides rules that deliberately re-style a component IN A CONTEXT: `.app-main .tab-panel .panel`, the hub's [data-page] / .sc-activity-slot / .dash-half block, and the CLEAN PASS at the bottom of the file. *** UNLAYERED CSS BEATS EVERY LAYER, AT ANY SPECIFICITY. *** Three modules inject a