/* Shared table styling for every data-grid/list page. Apply `.dl-table` to
   the <table> element; wrap it in `.dl-table-wrapper` when the table can be
   wider or taller than the page (dense grids) to get horizontal scroll and
   a sticky header instead of columns running off-screen. */
.dl-table-wrapper {
  max-height: 70vh;
  overflow: auto;
}
table.dl-table {
  border-collapse: collapse;
  width: 100%;
}
table.dl-table th,
table.dl-table td {
  border: 1px solid var(--dl-border);
  padding: 0.4rem 0.6rem;
  text-align: left;
}
table.dl-table thead th {
  position: sticky;
  top: 0;
  background: var(--dl-sidebar-bg);
  z-index: 1;
}
table.dl-table tbody tr:nth-child(even) {
  background: var(--dl-nav-hover-bg);
}
table.dl-table tbody tr:hover {
  background: var(--dl-border);
}
table.dl-table--compact {
  max-width: 700px;
}
table.dl-table--compact th {
  white-space: nowrap;
  vertical-align: top;
}