/* Allineamento celle della riga filtri */
.dataTable thead tr[class$="-filters"] th {
    padding: 4px !important;
    vertical-align: top !important; /* Evita che gli input fluttuino se una select si espande */
}

/* Stile Input di Testo */
.dataTable th input.dt-custom-filter {
    width: 100%;
    height: 32px !important;       /* Forza altezza esatta */
    min-height: 32px !important;
    padding: 4px 8px;
    font-size: small;
    font-style: italic;
    background-color: var(--main-blue-100);
    border: 0px; 
    border-radius: 4px;            /* Arrotondamento per renderli più moderni */
    box-sizing: border-box;
}

/* Stile Select2 (rimuovi il bordo e forza l'altezza) */
.dataTable th .select2-container .select2-selection--multiple {
    min-height: 32px !important;   /* Stessa altezza dell'input */
    font-size: small;
    font-style: italic;
    background-color: var(--main-blue-100);
    border: 0px;  
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;                 /* Centra il testo internamente */
    align-items: center;
}

/* Sistema il placeholder della Select2 per allinearlo al testo dell'input */
.dataTable th .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    font-style: italic;
}

/* Rimuove l'outline azzurro fastidioso al click (opzionale) */
.dataTable th input.dt-custom-filter:focus,
.dataTable th .select2-container--focus .select2-selection--multiple {
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1) !important; /* Sostituisce il bordo con una leggera ombra per far capire che è attivo */
}