/* Web/PWA-only adjustments — desktop CSS files are untouched. */
:root { color-scheme: light dark; }
* { -webkit-tap-highlight-color: transparent; }
body { min-height: 100svh; }
@supports (height: 100dvh) { body { min-height: 100dvh; } }
button, a, .icon-btn, .tab-chip, .seg-btn, .btn, .tab-bar-add, .tab-overflow-btn { touch-action: manipulation; }
.editor { overscroll-behavior: contain; }
.status-bar { padding-bottom: env(safe-area-inset-bottom); }
/* Window-chrome controls that have no meaning in a browser/PWA (no tray to hide to,
   no always-on-top). Their shim methods are no-ops, so hide them rather than show
   dead buttons. */
#close-window, #toggle-pin { display: none; }
/* In-app Back control for the settings/help pages (standalone PWAs have no browser back button). */
.web-back {
  position: fixed; top: calc(env(safe-area-inset-top) + 8px); left: 10px; z-index: 100;
  width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; font-size: 20px; line-height: 1; text-decoration: none; color: inherit;
  background: rgba(127, 127, 127, 0.16);
}
.web-back:active { background: rgba(127, 127, 127, 0.30); }
/* Keep the settings/help heading clear of the fixed Back control. */
body:has(> .web-back) header { padding-left: 52px; }