/* nbstudy PWA install prompt and offline/update UI */
.pwa-install-card,
.pwa-update-toast,
.pwa-ios-card{
    position:fixed;
    right:18px;
    bottom:96px;
    z-index:99988;
    width:min(360px, calc(100vw - 32px));
    background:rgba(255,255,255,.96);
    border:1px solid rgba(123,31,162,.14);
    border-radius:24px;
    box-shadow:0 24px 70px rgba(36,21,54,.18);
    backdrop-filter:blur(16px);
    overflow:hidden;
    transform:translateY(18px) scale(.96);
    opacity:0;
    pointer-events:none;
    transition:.28s ease;
    font-family:Cairo,Tahoma,Arial,sans-serif;
}
.pwa-install-card.show,
.pwa-update-toast.show,
.pwa-ios-card.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
.pwa-install-card::before,
.pwa-ios-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#ff6f20,#dd3f73,#7b1fa2);
}
.pwa-install-inner{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:20px 18px 16px;align-items:center}
.pwa-install-icon{width:58px;height:58px;border-radius:18px;background:#fff;padding:7px;box-shadow:0 14px 30px rgba(255,111,32,.18);object-fit:contain}
.pwa-install-content strong{display:block;font-size:16px;color:#241536;margin-bottom:4px}
.pwa-install-content p{margin:0;color:#6f647a;font-size:13px;line-height:1.65}
.pwa-install-actions{display:flex;gap:10px;padding:0 18px 18px}
.pwa-btn{border:0;border-radius:999px;padding:11px 16px;cursor:pointer;font-weight:800;font-family:inherit;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.pwa-btn-primary{flex:1;background:linear-gradient(135deg,#ff6f20,#7b1fa2);color:#fff;box-shadow:0 14px 26px rgba(123,31,162,.18)}
.pwa-btn-primary:hover{transform:translateY(-2px)}
.pwa-btn-ghost{background:#f7f1fb;color:#5a257a}
.pwa-btn-ghost:hover{background:#efe3f8}
.pwa-close{position:absolute;top:10px;left:10px;border:0;background:rgba(36,21,54,.06);width:30px;height:30px;border-radius:50%;cursor:pointer;color:#241536}
.pwa-update-toast{bottom:18px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.pwa-update-toast strong{font-size:14px;color:#241536}.pwa-update-toast p{font-size:12px;line-height:1.5;margin:2px 0 0;color:#73677d}.pwa-update-toast .pwa-btn{padding:9px 13px;font-size:12px;white-space:nowrap}
.pwa-status-dot{width:12px;height:12px;border-radius:999px;background:#18b77b;box-shadow:0 0 0 7px rgba(24,183,123,.12)}
body.pwa-standalone .site-header{padding-top:env(safe-area-inset-top)}
body.pwa-standalone .whatsapp-float{bottom:calc(22px + env(safe-area-inset-bottom))}
@media (max-width: 640px){
    .pwa-install-card,.pwa-ios-card{right:12px;bottom:86px;width:calc(100vw - 24px);border-radius:22px}
    .pwa-install-inner{grid-template-columns:50px 1fr;padding:18px 14px 12px}
    .pwa-install-icon{width:50px;height:50px;border-radius:16px}
    .pwa-install-actions{padding:0 14px 14px}.pwa-btn{padding:10px 12px;font-size:13px}
    .pwa-update-toast{right:12px;left:12px;width:auto;bottom:12px;border-radius:18px}
}
html[dir="ltr"] .pwa-install-card,
html[dir="ltr"] .pwa-update-toast,
html[dir="ltr"] .pwa-ios-card{right:auto;left:18px}
html[dir="ltr"] .pwa-close{left:auto;right:10px}
@media (max-width: 640px){html[dir="ltr"] .pwa-install-card,html[dir="ltr"] .pwa-ios-card{left:12px;right:auto}}