/* Custom styles */
th[scope="col"] {
    position: relative;
    user-select: none;
}

th[scope="col"]:hover {
    background-color: #f3f4f6;
}

th.asc::after, th.desc::after {
    content: '';
    display: inline-block;
    margin-left: 5px;
}

.table-filter {
    transition: all 0.2s ease;
}

.table-filter:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px #3b82f6;
}

tr:hover {
    background-color: #f9fafb;
}