/* installer.css - simple responsive styling for PWA installer popup */
:root{
  --bg:#071024;
  --card:#0b1220;
  --muted:#94a3b8;
  --accent:#7c3aed;
  --glass: rgba(255,255,255,0.03);
  --radius:14px;
  --maxw:980px;
}

body{background:var(--bg);margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#e6eef8;}

/* Popup */
.pwa-popup{position:fixed;left:16px;right:16px;bottom:18px;z-index:9999;display:flex;justify-content:center;align-items:flex-end}
.pwa-popup-inner{background:linear-gradient(180deg, rgba(124,58,237,0.14), rgba(99,102,241,0.06));backdrop-filter: blur(6px);box-shadow:0 10px 30px rgba(2,6,23,0.7);border-radius:var(--radius);padding:12px 14px;display:flex;gap:12px;align-items:center;max-width:960px;width:100%;border:1px solid rgba(255,255,255,0.04)}
.pwa-popup-left img{border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.6);}

.pwa-popup-body h3{margin:0;font-size:18px;color:#fff;}
.pwa-popup-body p{margin:6px 0 8px;color:var(--muted);font-size:14px;line-height:1.35;}
.pwa-actions{display:flex;gap:8px;margin-top:6px;}
.btn{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px rgba(124,58,237,0.18);}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted)}

/* small text */
.pwa-small{font-size:12px;color:#94a3b8;margin-top:8px}

/* Hidden helper */
.hidden{display:none!important}

/* Responsive */
@media (max-width:560px){
  .pwa-popup-inner{flex-direction:row;gap:10px;padding:10px;border-radius:12px}
  .pwa-popup-body h3{font-size:16px}
  .pwa-popup-body p{font-size:13px}
}

.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}