/* ─── Modern UI polish — applied to every renderPage()-served page ───────── * * Targets the common class names already in use across the app: * .topbar / .brand / .nav-tab — top navigation * .it-subnav / .it-sub-tab — IT sub-nav strip * .card / .sum-card / .mini-card / — KPI / summary cards * .res-card / .eng-stat / * .hd-chart-card — chart panels on dashboards * .btn / .btn-ghost / .icon-btn / — buttons * .qa-btn / .preset / .preset-btn * .status-badge / .status-pill / * .alert-count / .it-sub-badge — badges * .modal-overlay / .modal — modals * * Goals: subtle depth (gradients + soft shadows), refined hover/active * states, smoother transitions, animated badges. Accessibility kept (focus * outlines preserved, color contrast maintained). * * Light + dark themes both supported via the existing CSS variables. Uses * rgba() over color-mix() for broader browser compatibility. */ /* ── Topbar polish ───────────────────────────────────────────────────────── */ /* ===== Design-system foundation (consolidated) ===== */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap'); /* Theme variables — single source of truth. This file loads AFTER each page's inline