/* Usado por Components/UI/StepTrack.razor */
.step-track { display: flex; gap: 0; margin: 18px 0 6px; }
.step { flex: 1; text-align: center; position: relative; padding-top: 16px; font-size: var(--fs-xs); color: var(--ink-3); }
.step::before {
  content: ""; position: absolute; top: 4px; left: 0; right: 0; height: 2px; background: var(--line);
}
.step.done::before, .step.now::before { background: var(--accent); }
.step.now { color: var(--ink); font-weight: 600; }
.step.done { color: var(--ink-2); }