/**
 * Estilos para validação de telefone
 * Classes aplicadas automaticamente pelo validador
 */

/* Input válido */
input.phone-valid {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

/* Input inválido */
input.phone-invalid {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Mensagem de erro */
.phone-error-message {
    display: block;
    font-size: 0.875rem;
    color: #ef4444;
    margin-top: 0.25rem;
}

.phone-error-message.hidden {
    display: none;
}

/* Mensagem de sucesso */
.phone-success-message {
    display: block;
    font-size: 0.875rem;
    color: #10b981;
    margin-top: 0.25rem;
}

.phone-success-message.hidden {
    display: none;
}