.signup-tabs .nav-tabs {
    border-bottom: 2px solid #dee2e6;
}

    .signup-tabs .nav-tabs .nav-link {
        border: none;
        color: #6c757d;
        font-weight: 500;
        padding: 0.75rem 1.5rem;
        margin-right: 0.5rem;
    }

        .signup-tabs .nav-tabs .nav-link.active {
            color: #566a7f;
            background-color: #fff;
            border-bottom: 3px solid #566a7f;
        }

.signup-tabs .tab-pane {
    padding: 1.5rem 0;
}

.step-indicator {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .step-indicator .step {
        display: flex;
        align-items: center;
        color: #6c757d;
    }

        .step-indicator .step.active {
            color: #566a7f;
            font-weight: 600;
        }

    .step-indicator .step-number {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #e9ecef;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.5rem;
    }

    .step-indicator .step.active .step-number {
        background: #566a7f;
        color: white;
    }

    .step-indicator .separator {
        flex: 1;
        height: 2px;
        background: #dee2e6;
        margin: 0 1rem;
    }

.form-actions {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
}

.tab-validation-error {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* Small helper classes used by script */
.has-error .form-control,
.has-error textarea,
.has-error .form-select {
    border-color: #dc3545 !important;
    box-shadow: none;
}

.field-error {
    display: block;
    margin-top: .25rem;
}