.fios-sidebar {
    width: 220px;
    min-height: 100vh;
    flex-shrink: 0;
}

.fios-sidebar .nav-link.active {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary-text-emphasis);
}

.fios-widget {
    min-height: 110px;
}

.fios-widget .value {
    font-size: 1.6rem;
    font-weight: 700;
}

/* Intestazioni ordinabili: stesse frecce per l'ordinamento client-side
   (app.js) e per quello server-side degli elenchi paginati (TableSort). */
th.fios-sortable {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

th.fios-sortable::after {
    content: "↕";
    margin-left: 0.35em;
    font-size: 0.75em;
    opacity: 0.35;
}

th.fios-sortable[aria-sort="ascending"]::after {
    content: "↑";
    opacity: 1;
}

th.fios-sortable[aria-sort="descending"]::after {
    content: "↓";
    opacity: 1;
}

th.fios-sortable:hover::after,
th.fios-sortable:focus-visible::after {
    opacity: 1;
}

th.fios-sortable .fios-sort-link {
    color: inherit;
    text-decoration: none;
}