/* ═══════════════════════════════════════════════════════════════════════════ Hoppe.home Portal — Shared UI Layer ("3D Pixel Glass") ═══════════════════════════════════════════════════════════════════════════ WHAT THIS FILE IS ----------------- `portal-frame.css` is the FRAME: sidebar, main column, page header, topbar. This file is the CONTENT VOCABULARY that goes inside it — cards, KPI tiles, tables, pills, chips, banners, buttons, toolbars, empty states. It exists because that vocabulary had been hand-copied into every page. Measured 2026-09-05 across the 52 pages that load the frame: .btn defined 126 times .kpi 92 times .table 54 times .card 53 times .status-pill 58 times .chip 41 times That is `feedback_copied_ui_fragments_drift` at Portal scale — the same failure that gave the CFO Tools eight different sidebars. A component defined 53 times is 53 components, and they drift the moment one is touched. Define it once, here; pages describe WHAT they show, not how a card looks. LOAD ORDER (matters) -------------------- portal-frame.css → the frame portal-ui.css → this file, the components ← always second page