/* notify feature styles (loaded on every page after style.css) */
.notify-toggles { display: grid; gap: 4px; margin: 0 0 12px; }
.notify-toggles .check { margin-top: 4px; }
.notify-toggles .notify-hint { margin: 0 0 4px 26px; }
.notify-hint { font-size: 12px; color: var(--muted-foreground); }
.notify-status { margin: -4px 0 12px; }
.notify-status p { margin: 0 0 4px; }
.notify-status .alert { margin-top: 6px; }
.notify-officer form { margin: 0; }
.notify-settings fieldset { border: 0; padding: 0; margin: 0; }
.notify-settings .chips { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 6px; }
@media (pointer: coarse) {
  .notify-toggles .notify-hint { margin-left: 30px; }
}