/* static/css/pwa.css */
#install-overlay[hidden], #install-bottom-sheet[hidden], .install-entry[hidden]{display:none!important}
#install-overlay{position:fixed;inset:0;background:rgba(9,13,28,.5);backdrop-filter:saturate(120%) blur(2px);z-index:9998}
#install-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -12px 34px rgba(0,0,0,.25);padding:14px 16px 18px;max-height:85vh;overflow:auto}
#install-bottom-sheet .sheet-handle{width:56px;height:5px;border-radius:999px;margin:4px auto 12px;background:linear-gradient(90deg,#6D28D9,#3B82F6)}
#install-bottom-sheet h3{margin:0 0 6px;font-weight:700;font-size:18px;color:#000}
#install-bottom-sheet p{margin:0 0 12px;color:#4b5563;line-height:1.45}
.pwa-actions{display:flex;gap:8px}
.pwa-actions .btn{flex:1;padding:12px 14px;border-radius:12px;border:1px solid #E5E7EB;background:#F8FAFC;font-weight:700}
.pwa-actions .btn.primary{background:linear-gradient(90deg,#6D28D9,#3B82F6);color:#fff;border-color:transparent}
.pwa-meta{margin-top:10px;font-size:12px;color:#6b7280}
.pwa-meta a,.pwa-meta button{color:#374151;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
@media all and (display-mode: standalone){.install-entry,#install-overlay,#install-bottom-sheet{display:none!important}}
.notif-bell--on{filter:drop-shadow(0 0 4px rgba(59,130,246,.8))}
/* compact header icon button for dark banner */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid #343a40;background:#343a40;color:#fff}
.icon-btn:hover{background:#4a4f54}
.icon-btn svg{width:16px;height:16px;fill:#fff}

@media (prefers-color-scheme: dark){
  body{
    background:linear-gradient(180deg,#0b1220 0%, #0f172a 140%);
    color:#f8fafc;
  }

  .card{
    background-color:#0f172a;
    color:#f8fafc;
    border-color:#1f2937;
  }

  label{
    color:#f8fafc;
  }
}