/* Unified column-sort header — shared by all sortable tables. */
.th-sort { display: inline-flex; align-items: center; gap: 2px; cursor: pointer; user-select: none; }
.th-sort .sort-arrows { display: inline-flex; flex-direction: column; line-height: 1; font-size: 10px; opacity: 0.4; margin-left: 2px; }
.th-sort .sort-arrows span { line-height: 1; }
.th-sort .sort-arrows span.active { opacity: 1; font-weight: bold; color: var(--pink); }
.th-sort:hover .sort-arrows { opacity: 0.8; }