/* Light tailoring for DataTables so it fits the Tailwind-inspired theme */

/* TOP CONTROLS (Search area at top-right) */
.dataTables_wrapper .dt-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem; /* space between controls and table */
}

.dataTables_wrapper .dataTables_filter {
  margin: 0;
}

body:not(.dark) .dataTables_wrapper .dataTables_filter input {
  border-radius: 0.375rem;
  border: 1px solid #d1d5db; /* slate-300 */
  background-color: #ffffff;
  color: #111827; /* slate-900 */
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
}

html.dark .dataTables_wrapper .dataTables_filter input {
  border-radius: 0.375rem;
  border: 1px solid #1f2937; /* slate-800-ish */
  background-color: #020617; /* slate-950 */
  color: #e5e7eb; /* slate-200 */
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
}

body:not(.dark) .dataTables_wrapper .dataTables_length select {
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  background-color: #ffffff;
  color: #111827;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}

html.dark .dataTables_wrapper .dataTables_length select {
  border-radius: 0.375rem;
  border: 1px solid #1f2937;
  background-color: #020617;
  color: #e5e7eb;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}

.dataTables_wrapper .dt-buttons button {
  display: inline-flex;
  align-items: center;
  border-radius: 0.375rem;
  border: 1px solid #1f2937;
  background-color: #020617;
  color: #e5e7eb;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.25rem 0.75rem;
  margin-right: 0.5rem;
  cursor: pointer;
}

.dataTables_wrapper .dt-buttons button:hover {
  background-color: #02081f;
}

/* BOTTOM CONTROLS (info + pagination at bottom-right) */
.dataTables_wrapper .dt-bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem; /* space between table and bottom controls */
}

.dataTables_wrapper .dataTables_info {
  padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate {
  text-align: right;
  padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  padding: 0.25rem 0.5rem;
  margin-left: 0.1rem;
  font-size: 0.75rem;
  color: #cbd5f5;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #02081f;
  color: #f9fafb;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #4f46e5; /* brand-600 */
  border-color: #4f46e5;
  color: #ffffff;
}



.dt-top {
  display: flex;
  justify-content: flex-end;   /* move search to right */
  margin-bottom: 1rem;         /* space between search and table */
}

.dt-bottom {
  display: flex;
  justify-content: flex-end;   /* move pagination to right */
  margin-top: 1rem;            /* space between table and pagination */
}