/* css/pwa.css -- installed-app (PWA) polish, cloned from the Gidochain app.
   Deliberately minimal: it must never change how a page scrolls. (Earlier versions forced
   height / touch-action / overscroll-behavior on html and body, which can stop touch scrolling
   inside the app's iframes on some Android Chrome builds, so those rules were removed.)
   Status bar + navigation bar colours come from the theme-color meta tags and manifest.php. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { -webkit-tap-highlight-color: transparent; }

/* Top-level pages that are not wrapped by index.html's own safe-area padding */
html.pwa-safe-area {
  padding-top: env(safe-area-inset-top, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
}

/* The page behind the system status/navigation bars (safe-area padding + edge-to-edge) always shows the
   app theme colour, never the old white html background. */
html, html[data-theme="dark"] { background: #000000 !important; }
html[data-theme="light"] { background: #ffffff !important; }