/* Fenêtre d'aide à l'installation (pwa-install.js) : en bas sur mobile, centrée sur ordinateur.
   Couleurs du site (variables de theme.css / obsidienne.css) : suit le style et le thème. */
.pwa-install-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,32,74,.5);padding:16px;animation:pwa-fondu .2s ease-out}
.pwa-install-box{width:100%;max-width:420px;background:var(--surface,#fff);color:var(--text,#222);border-radius:var(--radius-lg,16px);padding:20px;font:16px/1.45 var(--font-family,system-ui),-apple-system,sans-serif;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:pwa-monte .3s cubic-bezier(.2,.8,.2,1)}
.pwa-install-box h2{margin:0 0 12px;font-size:18px;font-weight:700}
.pwa-install-box p{margin:0 0 12px}
.pwa-install-box ol{margin:0 0 16px;padding-left:22px}
.pwa-install-box li{margin-bottom:8px}
.pwa-install-close{display:block;width:100%;padding:12px;border:0;border-radius:var(--radius,10px);background:var(--primary,#1F5FD1);color:#fff;font-size:16px;font-weight:600;cursor:pointer}
@media (min-width:600px){.pwa-install-overlay{align-items:center}}
@keyframes pwa-fondu{from{opacity:0}}
@keyframes pwa-monte{from{transform:translateY(24px);opacity:0}}
@media (prefers-reduced-motion:reduce){.pwa-install-overlay,.pwa-install-box{animation:none}}