/* app/css/gs-sort.css — click-to-sort affordance for plugin tables. The .gs-th-sortable class is
   added by gs-sort.js only to columns that can actually sort (skips colspan/opted-out headers). */

main[data-gs-plugin] th.gs-th-sortable{
  cursor:pointer; user-select:none; -webkit-user-select:none; white-space:nowrap;
  transition:color .12s;
}
main[data-gs-plugin] th.gs-th-sortable:hover{ color:#2A6FE8; }

/* neutral indicator, always present so the header width never jumps when a sort turns on */
main[data-gs-plugin] th.gs-th-sortable::after{
  content:"\2195";                 /* ↕ */
  font-size:.8em; opacity:.25; margin-left:.4em; display:inline-block; line-height:1;
}
main[data-gs-plugin] th.gs-th-sortable:hover::after{ opacity:.5; }
main[data-gs-plugin] th.gs-th-sortable[aria-sort="ascending"]::after{ content:"\25B4"; opacity:.95; color:#2A6FE8; }   /* ▴ */
main[data-gs-plugin] th.gs-th-sortable[aria-sort="descending"]::after{ content:"\25BE"; opacity:.95; color:#2A6FE8; } /* ▾ */
main[data-gs-plugin] th.gs-th-sortable[aria-sort]{ color:#2A6FE8; }

@media (prefers-reduced-motion:reduce){ main[data-gs-plugin] th.gs-th-sortable{ transition:none; } }