/* ── platform/display-pwa.css — installed PWA overrides ────────────────
   Applied when body.display-pwa is present.
   This class is set when the app is running as an installed PWA:
     - Android: installed via Chrome/Edge (display-mode: standalone)
     - iOS: added to Home Screen (navigator.standalone)
     - Windows: installed as a PWA app (display-mode: standalone)

   Use this file for anything that should feel more "app-like" when
   installed — tighter chrome, no browser affordances, full-bleed UI.
────────────────────────────────────────────────────────────────────────── */

/* ── No browser-style focus rings (app has its own focus styles) ─ */
body.display-pwa *:focus {
  outline: none;
}

/* ── Tighter topbar — no extra breathing room needed in PWA ──── */
body.display-pwa #chat-topbar {
  padding: 0.6rem 0.75rem;
}

/* ── Prevent any accidental text selection outside messages ──── */
body.display-pwa {
  -webkit-user-select: none;
  user-select: none;
}
/* Re-enable for inputs and editable content */
body.display-pwa input,
body.display-pwa textarea,
body.display-pwa [contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}