/* Sort Icons Styles */
.sort-icon {
    transition: transform 0.2s ease;
    opacity: 0.5;
}

[data-sort]:hover .sort-icon {
    opacity: 0.8;
}

[data-sort] .sort-icon.asc {
    opacity: 1;
    transform: rotate(0deg);
}

[data-sort] .sort-icon.desc {
    opacity: 1;
    transform: rotate(180deg);
}

/* Sortable column hover effect */
[data-sort] {
    user-select: none;
    transition: color 0.2s ease;
}

[data-sort]:hover {
    color: #2563eb !important;
}

[data-sort]:active {
    transform: translateY(1px);
}