.notification-settings{max-width:920px}.notification-settings form{display:flex;flex-direction:column;gap:36px}.notification-preference-section{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.notification-preference-section h2{font-size:18px;margin:0 0 4px}.notification-preference-section>label{width:100%;margin:0;display:flex;flex-direction:column;gap:8px}.notification-setting-switch{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:20px!important;min-height:42px;width:100%;font-size:13px}.notification-setting-switch input{width:20px;height:20px;flex:none}.notification-matrix{width:100%;border-top:1px solid var(--line)}.notification-matrix-heading,.notification-matrix-row{display:grid;grid-template-columns:minmax(160px,1fr) repeat(4,76px);align-items:center;gap:4px;min-height:48px;border-bottom:1px solid var(--line);font-size:13px}.notification-matrix-heading{font-size:12px;color:var(--muted)}.notification-matrix-heading>span:not(:first-child){text-align:center}.notification-matrix-row>label{display:flex;align-items:center;justify-content:center;margin:0;min-height:44px;cursor:pointer}.notification-matrix input{width:18px;height:18px;margin:0}.notification-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.notification-fields label{display:flex;flex-direction:column;gap:8px;margin:0}.notification-volume{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:12px!important}.notification-volume input{grid-column:1/-1;width:100%}.notification-preference-section .field-hint,.notification-email,.notification-transport{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.notification-device-actions{display:flex;gap:10px;flex-wrap:wrap}#notification-push-state{font-size:13px;color:var(--muted);margin:0}#notification-push-devices{width:100%}.notification-device{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.notification-device strong{font-size:13px}.notification-device small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.notification-savebar{display:flex;gap:10px;align-items:center;position:sticky;bottom:0;padding:16px 0;background:var(--surface);border-top:1px solid var(--line);z-index:4}.notification-savebar>span{margin-right:auto;font-size:12px;color:var(--muted)}.notification-pref-error:empty{display:none}.notification-pref-error{color:var(--theme-danger,#a13332);font-size:13px;line-height:1.6}.notification-pref-error .button{margin-top:8px}.notification-settings :focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}@media(max-width:600px){.notification-matrix-heading,.notification-matrix-row{grid-template-columns:minmax(100px,1fr) repeat(4,40px);font-size:12px;gap:2px}.notification-matrix-heading{font-size:11px}.notification-fields{gap:12px}.notification-savebar{bottom:61px;flex-wrap:wrap;padding:12px 0}.notification-savebar>span{flex:1 1 100%}.notification-savebar>.button{flex:1}.notification-preference-section h2{font-size:16px}.notification-settings form{gap:28px}.notification-setting-switch{font-size:12px}.notification-device-actions>.button{font-size:12px}}
@media(max-width:600px){.notification-savebar{padding-right:68px}.notification-savebar #notification-reset{font-size:11px;padding-inline:8px}}