/* ============================================================================ suite.css — the Structural Suite component layer. Brand v3.6, Rule H. v3.6 (2026-08-25) added the "Apple-premium" screen layer proven out on the masonry app: .ui-icon-seg/.ui-icon-btn (momentary icon buttons), a suite-wide input[type=range] retheme, .ui-modal-* (quiet read-off overlay — replaces a solid --accent-deep header bar on in-canvas explainer popovers), and .ui-cell-tint/.ui-cell-pass/-warn/-fail (tinted status cells). All four existed as one-off, per-app code before; see STYLE_GUIDE.md → "Component patterns — the Apple-premium screen layer" for the governing rule (one resolved accent, state via label/shape/position, never a second hue) and masonry-wall-design.html as the reference implementation. WHY THIS FILE EXISTS Before it, the suite had no stylesheet at all. 34 pages carried 5,364 hard-coded hex values across 203 unique colours (the brand defines 14) and 4,815 inline style= attributes, so 41% of every colour decision bypassed :root entirely and no amount of token editing could reach it. There was nothing to restyle. This is not a new design invented from scratch. It is `Sign In.html`'s vocabulary — .field / .ctrl / .btn / .tabs / .meter — promoted to a shared file and extended. Sign In was the one page in the suite auditing at zero B-FONT and zero B-HEX, so it was already the house style; it just had no way to leave its own . HARD RULES FOR EDITING THIS FILE 1. NO hex literals. Every colour comes from a brand token, or the file has defeated its own purpose. `branding_audit.py` blocks on B-HEX. 2. NO font-size below 11px, and no font-weight 700 (v3.5 deprecated it). 3. A NUMBER IS ALWAYS MONO. --font-ui carries labels and prose; --font-mono carries every value, unit, clause tag and ID. See `.num`. 4. NOTHING here may touch report content (.a4p / .rp / .sh-*). The calc sheet has its own palette, its own face and its own flow pagination, and it is the one artefact a client keeps. Screen chrome only. 5. All motion is screen-only, dead in print, and dead under reduced-motion. LOAD ORDER MATTERS. This must come AFTER