@layer components {
  /* Paramètres → Onboarding: the read/sign choice and the empty states of its flush cards. */
  .onboarding-modes { border: 0; margin: 0; padding: 0; min-width: 0; }
  .onboarding-modes legend { padding: 0; margin-bottom: 8px; }
  .onboarding-mode-choices { display: flex; flex-wrap: wrap; gap: 16px; }
  .onboarding-mode-choice { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
  .onboarding-mode-choice input { accent-color: var(--primary); margin: 0; }
  .onboarding-assistant { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .onboarding-assistant p { margin: 0; }
  .onboarding-documents-header { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
  .onboarding-empty { padding: 0 24px 20px; margin: 0; }
}