div.dt-buttons {
    float: none !important;    /* quitar float si existía */
    text-align: center !important;
    margin: 5px !important;
}

.dt-button {
    border-radius: 6px !important;

}

.dataTables_wrapper {
    width: 100%;
    overflow: auto;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--theme) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active

 {
    background: var(--theme) !important;
}
/* Ocultar solo el scroll vertical en DataTables */
.dataTables_scrollBody {
    overflow-y: hidden; /* Oculta scroll vertical */
}

/* Mantener scroll horizontal visible */
.dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;   /* Scroll horizontal visible */
    height: 5px;  /* Scroll horizontal visible */
}

/* Opcional: estilo para scroll horizontal en WebKit */
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 4px;
}





body.dark-mode table.dataTable {
    background-color: #1e1e1e;
    color: #fff;
}

body.dark-mode table.dataTable thead th {
    background-color: #333;
    color: #fff;
}

body.dark-mode table.dataTable tbody tr {
    background-color: #222;
    color: #fff;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #333 !important;
    color: #fff !important;
    border: none;
}

body.dark-mode .dataTables_length select,
body.dark-mode .dataTables_filter input {
    background-color: #333;
    color: #fff;
    border: 1px solid #555;
}
table.dataTable {
    table-layout: fixed; /* Evita que DataTables recalculen ancho dinámico */
}