/* ============================================================
   TripsBack Admin — ritocchi sopra il template.
   Ultimo foglio caricato: qui e' l'unico posto dove il pannello si
   discosta dal tema, e sono poche righe apposta. Colori solo via
   var(--brand-*) / var(--tb-*), mai hex di branding (vedi CLAUDE.md).
   ============================================================ */

/* Il marchio TripsBack e' un logotipo LARGO (178x32), non il quadrato del
   template: a 58px di altezza sfonderebbe la colonna e verrebbe ritagliato. */
.sm-sidebar-logo-default { height: auto; width: 100%; max-width: 178px; }
.sm-sidebar-logo-minimize { height: 34px; width: 34px; }

/* LE CIFRE SI LEGGONO IN COLONNA. Senza tabular-nums le proporzionali fanno
   ballare le migliaia fra una riga e l'altra, e su una tabella di importi
   l'occhio perde l'incolonnamento — che e' l'unica ragione per cui una tabella
   di soldi esiste. */
#kpi_confermate, #kpi_venduto, #kpi_costo, #kpi_margine, #kpi_cashback, #kpi_payout,
#table_ultime td { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }

/* Gli importi grandi delle KPI: a 2hx un "€ 12.480,00" va a capo dentro la card
   e spezza l'allineamento della riga. Si stringe solo la cifra, non l'etichetta. */
.card-flush .fs-2hx { font-size: clamp(1.35rem, 1.6vw + 0.7rem, 2rem) !important; letter-spacing: -0.02em; }

/* La riga di presidio non e' un avviso qualunque: e' l'unica cosa in pagina che
   chiede di fare qualcosa adesso. Il filetto a sinistra la stacca dalle card. */
#dash_presidio { border-left: 4px solid var(--brand-warning); }

/* Le colonne di denaro allineate a destra hanno bisogno di respiro dal bordo. */
#table_ultime th.text-end, #table_ultime td.text-end { padding-right: .5rem; }

/* SU TELEFONO LA TABELLA SCORRE, NON SI COMPRIME. Senza una larghezza minima,
   .table-responsive non ha niente da far scorrere: la tabella si restringe fino
   a spezzare "TB-DEMO-000279" su tre righe e a incolonnare importi che non si
   riescono piu' a confrontare. Con il minimo, scorre in orizzontale dentro il
   suo contenitore e la pagina resta ferma. */
#table_ultime { min-width: 920px; }