/* Stili di templates/_catalog/tabletList_server_offcanvas.html */
.catalog-container {
    font-size: smaller;
}
.table-wrapper a {
    text-decoration: none;
}

/* ── SearchPanes in offcanvas (destra) ───────────────────────────────────
   Fuori dal flusso: la tabella non cambia mai larghezza. Più largo del default
   Bootstrap (400px) per ospitare i pane su due colonne. */
#panesOffcanvas {
    width: 580px;

    /* Senza backdrop (voluto: la tabella resta leggibile e cliccabile) serve
       comunque il segnale di "strato sopra la pagina". Lo dà SOLO l'ombra —
       larga e morbida, così il pannello sembra sollevato invece che colorato.
       Niente bordi d'accento, niente fondi grigi: superficie bianca come la
       pagina, zero cromatismi. */
    border-left: 1px solid var(--bs-border-color);
    box-shadow: -1rem 0 2.5rem rgba(0, 0, 0, .16);
}
@media (max-width: 575.98px) {
    #panesOffcanvas { width: 100%; }
}

/* `scroll`, non `auto`: la barra deve esserci SEMPRE, è l'unico indizio che
   sotto ci sono altri pannelli. Molti utenti non scrollano a mano.
   ⚠️ Qui NON vanno scrollbar-width / scrollbar-color: le proprietà standard,
   se presenti sull'elemento, disattivano i pseudo ::-webkit-scrollbar qui sotto
   — e su macOS la barra tornerebbe overlay (compare e sparisce).
   Firefox è servito dal blocco @supports. */
#panesOffcanvas .offcanvas-body {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}
/* Chrome / Safari: stilizzare i pseudo disattiva la scrollbar overlay
   → il cursore resta disegnato anche da fermo. */
#panesOffcanvas .offcanvas-body::-webkit-scrollbar {
    width: 12px;
}
#panesOffcanvas .offcanvas-body::-webkit-scrollbar-track {
    background: var(--bs-secondary-bg);
    border-radius: 6px;
}
#panesOffcanvas .offcanvas-body::-webkit-scrollbar-thumb {
    background: var(--bs-gray-600);
    border-radius: 6px;
    border: 3px solid var(--bs-secondary-bg);
    min-height: 40px;   /* mai un puntino: si deve vedere e afferrare */
}
#panesOffcanvas .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: var(--bs-gray-700);
}
/* Firefox: non conosce ::-webkit-scrollbar → qui, e SOLO qui, le standard. */
@supports not selector(::-webkit-scrollbar) {
    #panesOffcanvas .offcanvas-body {
        scrollbar-width: thin;
        scrollbar-color: var(--bs-gray-600) var(--bs-secondary-bg);
    }
}
/* layout: 'columns-2' → due pane per riga: nessun width:100% sul pane,
   li schiaccerebbe in colonna singola.
   I pane si separano con una linea sottile, non con card: su superficie bianca
   le card sarebbero bianco-su-bianco, cioè solo rumore di bordi. */
#panesOffcanvas div.dtsp-searchPane {
    border-bottom: 1px solid var(--bs-secondary-bg);
    padding-bottom: .5rem;
    margin-bottom: .75rem !important;
}
#panesOffcanvas div.dtsp-panesContainer {
    padding: 0;
}