#notice-popup-dialog{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.5);backdrop-filter:blur(2px)}
#notice-popup-card{width:min(460px,100%);background:#fff;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25);direction:rtl;font-family:'Vazirmatn',sans-serif}
.notice-popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.notice-popup-badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8}
.notice-popup-badge[data-sev="WARNING"]{background:#fffbeb;color:#b45309}
.notice-popup-badge[data-sev="OUTAGE"]{background:#fef2f2;color:#dc2626}
.notice-popup-badge[data-sev="FEATURE"]{background:#ecfdf5;color:#047857}
#notice-popup-close{border:none;background:none;color:#94a3b8;font-size:18px;cursor:pointer;line-height:1}
#notice-popup-close:hover{color:#334155}
#notice-popup-title{margin:0 0 8px;font-size:16px;font-weight:800;color:#0f172a}
#notice-popup-body{margin:0;font-size:13.5px;line-height:1.9;color:#475569;white-space:pre-line}
.notice-popup-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
#notice-popup-counter{font-size:12px;color:#94a3b8}
#notice-popup-ack{border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;color:#fff;background:#f4554a;cursor:pointer}
#notice-popup-ack:hover{opacity:.9}