.notification-settings{max-width:960px;padding-bottom:3rem;line-height:1.65}.notification-settings section{margin:2rem 0;padding:1.4rem;border:1px solid var(--border-color,#8886);border-radius:12px;background:var(--card-bg,transparent)}.notification-settings h1{line-height:1.2}.notification-settings h2{font-size:1.35rem;line-height:1.4;margin-top:0}.notification-settings fieldset{border:1px solid #8886;border-radius:8px;padding:1rem;margin:1rem 0}.notification-settings legend{font-weight:600;padding:0 .4rem}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:1.2rem 0}.notification-grid label{display:flex;flex-direction:column;gap:.4rem;min-width:0;font-weight:500}.notification-settings input:not([type=checkbox]),.notification-settings select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:.6rem;border:1px solid #8889;border-radius:7px;background:transparent;color:inherit;font:inherit}.notification-settings option{background:var(--card-bg,#fff);color:var(--text-color,#222)}.notification-check{display:flex;align-items:baseline;gap:.65rem;margin:.7rem 0}.notification-check input{accent-color:currentColor;flex-shrink:0}.notification-actions{display:flex;flex-wrap:wrap;gap:.75rem}.notification-settings button{padding:.65rem 1rem;min-height:44px;white-space:normal;border:1px solid #8889;border-radius:7px;font:inherit;color:inherit;background:transparent;cursor:pointer}.notification-settings button:hover{background:#8882}.notification-settings button:disabled{opacity:.6;cursor:wait}.notification-settings :is(input,select,button,a):focus-visible{outline:2px solid #888;outline-offset:3px}.notification-note{font-size:.9rem;opacity:.85}.notification-settings [role=status]{min-height:1.5em}.notification-settings [hidden]{display:none!important}.notification-rule{border-top:1px solid #8885;padding:1rem 0;overflow-wrap:anywhere}.notification-rule p{margin:.4rem 0}.notification-rule button{margin:.4rem .6rem .4rem 0}@media(max-width:600px){.notification-grid{grid-template-columns:1fr}.notification-settings section{padding:1rem}.notification-settings{padding-left:16px;padding-right:16px}}
.notification-device > p{margin:1.1rem 0;max-width:70ch}.notification-device h2{margin-bottom:1.25rem}.notification-device .notification-defaults-title{margin-top:1.6rem;margin-bottom:.65rem}.notification-defaults{padding-left:1.35rem;margin:.65rem 0 1.25rem;list-style:disc}.notification-defaults li{padding-left:.25rem;margin:.6rem 0}.notification-device .notification-actions{margin:1rem 0 1.6rem}.notification-device .notification-note{border-top:1px solid #8884;padding-top:1.2rem;margin-top:1.6rem;line-height:1.8}
.notification-settings .notification-check{align-items:center;gap:.75rem;min-height:2.75rem}.notification-settings .notification-check input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;flex:0 0 18px;align-self:center}.notification-settings option{background:var(--surface,#fff);color:var(--text,#19212d)}
.notification-settings .notification-help{font-size:.9rem;line-height:1.85;color:var(--muted,#586576);max-width:70ch;margin:1.7rem 0}.notification-settings .notification-help p{margin:1rem 0}.notification-settings form > [role=status]{margin-top:1rem}.notification-settings form > button[type=submit]{margin-top:.5rem}
.notification-settings #push-disable{background:#b42332;border-color:#b42332;color:#fff}.notification-settings #push-disable:hover{background:#921b28;border-color:#921b28}.notification-settings #preferences-form > button[type=submit]{background:#e1e5ea;border-color:#b8c0ca;color:#1d2834}.notification-settings #preferences-form > button[type=submit]:hover{background:#d0d7df}.notification-settings #rule-submit{background:#176b43;border-color:#176b43;color:#fff}.notification-settings #rule-submit:hover{background:#105434;border-color:#105434}html[data-theme=dark] .notification-settings #preferences-form > button[type=submit]{background:#364351;border-color:#677686;color:#f4f6f9}html[data-theme=dark] .notification-settings #preferences-form > button[type=submit]:hover{background:#445366}
.notification-settings #push-enable{background:#176b43;border-color:#176b43;color:#fff}.notification-settings #push-enable:hover{background:#105434;border-color:#105434}