/* Notification controls stay light and fit a phone without horizontal scrolling. */
.push-settings{max-width:720px;margin:0 auto 32px;color:#152233;color-scheme:only light}
.push-settings [hidden],.push-optin [hidden]{display:none!important}
.push-settings fieldset,.push-device-card{border:1px solid #dce3eb;border-radius:16px;padding:20px;margin:0 0 20px;background:#fff;min-width:0}
.push-settings legend{font-weight:650;padding:0 8px}
.push-settings .push-choice{display:flex;align-items:center;gap:12px;min-height:48px;margin:0}
.push-settings .push-choice input{width:22px;height:22px;flex-shrink:0;margin:0;accent-color:var(--home,#3f6577)}
.push-settings input[type=time],.push-settings select{min-height:46px;width:100%;box-sizing:border-box;background:#fff;color:#152233}
.push-times{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.push-settings p,.push-optin p{line-height:1.55}
.push-settings button,.push-optin button{min-height:44px;border-radius:10px;padding:10px 16px;cursor:pointer}
.push-settings button:disabled,.push-optin button:disabled{opacity:.55;cursor:default}
.push-settings [aria-invalid=true]{border:2px solid #b42318}
.push-settings .push-error,.push-field-error,.push-optin .push-error{color:#a51b16}
.push-field-error:empty,[data-push-status]:empty{display:none}
.push-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.push-optin{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 64px);overflow:auto;box-sizing:border-box;margin:0;padding:24px;border:1px solid #dce3eb;border-radius:20px;background:#fff;color:#152233;box-shadow:0 12px 60px #1425364d;color-scheme:only light}
.push-optin h2{font-size:1.35rem;margin:0 0 12px}
.push-optin button{background:#253f50;color:white;border:1px solid #253f50;font:inherit}
.push-optin .push-secondary{background:white;color:#253f50;border-color:#bac6d0}
@media(max-width:480px){.push-times{gap:10px}.push-settings fieldset,.push-device-card{padding:14px}.push-optin{bottom:max(16px,env(safe-area-inset-bottom))}}
.push-device-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #dce3eb}
.push-device-row div{min-width:0;overflow-wrap:anywhere}.push-device-row p{margin:4px 0;color:#526174;font-size:.9rem}
[data-push-devices]{list-style:none;padding:0;margin:0}.push-settings h3{font-size:1rem;margin-top:24px}
.push-actions>label{flex:1;min-width:120px}.push-actions>[data-push-test]{align-self:end}
@media(max-width:480px){.push-device-row{align-items:start;gap:8px}.push-actions>[data-push-test]{width:100%}}
.push-settings .push-choice input[role=switch]{appearance:none;width:40px;height:24px;padding:3px;border:0;border-radius:20px;background:#83909c;position:relative}
.push-settings .push-choice input[role=switch]:checked{background:#253f50}
.push-settings .push-choice input[role=switch]::before{content:'';display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}
.push-settings .push-choice input[role=switch]:checked::before{transform:translateX(16px)}