.notification-setting { display:flex; align-items:center; gap:11px; min-height:48px; padding:11px 12px;
  border:1px solid var(--cardbr); border-radius:13px; background:var(--card2); cursor:pointer; }
.notification-setting + .notification-setting { margin-top:7px; }
.notification-setting input { width:19px; height:19px; flex:0 0 19px; accent-color:var(--accent); }
.notification-setting span { min-width:0; font-size:13px; line-height:1.25; }
.notification-setting small { display:block; color:var(--hint); font-size:11px; margin-top:3px; }
.notification-settings-section { margin-top:14px; }
.notification-settings-title { color:var(--hint); font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; margin:16px 2px 8px; }
.quiet-hours { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
.quiet-hours .rin { min-width:0; }
.sync-status.offline { color:#ffb45b; border-color:color-mix(in srgb,#ff9f43 55%,var(--cardbr)); }
.draft-note { display:flex; align-items:center; gap:6px; margin:8px 0; padding:8px 10px; border-radius:11px;
  color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,var(--card)); font-size:11px; font-weight:750; }
.outbox-badge { position:fixed; right:12px; bottom:calc(82px + env(safe-area-inset-bottom)); z-index:90; max-width:calc(100vw - 24px);
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--cardbr)); border-radius:999px; padding:8px 11px;
  color:var(--text); background:color-mix(in srgb,var(--card) 94%,transparent); box-shadow:0 7px 20px rgba(0,0,0,.22);
  font:750 11px var(--font); cursor:pointer; }
.outbox-badge[hidden] { display:none; }