/* Override tất cả các yếu tố để ngừng ảnh hưởng của dark mode */
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 245, 245, 245;
  --dt-row-hover: 250, 250, 250;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white;
}

/* Ngừng dark mode ảnh hưởng */
html.dark, :root[data-theme=dark], html[data-theme=dark] {
  background-color: white !important;
  color: #212529 !important;
}

/* Wrapper */
div.dataTables_wrapper {
  background-color: white !important;
  color: #212529 !important;
}

/* Table */
table.dataTable {
  color: #212529 !important;
  border-collapse: collapse;
}

/* Table header */
table.dataTable thead {
  color: #212529 !important;
}

/* Search input */
div.dataTables_filter input {
  background-color: white !important;
  color: #212529 !important;
  border: 1px solid #ced4da !important;
}

/* Length dropdown */
div.dataTables_length select {
  background-color: white !important;
  color: #212529 !important;
  border: 1px solid #ced4da !important;
}

/* Pagination */
div.dataTables_paginate .paginate_button {
  background-color: white !important;
  border: 1px solid #dee2e6 !important;
  color: #212529 !important;
}

div.dataTables_paginate .paginate_button.current {
  background-color: #0d6efd !important;
  color: white !important;
}

div.dataTables_paginate .paginate_button:hover {
  background-color: #f8f9fa !important;
  color: #0d6efd !important;
}

/* Info */
div.dataTables_info {
  color: #212529 !important;
}

/* Processing overlay */
div.dataTables_processing {
  background-color: rgba(255, 255, 255, 0.8) !important;
  color: #0d6efd !important;
}

/* Buttons */
div.dt-buttons button {
  background-color: #f8f9fa !important;
  border: 1px solid #ced4da !important;
  color: #212529 !important;
}

div.dt-buttons button:hover {
  background-color: #e2e6ea !important;
  color: #0d6efd !important;
}

/* Responsive control icon */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
  background-color: #0d6efd !important;
  color: white !important;
}

/* Table row hover */
table.dataTable tbody tr:hover {
  background-color: rgba(13, 110, 253, 0.05) !important;
}

/* Table row selected */
table.dataTable tbody tr.selected {
  background-color: rgba(13, 110, 253, 0.15) !important;
}

/* Disable outline on header sort */
table.dataTable thead th:active {
  outline: none !important;
}

/* Hide dark mode rules completely */
html[data-theme=dark], html.dark, :root[data-theme=dark] {
  all: unset;
}