/* Global DataTables width fix - applies to all tables in the project */

/* Force all DataTables to be 100% width */
table.dataTable,
table[lwDataTable] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Force all DataTables wrappers to be 100% width */
.dataTables_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Ensure responsive wrapper doesn't add extra width */
.table-responsive {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Fix card body to prevent overflow */
.card-body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Ensure cards don't exceed container */
.card.shadow {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fix for DataTables processing and info elements */
.dataTables_wrapper .row {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure table columns adjust properly */
.dataTables_wrapper .col-sm-12 {
    overflow-x: auto !important;
}