/* * chat-standalone.css — the assistant page with no browser around it. * --------------------------------------------------------------------------- * Applies only when chat-standalone.js has found the page running as an * installed app and put `is-standalone-chat` on . In an ordinary browser * tab nothing here matches and the page keeps its normal shell. * * Every rule below was an `element.style.x = '…'` assignment inside * master.html before phase D53. Inline styles beat every stylesheet in the * cascade, so a theme that wanted a different app-mode layout had no way to * ask for one. As plain CSS they are simply the last word until a theme's own * stylesheet says otherwise. */ /* ── the site shell steps aside ──────────────────────────────────────────── */ /* * `header` is an element selector on purpose: all four themes wrap their * header in one, so this keeps working for a theme that renames its classes. * The two class selectors are the mobile bars — fastkart's `.mobile-menu` and * wolmart's `.sticky-footer` — and are listed rather than guessed at. */ .is-standalone-chat header, .is-standalone-chat .breadscrumb-section, .is-standalone-chat .mobile-menu, .is-standalone-chat .sticky-footer { display: none !important; } /* ── the chat fills the screen ───────────────────────────────────────────── */ .is-standalone-chat, .is-standalone-chat body { overflow: hidden; } .is-standalone-chat .chat-section { padding: 0; margin: 0; min-height: 100dvh; height: 100dvh; } .is-standalone-chat .chat-container { position: fixed; inset: 0; width: 100%; height: 100%; max-width: 100%; margin: 0; border-radius: 0; box-shadow: none; } .is-standalone-chat .chat-header { border-radius: 0; }