/* push modal */
#push-modal { position: fixed; inset: 0; z-index: 99999; pointer-events:none; }
#push-modal-backdrop {
  position: absolute; inset: 0; background: rgba(0,0,0,0.45);
  opacity: 0; transition: opacity .18s; pointer-events:auto;
}
#push-modal-panel {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(.96);
  width: 90%; max-width: 420px; background: #fff; border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.25); padding: 18px; opacity: 0;
  transition: opacity .18s, transform .18s;
  pointer-events:auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
#push-modal-panel h2 { margin: 0 0 6px; font-size:18px; }
#push-modal-panel p { margin: 0 0 12px; color:#444; }
#push-modal.open #push-modal-backdrop { opacity: 1; }
#push-modal.open #push-modal-panel { opacity: 1; transform: translate(-50%,-50%) scale(1); }
#push-modal-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:6px; flex-wrap:wrap;}
.pm-btn {
  padding: 9px 12px; background:#0b74de; color:white; border: none; border-radius:8px;
  cursor:pointer; font-weight:600;
}
.pm-secondary { background:#e03b3b; }
.pm-ghost { background:transparent; color:#555; border:1px solid #ddd; }
@media (max-width:420px) {
  #push-modal-panel { width: 92%; padding:14px; border-radius: 8px; }
  .pm-btn { width:100%; }
  #push-modal-actions { flex-direction:column-reverse; }
}