@layer osha-ui{.wizard-progress{gap:var(--space-xs);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.wizard-progress,.wizard-step{display:flex;align-items:center}.wizard-step{gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-base);font-weight:500;white-space:nowrap;color:var(--color-text-muted);transition:all var(--transition-base)}.wizard-step.active{background:rgba(59,130,246,.15);color:var(--color-primary-light)}.wizard-step.completed{color:var(--color-success)}.wizard-step-number{width:24px;height:24px;border-radius:50%;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700}.wizard-step.active .wizard-step-number{background:var(--color-primary);color:white}.wizard-step.completed .wizard-step-number{background:var(--color-success);color:white}.wizard-connector{width:20px;height:2px;background:var(--color-border);flex-shrink:0}.stepper-connector{height:2px;flex:1;border-radius:1px;transition:background .4s ease}.stepper-connector--done{background:var(--color-primary,#2563eb)}.stepper-connector--todo{background:var(--color-border,#e5e7eb)}@keyframes stepperCheckPop{0%{transform:scale(0) rotate(-45deg);opacity:0}60%{transform:scale(1.15) rotate(0deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}.stepper-check-pop{display:inline-flex;animation:stepperCheckPop .4s ease-out forwards}}