#notificationSettings,#reminderDialog{box-sizing:border-box;width:min(94vw,660px);max-height:90dvh;overflow:auto;padding:24px;background:var(--d-bg2,var(--d-bg));color:var(--d-text);text-align:right}
#notificationSettings *,#reminderDialog *{box-sizing:border-box;min-width:0}
#notificationSettings [hidden],#reminderDialog [hidden]{display:none!important}
#notificationSettings .dialog-close,#reminderDialog .dialog-close{display:grid;place-items:center}
.notification-heading{display:flex;align-items:center;gap:14px;margin:10px 0 20px;padding-left:22px}.notification-heading img{width:62px;height:62px;flex:none}
#notificationSettings h2,#reminderDialog h2{font-size:20px;line-height:1.7;margin:0 0 5px}#notificationSettings p,#reminderDialog p{font-size:12px;line-height:1.9;color:var(--d-muted);margin:8px 0;overflow-wrap:anywhere}
.notification-card{border:1px solid var(--d-line);border-radius:18px;background:var(--d-glass,rgba(128,160,180,.06));padding:15px;margin-top:12px}
.notification-card summary{font-size:15px;font-weight:750;line-height:1.9;cursor:pointer;padding:3px 0;list-style-position:inside}.notification-card[open] summary{margin-bottom:13px}
.notification-status-grid{display:grid;grid-template-columns:1fr;gap:9px}.notification-status-grid>div{padding:12px;border:1px solid var(--d-line);border-radius:12px;background:var(--d-bg)}.notification-status-grid span{display:block;font-size:11px;color:var(--d-muted);line-height:1.8}.notification-status-grid b{display:block;font-size:13px;line-height:1.9;margin-top:4px}
#notificationSettings label{display:block;font-size:13px;line-height:1.9}#notificationSettings .notification-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--d-line);padding:14px 0}.notification-toggle small{display:block;font-size:11px;color:var(--d-muted);line-height:1.9;margin-top:4px}
#notificationSettings input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:none;accent-color:var(--d-teal);margin:0}
#notificationSettings input[type=time],#notificationSettings select,#reminderDialog select{width:100%;min-height:46px;font:inherit;font-size:14px;line-height:1.8;padding:10px;border:1px solid var(--d-line);border-radius:12px;background:var(--d-bg);color:var(--d-text);margin-top:6px}
#notificationSettings input[type=time]{direction:ltr}#notificationSettings .notification-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#notificationSettings fieldset{border:1px solid var(--d-line);border-radius:13px;margin:15px 0 8px;padding:12px}#notificationSettings legend{font-size:12px;line-height:1.8;padding:0 5px}.notification-leads{display:flex;flex-wrap:wrap;gap:14px}#notificationSettings .notification-leads label{display:flex;align-items:center;gap:8px}
#notificationSettings button:not(.dialog-close),#reminderDialog button:not(.dialog-close){font:inherit;font-size:13px;line-height:1.8;min-height:46px;white-space:normal;overflow-wrap:anywhere;padding:10px 13px;border:1px solid var(--d-line);border-radius:12px;background:var(--d-bg);color:var(--d-text);cursor:pointer}
#notificationSettings button.primary,#reminderDialog .notification-filters button.active{background:var(--d-teal);border-color:var(--d-teal);color:#052c30;font-weight:750}
#notificationSettings button:disabled,#reminderDialog button:disabled{opacity:.5;cursor:default}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.notification-actions button{flex:1 1 180px}
#notificationSettings .notification-hint,#reminderDialog .notification-hint,#notificationSettings .notification-footer{font-size:11px;line-height:1.9;color:var(--d-muted)}
#notificationSettings .notification-status{padding:12px;border:1px solid var(--d-line);border-inline-start:4px solid var(--d-teal);border-radius:12px;color:var(--d-text);background:var(--d-bg)}#notificationSettings .notification-status.error{border-inline-start-color:#dd5266}
.notification-preview{padding:14px;border:1px solid var(--d-line);border-radius:15px;background:var(--d-bg);margin:12px 0}.notification-preview small{display:block;font-size:11px;color:var(--d-muted);margin-bottom:10px}.notification-preview b{font-size:14px;line-height:1.8}
#notificationSettings .notification-link,#reminderDialog .notification-link{width:100%;margin-top:12px}
.notification-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}
#reminderDialog .reminder-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#reminderDialog .reminder-summary span{border:1px solid var(--d-line);background:var(--d-glass);padding:12px;border-radius:13px}#reminderDialog .reminder-summary b{font-size:21px;display:block;line-height:1.7}#reminderDialog .reminder-summary small{display:block;color:var(--d-muted);font-size:11px;line-height:1.8}
.notification-reminder{padding:16px;border:1px solid var(--d-line);border-inline-start:4px solid var(--d-teal);border-radius:16px;background:var(--d-glass);margin:10px 0}.notification-reminder.urgent{border-inline-start-color:#dd5266}.notification-reminder.warning{border-inline-start-color:#c99537}
#reminderDialog .notification-reminder h3{font-size:15px;line-height:1.9;margin:5px 0;color:var(--d-text);overflow-wrap:anywhere}.notification-reminder-source{font-size:11px;line-height:1.8;color:var(--d-muted)}.notification-reminder small{display:block;color:var(--d-muted);font-size:11px;line-height:1.9}
.notification-reminder-actions{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:12px}.notification-reminder-actions button{flex:1 1 125px}.notification-snooze-label{flex:1 1 100%;font-size:11px;line-height:1.8;color:var(--d-muted)}.notification-empty{padding:25px 14px;border:1px dashed var(--d-line);border-radius:14px;font-size:13px;line-height:1.9;color:var(--d-muted)}
#notificationSettings :focus-visible,#reminderDialog :focus-visible{outline:3px solid var(--d-teal);outline-offset:3px}
@media(max-width:400px){#notificationSettings,#reminderDialog{padding:18px 14px}.notification-heading{gap:10px}.notification-heading img{width:48px;height:48px}.notification-card{padding:13px}#notificationSettings .notification-fields{grid-template-columns:1fr}.notification-reminder{padding:13px}}
/* Consistent surfaces for every palette, including larger text. */
:is(#reminderDialog,#notificationSettings,#reminderEditor){width:min(1000px,calc(100vw - 24px));max-width:none;max-height:92dvh;padding:22px;border:1px solid var(--d-line);border-radius:24px;background:var(--d-bg2)!important;color:var(--d-text)!important;line-height:1.9;text-align:right;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
#notificationSettings{width:min(720px,calc(100vw - 24px))}#reminderEditor{width:min(620px,calc(100vw - 24px))}
:is(#reminderDialog,#notificationSettings,#reminderEditor) *{min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
:is(#reminderDialog,#notificationSettings,#reminderEditor) [hidden]{display:none!important}
:is(#reminderDialog,#notificationSettings,#reminderEditor) :is(h2,h3,p,small,label,legend,summary,dt,dd,b,li,.notification-reminder-source,.notification-snooze-label,.notification-empty,.notification-hint,.notification-footer){color:var(--d-text)!important}
:is(#reminderDialog,#notificationSettings,#reminderEditor) h2{font-size:22px;line-height:1.7;margin:0 0 10px}
:is(#reminderDialog,#notificationSettings,#reminderEditor) h3{font-size:17px;line-height:1.8}
:is(#reminderDialog,#notificationSettings,#reminderEditor) :is(p,label,dt,dd,li){font-size:14px;line-height:1.9}
:is(#reminderDialog,#notificationSettings,#reminderEditor) small{font-size:12px;line-height:1.9}
:is(#reminderDialog,#notificationSettings,#reminderEditor) :is(input:not([type=checkbox]),select){width:100%;min-height:46px;font:inherit;font-size:16px;line-height:1.8;border:1px solid var(--d-line)!important;border-radius:12px;padding:10px 12px;margin-top:6px;background:var(--d-bg)!important;color:var(--d-text)!important;transition:none}
:is(#reminderDialog,#notificationSettings,#reminderEditor) input::placeholder{color:color-mix(in srgb,var(--d-text) 75%,var(--d-bg));opacity:1}
:is(#reminderDialog,#notificationSettings,#reminderEditor) :is(input[type=time],#rwDate){direction:ltr;text-align:right}
:is(#reminderDialog,#notificationSettings,#reminderEditor) button,#reminderReturn,[data-reminder-return]{font:inherit;font-size:14px;line-height:1.8;min-height:44px;max-width:100%;padding:10px 14px;white-space:normal;border:1px solid var(--d-line);border-radius:12px;background:var(--d-bg);color:var(--d-text);cursor:pointer}
:is(#reminderDialog,#notificationSettings,#reminderEditor) :is(.rw-primary,button.primary,.notification-filters button.active){background:var(--d-text)!important;color:var(--d-bg2)!important;border-color:var(--d-text);font-weight:700}
:is(#reminderDialog,#notificationSettings,#reminderEditor) button:disabled{opacity:1;cursor:default;border-style:dashed}
:is(#reminderDialog,#notificationSettings,#reminderEditor) :focus-visible,#reminderReturn:focus-visible,[data-reminder-return]:focus-visible{outline:3px solid var(--d-text);outline-offset:3px}
.rw-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 20px}
:is(#reminderDialog,#reminderEditor) .rw-close{display:grid;place-items:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:24px!important;flex-shrink:0}
#reminderDialog .reminder-summary{grid-template-columns:repeat(4,minmax(0,1fr))}#reminderDialog .reminder-summary span{background:var(--d-bg)}
.rw-delivery{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--d-bg);border:1px solid var(--d-line);border-radius:16px;padding:14px;margin:18px 0}.rw-delivery p{flex:1 1 160px}.rw-delivery button{flex:0 1 auto}
.rw-filter-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin:18px 0}.rw-filter-grid label{display:grid;gap:6px}
.rw-filter-details{border:1px solid var(--d-line);border-radius:14px;padding:12px 14px;margin-top:16px;background:var(--d-bg2)}.rw-filter-details>summary{font-size:14px;line-height:1.9;font-weight:700;min-height:36px;cursor:pointer;padding:5px 0}
.rw-group{margin-top:22px}.rw-group>h3{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--d-line);padding-bottom:12px}.rw-group>h3 small{font-weight:400}
#reminderDialog .notification-reminder{background:var(--d-bg);padding:18px;margin:14px 0;border-inline-start-width:4px}.notification-reminder.urgent{border-inline-start-color:#db5369}.notification-reminder.warning{border-inline-start-color:#ac7b30}
.rw-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:14px 0}.rw-facts dd{margin:0;text-align:left}
#reminderDialog .notification-reminder-actions{margin-top:18px}#reminderDialog .notification-reminder-actions button{flex:1 1 170px}
.rw-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.rw-actions>button{flex:1 1 160px}.rw-actions>p{flex:1 1 220px}
#reminderNotice,#rwError{background:var(--d-bg);padding:14px;border:1px solid var(--d-line);border-inline-start:4px solid var(--d-text);border-radius:12px}#reminderNotice button{margin:10px 0 0 12px}
#reminderEditor form>label{display:grid;gap:8px}.rw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.rw-grid label{display:grid;gap:8px}
#notificationSettings .notification-card{background:var(--d-bg2)}#notificationSettings input[type=checkbox]{accent-color:var(--d-text)}.rw-diagnosis{padding-inline-start:22px}
#notificationSettings .notification-status-grid span{color:var(--d-text)}
#reminderReturn{margin:6px 12px;max-width:calc(100% - 24px)}[data-reminder-return]{width:100%;margin-top:16px}#reminderReturn[hidden],[data-reminder-return][hidden]{display:none!important}
@media(max-width:650px){.rw-filter-grid{grid-template-columns:1fr 1fr}.rw-filter-grid>label:first-child{grid-column:1/-1}.rw-grid{grid-template-columns:1fr}#reminderDialog .reminder-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){#reminderDialog .reminder-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-filter-grid{grid-template-columns:1fr}.rw-filter-grid>label:first-child{grid-column:1}.rw-facts{grid-template-columns:1fr;gap:3px}.rw-facts dd{text-align:right;margin-bottom:8px}:is(#reminderDialog,#notificationSettings,#reminderEditor){padding:16px}}