/**
 * Table Sorting Styles
 */

/* Sortable headers */
th.sortable {
    cursor: pointer;
    user-select: none;
    position: relative;
    white-space: nowrap;
}

th.sortable:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Sort indicator styling */
.sort-indicator {
    display: inline-block;
    opacity: 0.5;
    transition: opacity 0.2s;
}

th.sortable:hover .sort-indicator {
    opacity: 1;
}

th.sort-asc .sort-indicator,
th.sort-desc .sort-indicator {
    opacity: 1;
}

/* Active sort styling */
th.sort-asc,
th.sort-desc {
    background-color: rgba(255, 255, 255, 0.15) !important;
}