/* Default neutral arrow for all sortable columns */
.sg-sortable::after {
    content: " ↕";      /* neutral arrow */
    opacity: 0.4;       /* subtle */
    margin-left: 4px;
}

/* Highlight on hover */
.sg-sortable:hover::after {
    opacity: 0.8;
}

/* When sorted ascending */
.sg-sortable[data-sort="asc"]::after {
    content: "▼";
    opacity: 1;
}

/* When sorted descending */
.sg-sortable[data-sort="desc"]::after {
    content: "▲";
    opacity: 1;
}