/* Finestra dei documenti di VENDITA (js/finestra-vendita.js): usa la base di preventivo.css (classe «prev») e qui aggiunge le differenze
   rilevate in Fattura24 il 14/11/2026 (docs/progetto/2026-11-14-rilievo-vendite-f24.md): campi di sola lettura grigi, scheda Pagamenti,
   Dati trasporto / Indirizzo, titolo di «Beni/Servizi» con i pulsanti, documento emesso bloccato. Si carica dopo preventivo.css. */

/* ---------- campi di sola lettura (documento emesso): grigi ---------- */
.fin.vend input:disabled, .fin.vend select:disabled, .fin.vend textarea:disabled { background-color: #efefef; color: #000; opacity: 1; -webkit-text-fill-color: #000; }
.fin.vend .pv-num input:disabled { -webkit-text-fill-color: #000; }
.fin.vend .pv-num input[readonly]:not(:disabled) { cursor: default; }
.fin.vend .pv-freccia.fissa { pointer-events: none; width: 28px; }
.fin.vend .pv-con-aiuto { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fin.vend .pv-aiuto { font: 300 13px/1.2 var(--font-titoli); color: #737171; }
.fin.vend select.sel-mese { background-image: none; padding: 0 26px 0 8px; font-size: 15px; }
.fin.vend select.sel-ok:disabled { background-color: var(--f24-verde); color: #fff; -webkit-text-fill-color: #fff; opacity: .75; }
.fin.vend .banner { margin: 14px 21px 0; }

/* causale: con il bottone «Dati aggiuntivi documento» a destra; «Ogg.to/Tecnico» ha l'etichetta più larga */
.fin.vend .pv-causale .pv-riga.pv-riga-agg { grid-template-columns: 100px minmax(0, 1fr) auto; }
.fin.vend .pv-causale .pv-riga.pv-riga-larga { grid-template-columns: 104px minmax(0, 1fr); }
.fin.vend .pv-agg { position: relative; height: 34px; padding: 0 12px; border-radius: 4px; background: #7a99c4; border-color: #7a99c4; color: #fff; font: 400 12px/1 var(--font); text-transform: uppercase; letter-spacing: 0; cursor: pointer; }
.fin.vend .pv-agg:hover { background: #6a89b4; }
.fin.vend .pv-conta { position: absolute; right: -4px; top: -9px; min-width: 16px; height: 16px; padding: 0 3px; border: 1px solid #b9c7da; border-radius: 9px; background: #fff; color: #7a99c4; font: 400 10px/14px var(--font); text-align: center; }
.fin.prev .fin-piede .pul.azzurro, .fin.vend .pul.azzurro { background: #7a99c4; border-color: #7a99c4; color: #fff; }
.fin.prev .fin-piede .pul.azzurro:hover:not(:disabled) { background: #6a89b4; }
.fin.prev .fin-piede .pul.verifica { padding: 0 12px; white-space: nowrap; }

/* ---------- Beni/Servizi: titolo con «+ Aggiungi bene/servizio» e «Altro» accanto ---------- */
.fin.vend .beni-testa { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 0 21px 10px; border-bottom: 1px solid #dedede; }
.fin.vend .beni-testa h3 { margin: 0 12px 0 0; padding: 0; border: 0; }
.fin.vend .beni-testa .pul { height: 36px; min-width: 96px; padding: 0 15px; letter-spacing: 0; background: var(--f24-verde); border-color: var(--f24-verde); border-radius: 4px; color: #fff; font: 400 14px/1 var(--font); text-transform: uppercase; }
.fin.vend .beni-testa .pul:hover:not(:disabled) { background: #43a047; }
.fin.vend .beni-testa .pul[hidden] { display: none; }
.fin.vend .righe-azioni:not(:has(.pul:not([hidden]))) { display: none; }
.fin.vend .righe-azioni .pul { text-transform: uppercase; }

/* ---------- documento emesso: righe bloccate, senza maniglia ---------- */
@media (min-width: 768px) {
  .fin.vend .riga-doc.bloccata { grid-template-columns: 0 minmax(0, 1fr) 161px; }
  .fin.vend .riga-doc.bloccata .rd-sx { display: none; }
}
.fin.vend .riga-doc.bloccata input, .fin.vend .riga-doc.bloccata select, .fin.vend .riga-doc.bloccata textarea { background-color: #efefef; }
.fin.vend .riga-doc.bloccata textarea { resize: none; }

/* ---------- le schede Pagamenti, Allegati e Dati trasporto riempiono l'altezza ---------- */
.fin.vend .pannello:not([hidden]) > .pannello-pag, .fin.vend .pannello:not([hidden]) > .pannello-trasp { flex: 1; }

/* ---------- scheda PAGAMENTI ---------- */
.fin.vend .pannello-pag { margin: 0; padding: 21px 0 0; }
.fin.vend .pag-testa { padding: 0 21px; align-items: start; }
.fin.vend .pag-col { padding: 0; }
.fin.vend .pag-col + .pag-col { padding-left: 21px; border-left: 1px solid #dedede; }
.fin.vend .pag-col .sd-riga, .fin.vend .pag-col + .pag-col .sd-riga { grid-template-columns: 118px minmax(0, 1fr); gap: 0 8px; margin-bottom: 12px; min-height: 34px; white-space: nowrap; }
.fin.vend .pag-col + .pag-col .sd-riga { grid-template-columns: 150px minmax(0, 1fr); }
.fin.vend .sd-et, .fin.vend .rd-c .sd-et { font: 300 16px/20px var(--font-titoli); color: var(--f24-etichetta); }
.fin.vend .con-info select { height: 34px; }
.fin.vend .info-btn { width: 30px; height: 34px; }
.fin.vend .pannello-pag input:disabled { background-color: #efefef; }
.fin.vend .pannello-pag select.bianco, .fin.vend .pannello-pag select.bianco:disabled { background-color: #fff; border-color: var(--f24-bordo); color: #000; }
.fin.vend .rate-titolo { margin: 18px 0 0; padding: 0 21px 14px; gap: 6px; }
.fin.vend .rate-titolo h3 { margin: 0 6px 0 0; padding: 0; border: 0; font: 300 26px/31px var(--font-titoli); color: var(--f24-etichetta); }
.fin.vend .rate-titolo .pul.piccolo { height: 30px; padding: 0 10px; border-radius: 4px; font: 400 12px/1 var(--font); text-transform: uppercase; letter-spacing: 0; }
.fin.vend .rate-titolo .pul.verde { background: var(--f24-verde); border-color: var(--f24-verde); color: #fff; }
.fin.vend .grad-box { margin: 0 21px 14px; }
.fin.vend .tab-rate-sc { margin: 0; }
.fin.vend .rata { padding: 0 21px; }
.fin.vend .rata-testa { padding-bottom: 6px; border-top: 1px solid #dedede; }
.fin.vend .rata-et { font: 500 11px/1.2 var(--font); color: #464d52; }
.fin.vend .rata input, .fin.vend .rata select, .fin.vend .rata-dettaglio input, .fin.vend .rata-dettaglio select { background-color: #fff; }
.fin.vend .rata select:disabled, .fin.vend .rata input:disabled { background-color: #fff; color: #000; }
.fin.vend .rata-importo { flex-wrap: nowrap; }
.fin.vend .rata-nota { position: absolute; left: 0; top: 100%; margin-top: -2px; font: 400 11px/1.2 var(--font); }
.fin.vend .rata.con-nota { padding-top: 0; padding-bottom: 14px; }
.fin.vend .rate-somma { margin: 8px 21px; }
.fin.vend .rata-dettaglio { padding: 8px 21px 10px 45px; }
.fin.vend .stella-scelta .stella-auto { height: 30px; }
.fin.vend .riga-stella .sd-et { align-self: start; padding-top: 7px; }

/* ---------- scheda DATI TRASPORTO / INDIRIZZO ---------- */
.fin.vend .pannello-trasp { padding: 21px 21px 0; }
.fin.vend .pannello-trasp .sd-riga { grid-template-columns: 130px minmax(0, 1fr); gap: 0 8px; margin-bottom: 12px; min-height: 34px; }
.fin.vend .pannello-trasp input, .fin.vend .pannello-trasp textarea { background-color: #fff; border-color: var(--f24-bordo); }
.fin.vend .pannello-trasp input { height: 34px; }
.fin.vend .pannello-trasp input:disabled, .fin.vend .pannello-trasp textarea:disabled { background-color: #efefef; }
.fin.vend .pannello-trasp .tr-titolo { margin-bottom: 14px; color: #7d93ad; }
.fin.vend .pannello-trasp .tr-sep { margin-top: 12px; padding-top: 14px; border-top: 1px solid #dedede; }
.fin.vend .tr-griglia { grid-template-columns: minmax(0, 456px) minmax(0, 1fr); gap: 0 20px; }
.fin.vend .pannello-trasp .tr-cap, .fin.vend .pannello-trasp .tr-prov { grid-template-columns: 70px minmax(0, 1fr); }
.fin.vend .tr-cap input { max-width: 100px; }
.fin.vend .tr-prov input { max-width: none; }
.fin.vend .tr-svuota { margin: 0 0 14px 78px; height: 30px; padding: 0 10px; border-radius: 4px; font: 400 12px/1 var(--font); text-transform: uppercase; letter-spacing: 0; }
.fin.vend .pannello-trasp .tr-causale { grid-template-columns: 130px minmax(0, 1fr); }
.fin.vend .tr-griglia2 { grid-template-columns: minmax(0, 330px) minmax(0, 1fr); gap: 0 20px; }
.fin.vend .tr-griglia2 .tr-causale { grid-column: 1 / -1; }
.fin.vend .pannello-trasp .tr-aspetto { grid-template-columns: 70px minmax(0, 1fr); }
.fin.vend .tr-aspetto textarea { min-height: 128px; height: 100%; }
.fin.vend .tr-colli input, .fin.vend .tr-peso input { max-width: 100px; }

/* ---------- telefono ---------- */
@media (max-width: 767px) {
  .fin.vend .pv-causale .pv-riga.pv-riga-agg, .fin.vend .pv-causale .pv-riga.pv-riga-larga { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
  .fin.vend .beni-testa { padding: 0 12px 8px; }
  .fin.vend .beni-testa h3 { flex: 1 1 100%; }
  .fin.vend .beni-testa .pul { flex: 1 1 auto; }
  .fin.vend .banner { margin: 10px 12px 0; }
  .fin.vend .pannello-pag { padding-top: 14px; }
  .fin.vend .pag-testa, .fin.vend .rate-titolo, .fin.vend .rate-somma, .fin.vend .grad-box { padding-left: 12px; padding-right: 12px; }
  .fin.vend .grad-box { margin-left: 12px; margin-right: 12px; padding: 12px; }
  .fin.vend .pag-col + .pag-col { padding-left: 0; border-left: 0; }
  .fin.vend .pag-col .sd-riga, .fin.vend .pag-col + .pag-col .sd-riga, .fin.vend .pannello-trasp .sd-riga, .fin.vend .pannello-trasp .tr-cap, .fin.vend .pannello-trasp .tr-prov,
  .fin.vend .pannello-trasp .tr-causale, .fin.vend .pannello-trasp .tr-aspetto { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .fin.vend .rata { padding: 0 12px; }
  .fin.vend .rata-dettaglio { padding: 8px 12px 10px; }
  .fin.vend .pannello-trasp { padding: 14px 12px 0; }
  .fin.vend .tr-griglia, .fin.vend .tr-griglia2 { grid-template-columns: minmax(0, 1fr); }
  .fin.vend .tr-svuota { margin-left: 0; }
  .fin.vend .tr-cap input, .fin.vend .tr-colli input, .fin.vend .tr-peso input { max-width: none; }
  .fin.vend .fin-piede .pul.verifica { display: none; }
}