/* css/virements.css - Styles spécifiques pour la section Virements */

/* Styles de validation des formulaires */
.form-group.has-error input,
.form-group.has-error select,
.form-group.has-error textarea {
    border: 1px solid #E53935 !important;
}

.error-message {
    color: #E53935;
    font-size: 11px;
    margin-top: 4px;
    display: block;
    font-weight: 500;
}

/* Animation pour l'apparition des messages (optionnel mais recommandé pour le poli) */
@keyframes fadeInError {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.error-message {
    animation: fadeInError 0.2s ease-out forwards;
}

@media (prefers-reduced-motion: reduce) {
    .error-message {
        animation: none;
    }
}

/* Ajustements mobile pour les erreurs */
@media (max-width: 480px) {
    .error-message {
        font-size: 10px;
    }
}