th {
  position: relative;
  padding-right: 2.5em;
  cursor: pointer;
}

/* Sort direction arrow (always visible for sorted columns) */
th.asc::after {
  content: '▲';
}

th.desc::after {
  content: '▼';
}

th::after {
  position: absolute;
  right: 8px;
  font-size: 12px;
}

/* Priority number (only shown if multiple columns sorted) */
th[data-sort-order]::before {
  content: attr(data-sort-order);
  position: absolute;
  right: 24px;
  font-size: 12px;
  color: #666;
}