/* Piccole aggiunte a Bootstrap */
.navbar-brand .logo { height: 32px; width: auto; max-width: 160px; object-fit: contain; }
.mono { font-family: var(--bs-font-monospace); font-size: .92em; }
.dest-block { border-left: 3px solid var(--bs-primary); padding-left: 1rem; }
.righe td { vertical-align: top; }
.righe .desc { display: block; max-width: 24rem; }
.righe input { min-width: 6.5rem; }
pre.xml { max-height: 70vh; font-size: .82rem; }

/* schede delle sezioni principali: più grandi dei link di navigazione, facili da colpire */
.sezioni .nav-link { padding: .6rem 1.4rem; font-weight: 500; color: var(--bs-secondary-color); }
.sezioni .nav-link.active { color: var(--bs-emphasis-color); background-color: var(--bs-body-bg); }
.sezioni .nav-link:not(.active):hover { color: var(--bs-body-color); }

/* autocompletamento AIC / lotti / destinatari */
.ac-menu { position: fixed; z-index: 1070; overflow-y: auto; padding: .25rem 0; }
.ac-menu .dropdown-item { display: flex; align-items: baseline; gap: .6rem; padding: .35rem .75rem; }
.ac-menu .ac-label { flex: none; font-family: var(--bs-font-monospace); font-weight: 600; }
/* descrizione su massimo due righe: nei nomi AIFA la parte che distingue le confezioni sta spesso in fondo */
.ac-menu .ac-sub { flex: 1 1 auto; min-width: 0; font-size: .875rem; line-height: 1.3; white-space: normal;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ac-menu .badge { flex: none; }

/* Tom Select: stessa altezza dei controlli Bootstrap piccoli dentro le tabelle */
.ts-wrapper.form-select-sm .ts-control { min-height: calc(1.5em + .5rem + 2px); padding-top: .15rem; padding-bottom: .15rem; }
.ts-dropdown { z-index: 1060; }

/* Tom Select: il tema bootstrap5 usa colori fissi pensati per il tema chiaro (#343a40 ecc.).
   Li riallineiamo alle variabili di Bootstrap così le tendine sono leggibili anche in modalità scura. */
.ts-wrapper .ts-control,
.ts-wrapper .ts-control input,
.ts-wrapper.single .ts-control > .item,
.ts-dropdown,
.ts-dropdown .option { color: var(--bs-body-color); }
.ts-wrapper .ts-control input::placeholder { color: var(--bs-secondary-color); }
.ts-dropdown { background: var(--bs-body-bg); border-color: var(--bs-border-color); }
.ts-dropdown .active,
.ts-dropdown .active.create { background-color: var(--bs-primary); color: #fff; }
.ts-dropdown [data-selectable] .highlight { background: rgba(var(--bs-warning-rgb), .35); color: inherit; }
.ts-dropdown .active [data-selectable] .highlight,
.ts-dropdown .active .highlight { background: rgba(255, 255, 255, .25); }
.ts-dropdown .optgroup-header, .ts-dropdown .no-results { color: var(--bs-secondary-color); }
.ts-wrapper.disabled .ts-control { background-color: var(--bs-secondary-bg); }

/* Modalità scura: i bottoni "secondari" di Bootstrap hanno poco contrasto, li schiariamo */
[data-bs-theme=dark] .btn-outline-secondary {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-bg: var(--bs-secondary-bg);
  --bs-btn-hover-color: var(--bs-emphasis-color);
  --bs-btn-hover-border-color: var(--bs-secondary-color);
}

/* DataTables: su schermi stretti scorre la tabella, non tutta la pagina */
.dt-container .dt-layout-table > div { overflow-x: auto; }