th.sortable {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}
th.sortable:hover {
    background-color: var(--bs-secondary-color);
}
th.sortable::after {
    content: "  ↕";
}
th.sortable.asc::after {
    content: "  ↑";
}
th.sortable.desc::after {
    content: "  ↓";
}
tbody tr {
    cursor: default;
}
tbody tr.clickable {
    cursor: pointer;
}