body {
    background-color: #efefef;
}

.signup-card {
    border: none;
    border-radius: 1rem;
}

.step-indicator {
    max-width: 480px;
    margin: 0 auto;
}

.step {
    text-align: center;
    flex: 0 0 auto;
}

.step-circle {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    background: #e9ecef;
    color: #6c757d;
    font-weight: 600;
    margin: 0 auto 0.25rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.step.active .step-circle,
.step.completed .step-circle {
    background: #0d6efd;
    color: #fff;
}

.step-label {
    font-size: 0.75rem;
    color: #6c757d;
}

.step.active .step-label,
.step.completed .step-label {
    color: #212529;
    font-weight: 600;
}

.step-line {
    flex: 1 1 auto;
    align-self: center;
    height: 2px;
    background: #e9ecef;
    margin: 0 0.5rem;
    margin-bottom: 1.25rem;
}

.success-check {
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 50%;
    background: #d1e7dd;
    color: #0f5132;
    font-size: 2rem;
    margin: 0 auto;
}

/* ---- Specialties multi-select dropdown ---- */
.specialties-menu {
    max-height: 260px;
    overflow-y: auto;
    min-width: 100%;
}

#specialtiesToggle.is-invalid {
    border-color: #dc3545;
}

.specialty-chip .btn-close {
    font-size: 0.55rem;
    vertical-align: middle;
}