.native-sortable-heading {
  cursor: pointer;
  user-select: none;
}

.native-sortable-heading:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--bs-primary) 45%, transparent);
  outline-offset: -3px;
}

.native-table-sort-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.15rem;
  margin-inline-start: .4rem;
  padding: .08rem .35rem;
  border-radius: 999px;
  background: var(--bs-primary);
  color: var(--bs-white);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.35;
  vertical-align: middle;
}

.native-table-sortbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem 1rem;
  margin-block: .35rem .5rem;
  color: var(--bs-secondary-color);
  font-size: .875rem;
}

.native-table-sortbar[hidden] {
  display: none !important;
}

.native-table-sort-summary {
  min-width: 0;
}

.native-table-sort-help {
  margin-inline-start: .45rem;
  color: var(--bs-secondary-color);
}

@media (max-width: 575.98px) {
  .native-table-sort-help {
    display: none;
  }
}