/* Stili dell'applicazione (sopra Bootstrap 5) */

.brand-logo { height: 40px; width: auto; }

/* Tabelle con filtro/ordinamento (js/tablekit.js) */
table[data-tablekit] th { white-space: nowrap; }
table[data-tablekit] td { vertical-align: middle; }
.tk-search { max-width: 22rem; min-width: 12rem; flex: 1 1 14rem; }

.tk-sortable { cursor: pointer; user-select: none; }
.tk-sortable:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.tk-sortable::after { content: "\2195"; margin-left: .35rem; opacity: .35; }
.tk-sortable[aria-sort="ascending"]::after  { content: "\25B2"; opacity: 1; font-size: .75em; }
.tk-sortable[aria-sort="descending"]::after { content: "\25BC"; opacity: 1; font-size: .75em; }

/* Il testo lungo (descrizioni, note) va a capo invece di allargare la tabella */
table[data-tablekit] td { max-width: 24rem; overflow-wrap: anywhere; }

@media print {
  .navbar, .tk-toolbar, .tk-footer, .btn { display: none !important; }
}