/* Estilos para tabla ordenable */
.sortable .sortable-header {
    cursor: pointer;
    position: relative;
    user-select: none;
}

.sortable .sortable-header:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.sortable .sort-asc,
.sortable .sort-desc {
    background-color: rgba(63, 81, 181, 0.1);
}

.sortable .sort-asc::after {
    color: #3f51b5;
}

.sortable .sort-desc::after {
    color: #3f51b5;
}

.sortable .sortable-header i {
    margin-left: 5px;
    font-size: 0.9rem;
}

/* Estilos responsive */
@media (max-width: 768px) {
    .sortable .sortable-header {
        white-space: nowrap;
    }

    .sortable .sortable-header i {
        margin-left: 2px;
    }
}