/* Wrapper */
.dataTables_wrapper {
    font-size: 0.8rem;
}

/* Header */
table.dataTable thead th {
    background-color: #f8f9fa;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

/* Righe */
table.dataTable tbody tr {
    border-bottom: 1px solid #e3e6ec;
}

/* Hover */
table.dataTable tbody tr:hover {
    background-color: #f2f6fc;
}

/* Search input */
.dataTables_filter input {
    border-radius: 0.35rem;
    border: 1px solid #d1d3e2;
    padding: 0.25rem 0.5rem;
}

/* Pagination */
.dataTables_paginate .paginate_button {
    border-radius: 0.35rem !important;
}

/* Search input DataTable stile vecchia tabella */
.dataTable-search {
    float: right;
    margin-bottom: 1rem;
}

.dataTable-search input {
    width: 250px;           /* larghezza identica alla vecchia tabella */
    height: 36px;           /* altezza coerente con i campi Bootstrap */
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;    /* font leggermente più piccolo, come vecchia tabella */
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #fff;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dataTable-search input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Icona di ricerca dentro il campo */
.dataTable-search input::placeholder {
    color: #6c757d;         /* placeholder grigio */
    opacity: 1;
}

/* Forza l'allineamento a sinistra su tutte le celle e intestazioni della tabella DataTables */
#datatablesServerSide_wrapper table.dataTable th,
#datatablesServerSide_wrapper table.dataTable td {
    text-align: left !important;
    vertical-align: middle !important;
}

/* Assicura che badge e bottoni non vengano centrati */
#datatablesServerSide_wrapper table.dataTable td .badge,
#datatablesServerSide_wrapper table.dataTable td .btn {
    display: inline-block;
    text-align: left !important;
}
/* Riduce il padding delle celle per avere più compattezza */
#datatablesServerSide.table td,
#datatablesServerSide.table th {
    padding: 0.5rem 0.75rem; /* regola qui i valori se vuoi più o meno spazio */
}

/* Allinea le intestazioni (th) e il testo a sinistra */
#datatablesServerSide.table th,
#datatablesServerSide.table td {
    text-align: left;
    vertical-align: middle;
}

/* Badge più compatto */
#datatablesServerSide .badge {
    padding: 0.25rem 0.5rem; /* riduce lo spazio interno senza cambiare font */
    font-size: 0.85rem; /* mantiene badge leggibile ma compatto */
}

/* Pulsanti azioni più vicini al testo */
#datatablesServerSide .btn-datatable {
    padding: 0.25rem 0.35rem;
    font-size: 0.9rem;
}

/* Riduzione spazio tra le colonne e i bordi */
#datatablesServerSide.table {
    border-collapse: collapse;
}

/* Eventuale correzione larghezza badge se troppo largo */
#datatablesServerSide .badge {
    display: inline-block;
    min-width: 60px; /* puoi regolare in base al testo */
    text-align: center;
}