/* Phase 9 · PWA readiness, install UX, offline mode */
.pwa-status-pill{position:fixed;left:18px;bottom:18px;z-index:9998;display:none;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#0d3458;color:#fff;box-shadow:0 14px 40px rgba(13,52,88,.22);font:700 12px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.2px}
.pwa-status-pill.show{display:flex}.pwa-status-pill.offline{background:#7a3412}.pwa-status-pill .dot{width:9px;height:9px;border-radius:999px;background:#38d39f;box-shadow:0 0 0 5px rgba(56,211,159,.16)}.pwa-status-pill.offline .dot{background:#ffcc66;box-shadow:0 0 0 5px rgba(255,204,102,.18)}
.pwa-install-card{position:fixed;right:18px;bottom:18px;z-index:9999;width:min(360px,calc(100vw - 36px));background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid rgba(13,52,88,.12);border-radius:22px;box-shadow:0 22px 60px rgba(13,52,88,.22);padding:18px;display:none;color:#172033;font-family:Manrope,system-ui,sans-serif}
.pwa-install-card.show{display:block;animation:pwaSlideIn .28s ease-out}.pwa-install-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.pwa-install-icon{width:42px;height:42px;border-radius:14px;background:#0d3458;color:#f9c74f;display:grid;place-items:center;font-size:20px}.pwa-install-card h3{margin:0;color:#0d3458;font-size:15px}.pwa-install-card p{margin:4px 0 0;color:#607085;font-size:12.5px;line-height:1.45}.pwa-install-actions{display:flex;gap:10px;margin-top:14px}.pwa-install-actions button{border:0;border-radius:14px;padding:10px 12px;font-weight:800;cursor:pointer}.pwa-install-primary{background:#0d3458;color:#fff;flex:1}.pwa-install-secondary{background:#edf2f7;color:#314158}.pwa-ios-hint{display:none;margin-top:12px;border-top:1px dashed rgba(13,52,88,.18);padding-top:12px;color:#526173;font-size:12px;line-height:1.45}.pwa-install-card.ios .pwa-ios-hint{display:block}
@keyframes pwaSlideIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.pwa-install-card{left:12px;right:12px;bottom:12px;width:auto;border-radius:18px}.pwa-status-pill{left:12px;bottom:12px}.pwa-install-actions{flex-direction:column}.pwa-install-actions button{width:100%}}
@media print{.pwa-install-card,.pwa-status-pill{display:none!important}}
/* Dark mode */
[data-theme="dark"] .pwa-install-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
[data-theme="dark"] .pwa-install-card h3{color:var(--ink)}
[data-theme="dark"] .pwa-install-card p{color:var(--ink-3)}
[data-theme="dark"] .pwa-install-secondary{background:var(--surface-2);color:var(--ink-2)}