/* Version 1 DataTable with the approved Version 2 pagination treatment only. */
.datatable-page-button { width: 3rem !important; height: 3rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.datatable-page-button.active { background-color: rgb(239 246 255) !important; color: rgb(37 99 235) !important; font-weight: 800 !important; }
.dark .datatable-page-button.active { background-color: rgb(51 65 85) !important; color: rgb(255 255 255) !important; }

/* Native DataTables controls are replaced by the project toolbar and pagination. */
.datatable-container .dt-search,
.datatable-container .dt-paging,
.datatable-container .dt-length,
.datatable-container .dt-info,
.datatable-container .dataTables_filter,
.datatable-container .dataTables_paginate,
.datatable-container .dataTables_length,
.datatable-container .dataTables_info { display: none !important; }

/* Export actions are triggered by the custom toolbar; hide DataTables' duplicate buttons. */
.datatable-container .dt-buttons,
.datatable-container .dt-button,
.datatable-container .datatable-hidden-copy,
.datatable-container .datatable-hidden-csv,
.datatable-container .datatable-hidden-print { display: none !important; }



/* Remove empty DataTables layout rows while keeping the table row. */
.datatable-container .dt-layout-row:not(.dt-layout-table),
.datatable-container .dataTables_wrapper > .bottom,
.datatable-container .dataTables_wrapper > .clear { display: none !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; }



/* Keep horizontal scrolling available without reserving a visible scrollbar gutter. */
.datatable-scroll-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.datatable-scroll-wrapper::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* DataTables adds .75em vertical margin around its table layout row. */
.datatable-container .dt-layout-row.dt-layout-table {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Keep DataTables' ordering chevrons consistently after every header label.
   Its default stylesheet reverses numeric/date headers, which otherwise moves
   those indicators to the opposite side. */
.datatable-container table.dataTable thead th div.dt-column-header {
  flex-direction: row !important;
  justify-content: flex-start !important;
}
.datatable-container table.dataTable thead th span.dt-column-title {
  flex-grow: 0 !important;
}
.datatable-container table.dataTable thead th span.dt-column-order {
  flex: 0 0 12px !important;
  margin-left: 0.375rem !important;
  margin-right: 0 !important;
}
[dir="rtl"] .datatable-container table.dataTable thead th div.dt-column-header {
  flex-direction: row-reverse !important;
}
[dir="rtl"] .datatable-container table.dataTable thead th span.dt-column-order {
  margin-left: 0 !important;
  margin-right: 0.375rem !important;
}