/* Sortable table headers (see static/js/scripts.js) */
.sortable-header {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.sortable-header:hover {
    background-color: var(--tblr-secondary-bg-subtle);
}

.sortable-header::after {
    content: "\2195";
    margin-left: 0.35em;
    opacity: 0.35;
    font-size: 0.85em;
}

.sortable-header.sorted-asc::after {
    content: "\2191";
    opacity: 1;
}

.sortable-header.sorted-desc::after {
    content: "\2193";
    opacity: 1;
}

/* Wider page container for data-dense views (dashboard). Consolidates the large left/right
   margins container-xl leaves on wide screens, without going full-bleed sparse on ultrawide
   monitors. Pairs with container-fluid (which supplies width/padding/centering). */
.container-wide {
    max-width: 1600px;
}