/* DataTable horizontal scrolling fixes - Override Tailwind CSS */
/* This file must load AFTER Tailwind to ensure DataTables work correctly */

/* Core DataTable wrappers - ONE scrollbar for the entire table */
.dataTables_wrapper {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	position: relative !important;
}

/* This is the main scroll container - scrolls the ENTIRE table as one unit */
.dataTables_scroll {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	overflow-y: visible !important;
	clear: both !important;
}

/* Header - no separate scrolling */
.dataTables_scrollHead {
	width: 100% !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

.dataTables_scrollHead table {
	width: 100% !important;
}

/* Body - NO scrolling here, scrolls with parent */
.dataTables_scrollBody {
	width: 100% !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}

.dataTables_scrollBody table {
	width: 100% !important;
}

/* Footer - no separate scrolling */
.dataTables_scrollFoot {
	width: 100% !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

.dataTables_scrollFoot table {
	width: 100% !important;
}

/* Container div that holds the DataTable */
#div_datatable {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	overflow-y: visible !important;
	box-sizing: border-box !important;
}

/* View container above the table */
#viewContainer {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: visible !important;
	box-sizing: border-box !important;
}

/* Main body sections - allow child scrolling */
section#body,
#body {
	overflow-x: visible !important;
	overflow-y: visible !important;
	position: relative !important;
}

/* Prevent the main flex content wrapper from scrolling horizontally */
.flex-1.overflow-auto {
	overflow-x: hidden !important;
}

/* Override Tailwind's overflow utilities on parent containers */
div.flex-1,
div.overflow-auto {
	overflow-x: hidden !important;
}

/* Remove the min-width constraint that was forcing horizontal scroll */
/* Tables will now expand to fill available width */