/* Clip the active tab's fill to the rounded corners without trapping
   the copy-prompt dropdown in the card body. */
#onboarding-wizard .card-header { padding: 0; overflow: hidden; }
#onboarding-wizard .onboarding-tabs {
    display: flex;
    flex: 1;
    margin: 0;
    list-style: none;
}
#onboarding-wizard .onboarding-tabs > li { display: flex; }
#onboarding-wizard .onboarding-tab {
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--bs-light);
    padding: 0.85rem 1.25rem;
    white-space: nowrap;
}
#onboarding-wizard .onboarding-tab.active {
    background-color: #0ed180 !important;
    color: #ffffff !important;
}
#onboarding-wizard .onboarding-tab.active i { color: #ffffff !important; }
#onboarding-wizard .onboarding-tab:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
#onboarding-wizard .onboarding-tab:not(.active):not(:disabled) { cursor: pointer; }
#onboarding-wizard .onboarding-tab .bi-check-circle-fill { color: #0ed180 !important; }

/* Solid purple (Bootstrap has no btn-purple; matches existing purple brand tokens). */
#onboarding-wizard .btn-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #752fff;
    --bs-btn-border-color: #752fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6420e0;
    --bs-btn-hover-border-color: #6420e0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5a1cc9;
    --bs-btn-active-border-color: #5a1cc9;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #752fff;
    --bs-btn-disabled-border-color: #752fff;
}