/* ==========================================================================
   Sortable list-view column headers and active-filter button.
   Owning feature: browse
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* --- Sortable list-view column headers (sort moved from the toolbar into
   the table) — the active column renders a direction arrow via
   .fh-sort-arrow; aria-sort carries the same state for assistive tech. */
.fh-sortable { cursor: pointer; user-select: none; white-space: nowrap; }
.fh-sortable:hover { color: var(--fh-primary); }
.fh-sort-arrow { color: var(--fh-primary); font-size: var(--fh-text-2xs); }

/* Filter button when filters are active — visually distinct from a plain
   secondary button (alongside the ● badge) until the user clears them. */
.fh-filter-active { border-color: var(--fh-primary); color: var(--fh-primary); }
.fh-filter-active:hover { background: var(--fh-soft); }