.records-toolbar {
  gap: 0.75rem;
}

.records-search {
  max-width: 360px;
}

th[data-sort-key] {
  cursor: pointer;
  user-select: none;
}

th[data-sort-key][data-sort-dir="asc"]::after {
  content: " ↑";
  color: #64748b;
  font-weight: 700;
}

th[data-sort-key][data-sort-dir="desc"]::after {
  content: " ↓";
  color: #64748b;
  font-weight: 700;
}