.data-table th.sortable {
  cursor: pointer;
  padding-right: 24px;
  position: sticky;
}

.data-table th.sortable::after {
  color: #8b999f;
  content: "↕";
  position: absolute;
  right: 8px;
}

.data-table th.sortable[data-sort="asc"]::after {
  color: var(--brand);
  content: "↑";
}

.data-table th.sortable[data-sort="desc"]::after {
  color: var(--brand);
  content: "↓";
}

.filter-row th {
  background: #eef4f3;
  padding: 6px !important;
  top: 36px;
  z-index: 2;
}

.filter-row input {
  background: #fff;
  font-size: 12px;
  min-width: 82px;
  padding: 6px 7px;
  width: 100%;
}

.data-table tbody tr.row-filtered {
  display: none;
}

.file-chip span:first-child {
  overflow-wrap: anywhere;
  white-space: normal;
}

.panel-head .toolbar {
  justify-content: flex-end;
}