/* apps/base/static/base/css/nq-sortable-table.css */

/*
 * Shared visuals for the custom sortable-table behavior.
 *
 * The JavaScript toggles `nq-sort-asc` and `nq-sort-desc` on the active header.
 * CSS stays intentionally small here: cursor, text selection behavior, and the
 * arrow indicator appended after the header label.
 */
.nq-sortable-header {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

/* Show the current ascending direction on the active header. */
.nq-sortable-header.nq-sort-asc::after {
  content: " ↑";
}

/* Show the current descending direction on the active header. */
.nq-sortable-header.nq-sort-desc::after {
  content: " ↓";
}