/* ── platform/display-browser.css — browser tab overrides ──────────────
   Applied when body.display-browser is present (running in a browser tab,
   not installed as a PWA).

   KEY PROBLEM on iOS Safari:
   Safari has 3 toolbar configurations the user can choose in Settings:
     1. Bottom compact  — pill bar (~50px) at very bottom
     2. Bottom expanded — tall bar (~83px) with back/fwd/share/tabs
     3. Top bar         — traditional top URL bar (~50px below status bar)

   In ALL cases, Safari does NOT expose its own toolbar height through
   env(safe-area-inset-*). Those values only reflect hardware safe areas
   (notch, Dynamic Island, home indicator). The browser chrome is
   ADDITIONAL and invisible to those APIs.

   FIX: Use 100dvh (dynamic viewport height) — this unit tracks the
   actual visible viewport, shrinking and growing as the browser toolbar
   shows/hides. This means the app shell always fills exactly what is
   visible, and fixed-bottom elements never go behind the toolbar.

   For the top: safe-area-inset-top covers the hardware notch/status bar,
   but on browser mode with the top bar style, the browser adds its own
   bar on top. We add a fallback top padding that ensures content is never
   cut off by either the hardware notch or the browser's own top bar.
────────────────────────────────────────────────────────────────────────── */

/* ── Use dvh so the shell tracks visible viewport not full screen ── */
/* This is the single most important fix for all 3 Safari toolbar modes */
body.display-browser html,
body.display-browser body {
  height: 100dvh;
}
/* body.display-browser #root, */
/* body.display-browser #app-shell {
  height: 100%;
} */

/* ── Allow text selection — more natural for browser context ──── */
body.display-browser {
  -webkit-user-select: text;
  user-select: text;
}
body.display-browser #messages,
body.display-browser #messages * {
  -webkit-user-select: none;
  user-select: none;
}
body.display-browser input,
body.display-browser textarea,
body.display-browser [contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}