/* Sortable table headers, shared by every staff and client table
   (templates/partials/sort_link.html). The header stays a header: inherited
   colour, underline only on hover. */
.table-sort {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.table-sort:hover {
  color: inherit;
  text-decoration: underline;
}

.table-sort-active {
  font-weight: 600;
}

/* Sized from the header text: vendor .icon-base is too big here. */
.table-sort-icon {
  font-size: 1em;
  block-size: 1em;
  inline-size: 1em;
  line-height: 1;
  margin-inline-start: 0.25em;
  vertical-align: -0.12em;
}

/* Idle columns show they are clickable without competing with the active arrow. */
.table-sort-idle {
  opacity: 0.35;
}

.table-sort:hover .table-sort-idle {
  opacity: 0.7;
}