/* =============================================================
   pwa.css - Install prompt and PWA affordances
   -------------------------------------------------------------
   The prompt is shown by js/pwa.js only when the current browser can
   install the app or needs iOS Add to Home Screen instructions.
   ============================================================= */
.install-card[hidden]{display:none !important}
.install-card{
  position:fixed; z-index:55; top:calc(12px + env(safe-area-inset-top)); left:50%; transform:translateX(-50%);
  width:min(calc(100% - 24px),496px);
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  padding:12px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  box-shadow:0 14px 34px -18px rgba(18,35,47,.42), 0 2px 12px rgba(18,35,47,.08);
  backdrop-filter:blur(12px);
}
.install-copy-wrap{min-width:0}
.install-title{font-size:13px; font-weight:800; color:var(--ink); line-height:1.2}
.install-copy{font-size:11.5px; color:var(--ink-70); line-height:1.35; margin-top:3px}
.install-actions{display:flex; align-items:center; gap:6px; flex-shrink:0}
.install-primary,
.install-secondary{
  min-height:32px; border:0; border-radius:8px; padding:7px 10px;
  font-size:11.5px; font-weight:800; cursor:pointer;
}
.install-primary{background:var(--ink); color:var(--paper)}
.install-secondary{background:var(--mist); color:var(--ink-70); border:1px solid var(--line)}

@media (max-width:390px){
  .install-card{align-items:stretch; flex-direction:column}
  .install-actions{justify-content:flex-end}
}

@media (min-width:760px){
  .install-card{
    top:16px;
    left:calc(50% + 44px);
    width:min(520px,calc(100% - 140px));
  }
}