/* First-run consent banner belongs only to signed-in web and PWA accounts.
   It must never intercept the auth form or look like a system permission dialog. */
.nakhlah-notification-consent-intro{position:fixed;inset:auto 14px max(18px,env(safe-area-inset-bottom)) 14px;
 z-index:8500;max-width:520px;margin-inline:auto;background:var(--surface,#fff);color:var(--text,#172438);
 box-shadow:0 18px 55px rgba(8,27,57,.22);border:1px solid var(--border,#d9e1ec);border-radius:19px;
 padding:17px;direction:rtl;display:grid;gap:13px}
.nakhlah-consent-copy strong{font-size:15px}
.nakhlah-consent-copy p{font-size:13px;margin:8px 0 0;line-height:1.8;color:var(--muted,#536477)}
.nakhlah-consent-actions{display:flex;gap:9px;flex-wrap:wrap}
.nakhlah-consent-actions button{font:inherit;font-size:13px;font-weight:700;border-radius:12px;
 border:1px solid var(--border,#d9e1ec);min-height:45px;padding:9px 14px;cursor:pointer;
 color:var(--text,#172438);background:var(--surface-2,#f2f5fa)}
.nakhlah-consent-actions [data-nakhlah-consent="allow"]{background:var(--primary,#174ca4);color:#fff;border-color:transparent}
.nakhlah-consent-actions button:focus-visible{outline:3px solid #68a4ee;outline-offset:3px}
@media(max-width:520px){.nakhlah-notification-consent-intro{bottom:max(86px,calc(76px + env(safe-area-inset-bottom)))}
 .nakhlah-consent-actions button{flex:1}}