/* templates/registration_stepper.php — степпер "Данные → Email → Магазин", переиспользуется на
   register.php (форма + pending-экран) и onboarding.php. */
.reg-stepper {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    margin: 0 0 22px;
}
.reg-stepper-item {
    display: flex; align-items: center; gap: 7px; flex-shrink: 0;
}
.reg-stepper-dot {
    width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; font-family: var(--font-heading);
    background: var(--bg); border: 1.5px solid var(--border-strong, var(--border)); color: var(--text-muted);
}
.reg-stepper-item.is-now .reg-stepper-dot { background: var(--primary); border-color: var(--primary); color: #fff; }
.reg-stepper-item.is-done .reg-stepper-dot { background: var(--success); border-color: var(--success); color: #fff; }
.reg-stepper-label { font-size: 12px; color: var(--text-muted); }
.reg-stepper-item.is-now .reg-stepper-label { color: var(--text); font-weight: 700; }
.reg-stepper-line { width: 22px; height: 1.5px; background: var(--border); flex-shrink: 0; }
.reg-stepper-line.is-done { background: var(--success); }

@media (max-width: 420px) {
    .reg-stepper-label { display: none; }
    .reg-stepper { gap: 4px; }
    .reg-stepper-line { width: 14px; }
}