/* Author display rules on .notification-optin/.btn can otherwise override the browser's built-in [hidden] rule. */
.notification-optin[hidden],.notification-optin-actions [hidden],.notification-device [hidden]{display:none!important}
.notification-optin{padding:18px 20px;margin:0 0 26px;display:flex;align-items:center;gap:18px}.notification-optin-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--primary);font-size:1.35rem;flex:0 0 auto}.notification-optin-copy{flex:1}.notification-optin-copy h2{font-size:1rem;margin:0 0 5px}.notification-optin-copy p{margin:0;color:var(--muted);line-height:1.45}.notification-optin-actions{display:flex;gap:10px;align-items:center}.push-status{font-size:.82rem;color:var(--muted);margin-top:7px}.push-status[data-state="ok"]{color:var(--success)}.push-status[data-state="error"]{color:var(--danger)}
.notification-settings{display:grid;gap:18px;max-width:760px}.notification-setting{padding:20px}.notification-setting-head{display:flex;gap:14px;align-items:flex-start}.notification-setting-head input{width:auto;margin-top:4px}.notification-setting h2{font-size:1.05rem;margin:0 0 5px}.notification-setting p{margin:0;color:var(--muted);line-height:1.5}.notification-device{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px}.notification-device strong{min-width:0}.notification-device-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.notification-device .push-status{grid-column:1/-1;margin-top:0}.notification-config-note{font-size:.82rem;color:var(--muted)}.notification-save-actions{margin-top:4px}.voice-settings-block{margin-top:28px}.voice-settings-block .notification-setting{display:grid;gap:14px}.verification-code{font-size:1.35rem;letter-spacing:.28em;text-align:center;font-weight:800}.verification-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.verification-actions form{margin:0}.verification-actions .btn{min-height:44px}
@media(max-width:760px){.notification-optin{align-items:flex-start;flex-wrap:wrap}.notification-optin-copy{min-width:0;flex:1 1 calc(100% - 64px)}.notification-optin-actions{width:100%}.notification-optin-actions .btn{width:100%}.notification-setting{padding:17px}.notification-device{grid-template-columns:1fr;gap:12px}.notification-device-actions{width:100%;justify-content:stretch}.notification-device-actions .btn{flex:1 1 100%;width:100%}.notification-device .push-status{grid-column:auto}.notification-save-actions .btn{width:100%}.verification-actions{display:grid;grid-template-columns:1fr}.verification-actions form,.verification-actions .btn{width:100%}}