/* Shared grid controls follow the application's colours. */
.dt-container { color: inherit; width: 100%; }
.dt-container .dt-search input, .dt-container .dt-length select {
  color: inherit; background: var(--surface, transparent); border: 1px solid var(--border, #888); border-radius: 6px;
}
.dt-container .dt-layout-row { gap: .75rem; flex-wrap: wrap; }
.dt-container table.dataTable { width: 100%; }