/* Styling for sortable tables */
table.sortable th[data-sortable="true"] {
    cursor: pointer;
    position: relative;
    user-select: none;
}

.sort-indicator {
    display: inline-block;
    margin-left: 5px;
    color: #999;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

table.sortable th[data-sort-direction="asc"] .sort-indicator,
table.sortable th[data-sort-direction="desc"] .sort-indicator {
    color: #333;
    font-weight: bold;
}

table.sortable th {
    position: relative;
    padding-right: 20px; /* Ensure space for the indicator */
}