/* Installed-app (PWA) chrome-free mode. When Argenta Chatter is launched as the INSTALLED app (display-mode: standalone, or iOS home-screen), the whole Argenta website shell is hidden so the app is just Chatter + the surface switcher — no left menu, no top bar. The full website (in a browser tab) is untouched. Toggled by the `chatter-app` class on , set by the head script in App.razor when standalone OR ?app=1 (a session preview so you can see the app look in a browser). Campbell 2026-06-22. */ /* Hide the Argenta chrome. */ html.chatter-app .paywall-header { display: none !important; } html.chatter-app .paywall-sidebar { display: none !important; } /* Full-bleed the content area (no header offset, no sidebar offset), with safe-area padding for the phone notch / home indicator. Overrides both the desktop and the <1280px mobile positioning. */ html.chatter-app .paywall-main { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow-y: auto; padding: max(.4rem, env(safe-area-inset-top)) .4rem calc(.4rem + env(safe-area-inset-bottom)) .4rem !important; } /* In the app, the switch tabs ARE the top bar — make them stick so they stay put while Chatter scrolls. */ html.chatter-app .surface-switcher { position: sticky; top: 0; z-index: 30; } /* In the installed app the work area is full-bleed (no Argenta header), so the browser-mode height calcs (which subtract that header) leave the chat shell too short with dead space below the message box. Here paywall-main has a definite height, so let the shell FILL it via flexbox — the message box then sits right at the bottom, no gap, no scroll. Campbell 2026-06-22. */ html.chatter-app .paywall-main { display: flex; flex-direction: column; } html.chatter-app .chatter-shell { flex: 1 1 auto !important; height: auto !important; min-height: 0 !important; }