.onboarding-status-banner { margin-bottom: 1rem; }
.onboarding-status-step { margin-top: 0.5rem; }
.onboarding-status-progress { margin-top: 0.75rem; }
.onboarding-status-progress-bar { height: 8px; background: #e6eef7; border-radius: 999px; overflow: hidden; }
.onboarding-status-progress-fill { height: 8px; background: #2b6cb0; width: 0%; transition: width 0.3s ease; }
.onboarding-status-progress-text { font-size: 0.85rem; margin-top: 0.35rem; }

/* totals: 5 */
.onboarding-progress-total-5.onboarding-progress-step-1 { width: 20%; }
.onboarding-progress-total-5.onboarding-progress-step-2 { width: 40%; }
.onboarding-progress-total-5.onboarding-progress-step-3 { width: 60%; }
.onboarding-progress-total-5.onboarding-progress-step-4 { width: 80%; }
.onboarding-progress-total-5.onboarding-progress-step-5 { width: 100%; }

/* totals: 6 */
.onboarding-progress-total-6.onboarding-progress-step-1 { width: 17%; }
.onboarding-progress-total-6.onboarding-progress-step-2 { width: 33%; }
.onboarding-progress-total-6.onboarding-progress-step-3 { width: 50%; }
.onboarding-progress-total-6.onboarding-progress-step-4 { width: 67%; }
.onboarding-progress-total-6.onboarding-progress-step-5 { width: 83%; }
.onboarding-progress-total-6.onboarding-progress-step-6 { width: 100%; }

/* totals: 7 */
.onboarding-progress-total-7.onboarding-progress-step-1 { width: 14%; }
.onboarding-progress-total-7.onboarding-progress-step-2 { width: 29%; }
.onboarding-progress-total-7.onboarding-progress-step-3 { width: 43%; }
.onboarding-progress-total-7.onboarding-progress-step-4 { width: 57%; }
.onboarding-progress-total-7.onboarding-progress-step-5 { width: 71%; }
.onboarding-progress-total-7.onboarding-progress-step-6 { width: 86%; }
.onboarding-progress-total-7.onboarding-progress-step-7 { width: 100%; }