/* datatable.css - vanilla replacement for dgrid */

.datatable-scroll-wrapper {
  overflow: auto;
  border: 1px solid #ddd;
}

.datatable {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.datatable thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.datatable th {
  background-color: #eee;
  border: 1px solid #ddd;
  padding: 0;
  text-align: left;
  font-weight: normal;
}

.datatable-sort-btn {
  display: block;
  width: 100%;
  padding: 4px 6px;
  border: none;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.datatable-sort-btn:hover {
  background-color: #dde;
}

.datatable-sort-btn:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: -2px;
}

.datatable-sort-indicator {
  font-size: 0.75em;
}

.datatable td {
  padding: 3px 6px;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  border: 1px solid #ddd;
}

.datatable tbody tr:hover {
  background-color: #f0f0f0;
}