/* HALIA App Shell — Phase C (concept implementation) Brand header (leaf symbol + wordmark + tagline), pill navigation with icons, global search with a keyboard hint, identity greeting, footer, mobile bottom navigation, route frames and state views. Lives in the components layer, after components.css; tokens only (no raw colors). */ @layer components { /* ---------- Route frames: decided in by theme.js (data-route) ---------- */ :root:not([data-route]) #community, :root[data-route="home"] #community { display: none; } :root[data-route]:not([data-route="home"]) #main { display: none; } body { background: var(--bg-primary); } /* Neutralise the pre-Phase-A mobile "nav drawer" rule (legacy style.css styled every