/* Onboarding split: dossier (stappen 1-4) + productactivaties (stappen 5-7). */

/* Steps that cannot be opened yet (no jumping ahead). */
.civios-stepper-stap { display: flex; flex-direction: column; align-items: center; gap: .375rem; cursor: default; }
.civios-stepper li:not(.is-klaar):not(.is-actief) .civios-stepper-stap .civios-stepper-bol { color: var(--civios-muted); box-shadow: none; }

/* Activations on the onboarding overview. */
.civios-activaties { margin-top: 1.5rem; padding: 1.25rem 1.5rem; }
.civios-activaties ul { margin-top: .75rem; }
.civios-activaties li {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  align-items: center;
  justify-content: space-between;
  padding-block: .75rem;
}
.civios-activaties li + li { border-top: 1px solid var(--civios-line); }
.civios-activaties-naam { font-family: var(--civios-font-display); font-weight: 600; color: var(--civios-teal); }

/* Step 4: one answer per licence. */
.civios-licentiekeuze { margin: 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.civios-licentiekeuze label { display: inline-flex; gap: .375rem; align-items: center; white-space: nowrap; }