.sort-header {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  margin: -4px -6px;
  border-radius: 7px;
  color: inherit;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
}
.sort-header:hover,
.sort-header.active {
  color: #0b4d93;
  background: #e7f0fa;
}
.sort-header:focus-visible {
  outline: 2px solid rgba(20,115,230,.28);
  outline-offset: 1px;
}
.sort-indicator {
  min-width: 1em;
  color: #8491a3;
  font-size: .68rem;
  text-align: center;
}
.sort-header.active .sort-indicator { color: #0b4d93; }
.order-form label[title],
.dialog-field[title],
.sort-header[title] { cursor: help; }