/* One-time notification question. Preview only: move into the pattern library
   (components/_notification-settings.scss) before it goes live. */
.notification-onboarding .modal-content { border: 0; border-radius: 0; }
.notification-onboarding .modal-header,
.notification-onboarding .modal-body,
.notification-onboarding .modal-footer { padding: 24px 36px; border: 0; }
.notification-onboarding .modal-body { padding-top: 0; }
.notification-onboarding-products,
.notification-onboarding-digest { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.notification-onboarding-products label,
.notification-onboarding-digest label { display: inline-flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; }
.notification-onboarding-topics { width: 100%; border-collapse: collapse; margin-top: 12px; }
.notification-onboarding-topics th,
.notification-onboarding-topics td { padding: 10px 6px; border-bottom: 1px solid rgba(0, 0, 0, .08); }
.notification-onboarding-topics thead th { font-weight: 600; font-size: .85em; text-align: center; border-bottom-width: 2px; }
.notification-onboarding-topics tbody th { font-weight: normal; text-align: left; }
.notification-onboarding-topics td { text-align: center; }
.notification-onboarding-topics input,
.notification-onboarding-digest input { width: 18px; height: 18px; cursor: pointer; }
.notification-onboarding .modal-footer { justify-content: space-between; gap: 12px; }
@media (max-width: 575px) {
  .notification-onboarding .modal-header,
  .notification-onboarding .modal-body,
  .notification-onboarding .modal-footer { padding: 16px; }
  .notification-onboarding-topics td { width: 22%; }
}
.notification-onboarding .modal-header { flex-direction: column; align-items: flex-start; }
.notification-onboarding-progress { margin: 6px 0 0; opacity: .7; }
.notification-onboarding-step h4 { margin: 0 0 6px; }
.notification-onboarding-step > p { margin-bottom: 18px; }
.notification-onboarding-step[hidden] { display: none; }
.notification-onboarding .modal-body { min-height: 380px; }
.notification-onboarding-topics td { width: 16%; }
.notification-onboarding-topics input[type=checkbox]:disabled { cursor: not-allowed; opacity: .5; }
.notification-onboarding-hint { margin-top: 24px; }
/* one product per line, easier to scan than a wrapped row */
.notification-onboarding-products { flex-direction: column; gap: 12px; }