.form-control {
    height: 30px !important; /* Hauteur réduite (Standard ~38px) */
    padding-top: 2px !important; /* Moins d'espace en haut */
    padding-bottom: 2px !important; /* Moins d'espace en bas */
    font-size: 0.9rem !important; /* Texte légèrement plus petit */
}

/* Force le conteneur Select2 à avoir la même hauteur et bordure que Bootstrap */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important; /* Gris Bootstrap */
    border-radius: 0.25rem !important; /* Arrondi Bootstrap */
    min-height: 32px !important; /* Hauteur standard d'un input */
    padding: 5px;
}

/* Focus : bordure bleue comme Bootstrap */
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #80bdff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Ajustement spécifique pour les listes simples (Qualité utilisateur) */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important; /* Centrage vertical du texte */
    color: #495057 !important; /* Couleur de texte standard */
    padding-left: 0 !important;
}

/* Ajustement de la flèche pour les listes simples */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

/* Supprimer le style 'écrasé' des choix multiples (Etablissements) */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e9ecef !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    border-radius: 0.2rem;
    padding: 2px 8px;
    margin-top: 2px;
}

/* Assure que le champ prend toute la largeur */
.select2-container {
    width: 100% !important;
    display: block;
}

.select2-dropdown {
    border: 1px solid #ced4da !important; /* Bordure fine grise */
    border-radius: 0.25rem !important; /* Coins arrondis */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Ombre portée élégante */
    padding: 5px 0 !important; /* Un peu d'air en haut et bas */
}

/* Les options dans la liste */
.select2-results__option {
    padding: 6px 10px !important; /* Options plus aérées */
    font-size: 0.9rem !important;
    margin: 0 5px !important; /* Petite marge sur les côtés */
    border-radius: 0.2rem !important; /* Arrondi sur l'option survolée */
}

/* L'option survolée (Hover) */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f8f9fa !important; /* Gris très clair au lieu du bleu agressif */
    color: #1a1a1a !important; /* Texte noir */
    font-weight: 500;
}

/* L'option déjà sélectionnée */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e2e6ea !important; /* Gris un peu plus foncé */
    color: #000 !important;
}

.invalid-feedback {
    margin-top: 8px !important; /* Pousse le texte vers le bas */
    font-size: 0.85rem !important; /* Ajuste la taille si nécessaire */
    display: block !important; /* Force l'affichage bloc */
    position: relative; /* Assure que le z-index est respecté */
}

.password-input {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Au focus, on garde la bordure mais on doit gérer le "glow" bleu */
.password-input:focus {
    border-color: #ced4da; /* On garde la couleur grise pour ne pas couper l'effet */
    box-shadow: none; /* On enlève le halo par défaut pour le remettre sur le groupe (optionnel) */
    /* Ou laissez le comportement par défaut si cela vous convient */
}

/* 2. On enlève la bordure gauche du bouton et on le met en blanc */
.password-addon {
    background-color: #ffffff !important; /* Fond blanc comme l'input */
    border-left: 0 !important; /* Pas de bordure à gauche */
    border-color: #ced4da !important; /* Même gris que l'input */
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    cursor: pointer;
    color: #6c757d; /* Couleur de l'icône (gris muted) */
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

/* Petit effet au survol de l'oeil */
.password-addon:hover {
    color: #495057; /* Gris plus foncé */
}

.no-search-bar .select2-search {
    display: none !important;
}

#btn-save-inline {
    background: linear-gradient(90deg, #1c5980 0%, #008c9e 100%);
    border: none; /* Important pour supprimer la bordure verte de btn-success */
    color: white; /* Assure que le texte reste blanc */
}

/* Optionnel : Un léger effet au survol pour l'UX */
#btn-save-inline:hover {
    opacity: 0.9;
    background: linear-gradient(90deg, #164666 0%, #007585 100%); /* Variante légèrement plus sombre */
}