/* --- Stepper component --- */
.stepper { display:flex; flex-wrap:wrap; gap:.75rem 1rem; counter-reset: step; }
.stepper__item { position: relative; display:flex; align-items:center; gap:.5rem; }
.stepper__bullet { display:grid; place-items:center; width:2rem; height:2rem; border-radius:999px; background: var(--color-subtle-surface, #f9fafb); border:1px solid #e5e7eb; font-weight:700; }
.stepper__item[aria-current="step"] .stepper__bullet { background: var(--color-primary, #1f6feb); color: var(--color-on-primary, #fff); border-color: transparent; }
.stepper__label { font-weight:600; }
.stepper__sep { flex: 0 0 24px; height:2px; background: #e5e7eb; margin: 0 .25rem; }
.stepper__item[aria-disabled="true"] { opacity:.6; }
.stepper--vertical { display:grid; gap: .75rem; }
.stepper--vertical .stepper__sep { width:2px; height:24px; margin-left: 1rem; }
.stepper__controls { display:flex; gap:.5rem; margin-top: var(--space-2); }