/* Ritocchi sopra Bootstrap: colori Tetrasystem e tabelle compatte. */
:root { --ts-blu: #1f3a5f; --ts-blu-chiaro: #2d5487; }
body { background: #eef1f5; }
.ts-navbar { background: linear-gradient(90deg, var(--ts-blu), var(--ts-blu-chiaro)); }
.ts-logo { display: inline-block; background: #fff; color: var(--ts-blu); border-radius: .3rem; padding: 0 .3rem; margin-right: .15rem; }
h1 { font-size: 1.6rem; font-weight: 600; margin-bottom: 1rem; }
h2 { font-size: 1.2rem; font-weight: 600; margin-top: 1.5rem; }
.table th { white-space: nowrap; font-weight: 600; color: #495057; }
.table td form { display: inline; }
code { word-break: break-all; }
.ts-codice-qr { border: 1px solid #dee2e6; border-radius: .5rem; padding: .5rem; background: #fff; }
/* DataTables: la tabella scorre in orizzontale sugli schermi stretti; codici e P.IVA restano a sinistra. */
.dt-layout-table .dt-layout-cell { overflow-x: auto; }
table.dataTable :is(th, td):is(.dt-type-numeric, .dt-type-date) { text-align: left; }
table.dataTable th:is(.dt-type-numeric, .dt-type-date) div.dt-column-header { flex-direction: row; }