/* =========================================================
   STILI DATATABLES  —  versione senza Select2
   Mantiene soltanto le regole utili alle celle e all’editor
   inline di DataTables; ogni riferimento a Select2 è stato
   rimosso come richiesto.
   ========================================================= */

/* =============================
   CONTENITORE EDITOR
   ============================= */

.dt-editor-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* =============================
   CELLE DATATABLES
   ============================= */

/* Mantieni padding standard, ma per celle che ospitano un editor
   (select2 o altro) togli il padding in modo che la larghezza 
   interna sia identica alla cella visibile. */
.dataTable td {
    position: relative;
    overflow: visible !important;
    padding: 8px 10px;
}

/* Celle che contengono una select2 permanente (inserita dal tuo
   editor).  Usiamo il selettore DataTables come prefisso così da
   rispettare la richiesta «solo classi datatable». */
.dataTable td .select2-container {
    display: block;
    /* occupa tutta la riga */
    width: 100% !important;
    /* stessa larghezza della cella */
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

/* Se la select è inline‑edited (classe temporanea del tuo script),
   stessa logica: */
.dataTable td .__sme-s2-temp.select2-container {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

/* Quando la select2 apre il menu, il plugin crea un .select2-dropdown
   dentro lo stesso .select2-container ( **solo** se il dropdownParent
   non è body ).  Nel tuo script è dentro la cella, quindi possiamo
   dire al dropdown di riempire esattamente il contenitore padre. */
.dataTable td .select2-dropdown {
    width: 100% !important;
    box-sizing: border-box;
}

/* =============================
   MULTIFIELD (opzionale)
   ============================= */

.dt-multifield {
    padding: 5px;
    display: flex;
    flex-direction: column;
    min-height: 60px;
    justify-content: center;
}

.dt-multifield-item {
    margin-bottom: 4px;
}

.select2-container {
    width: auto !important;
}

/* =============================
   FINE
   ============================= */