/* DataTables x Tailwind Fixes */
.dataTables_wrapper { overflow-x: auto; }
table.dataTable { width: 100% !important; border-collapse: collapse !important; }

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  display: inline-block;
  margin-left: .5rem;
  padding: .375rem .5rem;
  border: 1px solid #d1d5db; /* gray-300 */
  border-radius: .375rem;
  background-color: #fff;
  color: #111827; /* gray-900 */
  font-size: .875rem;
  line-height: 1.25rem;
}

.dark .dataTables_wrapper .dataTables_length select,
.dark .dataTables_wrapper .dataTables_filter input {
  background-color: #111827; /* gray-900 */
  color: #e5e7eb;            /* gray-200 */
  border-color: #374151;     /* gray-700 */
}

/* Header- und Zellen-Abstände */
table.dataTable thead th,
table.dataTable tbody td {
  padding: .5rem .75rem;
}

/* Responsive “child”-Rows lesbarer machen */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 50%;
  transform: translateY(-50%);
}

/* Wenn du nowrap nutzt: */
table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }