/* siymon — "enable notifications" bottom sheet. Follows html[data-theme]; brand green + near-black. */
.np-root{--np-bg:#fff;--np-ink:#0F0F0F;--np-sub:#5f6b66;--np-line:#e6ebe7;--np-soft:rgba(93,214,44,.14);--np-green:#5DD62C;--np-device:#14211A;
  position:fixed;inset:0;z-index:2147482000;display:flex;align-items:flex-end;justify-content:center;
  font-family:"Cairo","Segoe UI","Noto Sans Arabic","Geeza Pro",Tahoma,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html[data-theme="dark"] .np-root{--np-bg:#1a1a1a;--np-ink:#F8F8F8;--np-sub:#a3acaa;--np-line:#2E2E2E;--np-soft:rgba(93,214,44,.16);--np-device:#F8F8F8}
.np-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);opacity:0;transition:opacity .22s ease}
.np-sheet{position:relative;width:min(460px,100%);max-height:92dvh;overflow:auto;box-sizing:border-box;padding:12px 24px max(22px,env(safe-area-inset-bottom));
  background:var(--np-bg);color:var(--np-ink);border-radius:28px 28px 0 0;text-align:center;box-shadow:0 -12px 40px rgba(0,0,0,.28);
  transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.9,.25,1)}
.np-root.on .np-backdrop{opacity:1}.np-root.on .np-sheet{transform:none}
@media (min-width:560px){.np-root{align-items:center}.np-sheet{border-radius:28px;padding-bottom:26px;transform:translateY(24px);opacity:0;transition:transform .25s ease,opacity .2s}.np-root.on .np-sheet{opacity:1}}
.np-handle{width:44px;height:5px;border-radius:3px;background:var(--np-line);margin:0 auto 10px}
.np-art{width:min(210px,56vw);height:auto;display:block;margin:6px auto 4px}
.np-art .dev{stroke:var(--np-device)}.np-art .devf{fill:var(--np-device)}
.np-art .gf{fill:var(--np-green)}.np-art .soft{fill:var(--np-soft)}.np-art .line{fill:var(--np-line)}
.np-art .bell{transform-origin:50% 8%;transform-box:fill-box;animation:np-ring 2.6s ease-in-out infinite}
.np-title{margin:14px 0 8px;font-size:22px;font-weight:800;line-height:1.4}
.np-desc{margin:0 auto;max-width:340px;font-size:15.5px;line-height:1.75;color:var(--np-sub)}
.np-primary{margin-top:22px;width:100%;height:54px;border:0;border-radius:999px;background:var(--np-green);color:#0F0F0F;font:inherit;font-size:17px;font-weight:800;cursor:pointer;
  box-shadow:0 8px 22px rgba(93,214,44,.3);display:inline-flex;align-items:center;justify-content:center;gap:10px;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.np-primary:active{transform:scale(.98)}.np-primary[disabled]{opacity:.75;cursor:progress}
.np-later{margin-top:8px;min-height:46px;padding:0 18px;border:0;background:none;color:var(--np-sub);font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.np-primary:focus-visible,.np-later:focus-visible{outline:3px solid var(--np-ink);outline-offset:3px}
.np-msg{min-height:22px;margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--np-sub)}
.np-msg.err{color:#d6452c}html[data-theme="dark"] .np-msg.err{color:#ff8a73}
.np-spin{width:18px;height:18px;border-radius:50%;border:3px solid rgba(15,15,15,.25);border-top-color:#0F0F0F;animation:np-rot .8s linear infinite;display:none}
.np-primary.busy .np-spin{display:inline-block}
.np-ok .np-art .bell{animation:none}
@keyframes np-ring{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-5deg)}}
@keyframes np-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.np-backdrop,.np-sheet{transition:none}.np-art .bell{animation:none}}