/* Installed-app and phone polish (Phase 1).
   Everything here is inert in a normal desktop browser tab: the rules sit inside
   display-mode: standalone or belong to the install prompt, which only appears on phones. */
@media (display-mode: standalone) {
  html, body { overscroll-behavior-y: none; }               /* no rubber-band bounce */
  html { -webkit-text-size-adjust: 100%; }                  /* no font inflation after rotating */
  button, .btn, .nav-link, [role="button"], [role="tab"] {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  .pwa-hide-installed { display: none !important; }
}

/* Install prompt (js/pwa.js): a dismissible bar under the nav, phones only */
.pwa-banner {
  position: fixed; left: 12px; right: 12px; top: calc(var(--nav-height, 56px) + 8px);
  z-index: 950; display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 12px 14px; background: #1A1A1A; color: #fff;
  border-left: 5px solid #CC0000; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.35);
  font-size: .92rem; line-height: 1.35;
}
.pwa-banner__text { flex: 1 1 200px; }
.pwa-banner__text strong { display: block; margin-bottom: 2px; }
.pwa-banner__actions { display: flex; gap: 8px; }
.pwa-banner button { font: inherit; padding: 8px 14px; border-radius: 6px; border: 1px solid #fff; background: transparent; color: #fff; cursor: pointer; min-height: 40px; }
.pwa-banner button.pwa-banner__go { background: #CC0000; border-color: #CC0000; font-weight: 700; }