.push-modal-open{overflow:hidden}
.push-permission-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.push-permission-modal[hidden]{display:none!important}
.push-permission-backdrop{position:absolute;inset:0;background:rgba(7,18,45,.46);backdrop-filter:blur(7px)}
.push-permission-card{position:relative;width:min(520px,100%);padding:34px 30px 26px;border-radius:28px;background:#fff;border:1px solid rgba(31,73,145,.10);box-shadow:0 30px 90px rgba(17,45,92,.24);text-align:right;animation:pushCardIn .28s ease both}
.push-permission-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#245dff;color:#fff;font-size:25px;margin-bottom:18px;box-shadow:0 12px 30px rgba(36,93,255,.24)}
.push-permission-card h2{margin:0 0 12px;font-size:26px;line-height:1.45;color:#13254b}
.push-permission-card p{margin:0;color:#64708c;line-height:2;font-size:14px}
.push-permission-close{position:absolute;top:15px;left:15px;width:38px;height:38px;border:0;border-radius:12px;background:#f3f6fb;color:#67738e;cursor:pointer}
.push-permission-actions{display:flex;gap:10px;margin-top:24px}
.push-permission-actions .btn{flex:1;min-height:48px}
.push-permission-note{display:block;margin-top:15px;color:#8892a8;font-size:12px;line-height:1.8}
@keyframes pushCardIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:600px){
 .push-permission-modal{padding:14px;align-items:flex-end}
 .push-permission-card{border-radius:24px;padding:28px 20px 20px}
 .push-permission-card h2{font-size:21px}
 .push-permission-actions{flex-direction:column}
 .push-permission-actions .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.push-permission-card{animation:none}}