/* popup.css - basic styles for Sokher WebPush popup */
#swp-popup-wrapper { position: fixed; top: 20px; right: 20px; z-index: 999999; font-family: "Helvetica Neue", Arial, sans-serif; }
#swp-popup-backdrop { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:999998; }
#swp-popup { background: #ffffff; border-radius: 10px; box-shadow: 0 6px 30px rgba(0,0,0,0.12); padding: 14px 16px; max-width: 360px; min-width: 240px; border: 1px solid rgba(0,0,0,0.06); }
#swp-popup h3 { font-size: 16px; margin: 0 0 8px 0; color: #222; }
#swp-popup p { margin: 0 0 10px 0; color: #444; font-size: 13px; }
#swp-popup-actions { display:flex; align-items:center; gap:8px; }
.swp-btn { padding:6px 10px; border-radius:8px; border:0; cursor:pointer; font-weight:600; }
.swp-allow { background:#2ecc71; color:#fff; }
.swp-deny { background:#e74c3c; color:#fff; }
.swp-close { background:transparent; color:#777; font-size:12px; padding:4px 6px; }

/* small responsive tweak */
@media (max-width:420px){
  #swp-popup { right: 12px; left: 12px; top: 12px; max-width: calc(100% - 24px); }
  #swp-popup-wrapper { top: 12px; right: 12px; left: 12px; }
}