/* ── DataTables Pebble overrides ── */
/* Loaded AFTER jquery.dataTables.css to override vendor defaults */

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 2px solid var(--stone, #e2e8f0);
  font-weight: 600;
  color: var(--pebble, #4a5568);
  font-family: var(--font-stack, sans-serif);
  font-size: 16px;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  border-top: 2px solid var(--stone, #e2e8f0);
}

table.dataTable tbody tr {
  background-color: var(--surface, #ffffff);
}

table.dataTable tbody th,
table.dataTable tbody td {
  font-family: var(--font-stack, sans-serif);
  font-size: 16px;
  color: var(--ink, #1a1f2b);
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid var(--stone, #e2e8f0);
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: var(--wash, #f1f5f9);
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: var(--creek-light, #dbeafe);
}

table.dataTable.no-footer {
  border-bottom: 1px solid var(--stone, #e2e8f0);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid var(--stone, #e2e8f0);
}

/* Filter input */
.dataTables_wrapper .dataTables_filter input {
  font-family: var(--font-stack, sans-serif);
  font-size: 14px;
  border: 1.5px solid var(--pebble-light, #94a3b8);
  border-radius: var(--radius-md, 8px);
  padding: 4px 10px;
  outline: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  transition: border-color 0.15s;
}

.dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--creek, #3b82f6);
  box-shadow: 0 0 0 3px var(--creek-light, #dbeafe);
}

/* Info and controls text */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: var(--pebble, #4a5568);
  font-family: var(--font-stack, sans-serif);
  font-size: 14px;
}

/* Pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--ink, #1a1f2b) !important;
  border: 1px solid transparent;
  border-radius: var(--radius-sm, 4px);
  font-family: var(--font-stack, sans-serif);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: var(--creek-deep, #1e40af) !important;
  border: 1px solid var(--pebble-light, #94a3b8);
  background: var(--wash, #f1f5f9);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--surface, #ffffff) !important;
  border: 1px solid var(--creek, #3b82f6);
  background: var(--creek, #3b82f6);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: var(--creek-deep, #1e40af);
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: var(--pebble-light, #94a3b8) !important;
  border: 1px solid transparent;
  background: transparent;
}