/* Fizzavo Mac-window chrome (UI-M1 step 2/3). Loaded AFTER views.css (see app.html comment) so these shell rules win the cascade without !important. Owns: backdrop, window frame, title bar, traffic lights, brand tab strip, sidebar restyle, practice banner layout, auth-gate restyle, mobile drawer, Tauri edge-to-edge mode. See plans/ui-mockup-stitching/dom-conventions.md for the class rules. */ /* ---------- App shell (full-bleed — the Mac window frame/title bar was removed 2026-07-27; the sharp edge-to-edge layout matches the mockups' content area directly) ---------- */ html, body { background: var(--bg); } .mac-backdrop { min-height: 100vh; display: flex; align-items: stretch; } .mac-window { width: 100%; background: var(--bg); display: flex; flex-direction: column; min-height: 100vh; } .mac-drawer-toggle { flex: none; display: none; background: none; border: none; font-size: 1.1rem; cursor: pointer; color: var(--text); padding: var(--space-1) var(--space-2); -webkit-app-region: no-drag; } /* ---------- Sidebar brand dropdown (mockup 01: "PlaceFinder ⌄" at the top of the sidebar, replacing the old title-bar tab strip). brand.js is the only writer of the