/* ===================================
   Cadastro — extensão do estilo da página de login
   =================================== */

.register-form-panel {
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow-y: auto;
}

.form-wrapper-register {
    max-width: 480px;
}

.register-form {
    margin-bottom: 24px;
}

.form-section {
    margin-bottom: 28px;
}

.form-section:last-of-type {
    margin-bottom: 0;
}

.form-section-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-dark, #1E293B);
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E2E8F0;
    letter-spacing: -0.2px;
}

.form-section-title .text-muted {
    font-size: 0.85rem;
}

/* Ajuste para inputs em coluna (evitar ícone cortado em campos menores) */
.form-wrapper-register .col-md-3 .input-icon-wrapper .custom-input,
.form-wrapper-register .col-6 .input-icon-wrapper .custom-input {
    padding-left: 38px;
}

/* Alertas com mesmo padrão do login */
.form-wrapper-register .alert {
    border-radius: 10px;
    font-size: 0.9rem;
    border: none;
}

.form-wrapper-register .alert-danger {
    background-color: #FEF2F2;
    color: #991B1B;
}

.form-wrapper-register .alert-success {
    background-color: #F0FDF4;
    color: #166534;
}

/* Responsivo: em telas pequenas o painel do formulário ocupa toda a largura */
@media (max-width: 768px) {
    .form-wrapper-register {
        max-width: 100%;
    }

    .form-section-title {
        font-size: 0.9rem;
    }
}