/*
 * Brand overrides for the vendored DataTables.net CSS (datatables.css).
 * Loads after datatables.css (Propshaft includes stylesheets alphabetically),
 * so these rules win without needing !important.
 */

.dt-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.dt-search input, .dt-length select {
  padding: 6px 10px;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-sm);
}

.dt-paging-button {
  border-radius: var(--radius-sm) !important;
}

.dt-paging-button.current, .dt-paging-button.current:hover {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}

.dt-paging-button:not(.disabled):hover {
  background: var(--color-primary-light) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary-dark) !important;
}