/* Briefing, Pipeline, Preventivatore 3D e Listino nei pannelli: ogni pannello si adatta alla PROPRIA larghezza (container query sul pannello, nome pnp;
   i pannelli che sono essi stessi la griglia, come .kpis, usano data-pn-w misurato dal motore). Solo token di colore, viewport come calc(Nvh / var(--z,1)). */

/* righe dei pannelli in piu' (le stesse di Oggi, valide in ogni sezione) */
.pn-n .rows .rw{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--g-line);color:var(--tx);text-decoration:none}
.pn-n .rows .rw:first-child{border-top:0}
.pn-n .rows .rw b{font-weight:700;display:block}.pn-n .rows .rw small{display:block;color:var(--mu);font-size:12px}
.pn-n .rows .rw .imp{font-weight:700;white-space:nowrap;text-align:right}
.pn-n .rows .rw .tag{justify-self:end}
.pn-n .bar{margin-top:8px}
/* barre per stato / per fornitore (imbuto, valore per stato, fornitori, metodi di pagamento) */
.pl-imb{display:grid;gap:10px}
.pl-ib{display:grid;grid-template-columns:minmax(76px,28%) minmax(0,1fr) auto;gap:10px;align-items:center}
.pl-ib span{font-weight:600}.pl-ib span small{color:var(--mu);font-weight:400;margin-left:4px}
.pl-ib .bar{margin:0}.pl-ib b{white-space:nowrap;font-variant-numeric:tabular-nums}
@container pnp (max-width:420px){.pl-ib{grid-template-columns:minmax(0,1fr) auto}.pl-ib .bar{grid-column:1/-1;grid-row:2}}

/* ---------- Briefing ---------- */
.bf-pn-wrap{min-width:0}
.bf-pn-wrap>.bf-sez{margin:0 4px 10px}
.bf-pn-wrap>.bf-pri{margin:0}
.bf-pn-wrap>.kpis{margin-top:0}
.bf-pn-wrap .bf-p h3{overflow-wrap:anywhere}
.pn-flow>.bf-pn-msg,.pn-flow>.bf-pn-cambiato,.pn-flow>.bf-pn-decisioni,.pn-flow>.bf-pn-settore,.pn-flow>.bf-pn-fin{margin:0}
@container pnp (max-width:760px){
  .bf-pn-msg .bf-t{font-size:clamp(30px,calc(5vw / var(--z,1)),44px)}
  .bf-pn-msg .bf-s{font-size:18px}
  .bf-pn-msg .bf-a{align-items:flex-start;width:100%}
  .bf-pn-msg .bf-ascolta{width:100%;justify-content:center}
  .bf-pn-msg .bf-testo{font-size:15px;line-height:1.55}
}
@container pnp (max-width:560px){
  .bf-pn-wrap .bf-pri{grid-template-columns:minmax(0,1fr)}
  .bf-pn-wrap .bf-p .chips{flex-wrap:wrap}
  .bf-d .chips{flex-wrap:wrap}
}
/* i quattro numeri del briefing: 4 in fila, a mezza riga 2 per riga */
.bf-pn-num .kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@container pnp (max-width:520px){.bf-pn-num .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-pn-num .kpi .n{font-size:24px}}

/* ---------- Pipeline ---------- */
.pl-pn-costruttore{min-width:0}
.pl-pn-costruttore>.ch{margin:0 4px 12px}
.pl-pn-costruttore>.cards{margin:0}
@container pnp (max-width:760px){.pl-pn-costruttore>.cards{grid-template-columns:minmax(0,1fr)}}
.pl-col{padding:14px}
.pl-col .col-h{margin:0 2px 10px}
.pl-col .deal:last-child{margin-bottom:0}
.pl-col .deal b,.pl-col .deal small{overflow-wrap:anywhere}
.pl-col .deal .pv-go{display:block}
@container pnp (max-width:300px){.pl-col .deal{padding:10px 11px}}

/* ---------- Preventivatore 3D ---------- */
.pn-flow>.kpis.pvx-k[data-pn-w],.pn-flow>.kpis.lt-k[data-pn-w]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:0}
.pn-flow>.kpis.pvx-k[data-pn-w=xs],.pn-flow>.kpis.pvx-k[data-pn-w=s],.pn-flow>.kpis.lt-k[data-pn-w=xs],.pn-flow>.kpis.lt-k[data-pn-w=s]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-flow>.kpis.pvx-k[data-pn-w] .kpi .n,.pn-flow>.kpis.lt-k[data-pn-w] .kpi .n{font-size:var(--t5)}
.pn-flow>.kpis.pvx-k[data-pn-w=xs] .kpi .n,.pn-flow>.kpis.pvx-k[data-pn-w=s] .kpi .n,.pn-flow>.kpis.lt-k[data-pn-w=xs] .kpi .n,.pn-flow>.kpis.lt-k[data-pn-w=s] .kpi .n{font-size:24px}
.pvx-filtri{padding:12px 14px}
.pvx-filtri .chips{margin:0!important;flex-wrap:wrap}
.pvx-grid{min-width:0}
.pvx-grid>.cards{margin:0!important}
.pvx-grid>.note{margin:12px 4px 0}
/* le card dei preventivi: quante in fila dipende dalla larghezza del pannello */
@container pnp (max-width:560px){.pvx-grid>.pvs{grid-template-columns:minmax(0,1fr)}}
@container pnp (min-width:561px) and (max-width:900px){.pvx-grid>.pvs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pnp (min-width:901px){.pvx-grid>.pvs{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}}
.pv-b .chips{flex-wrap:wrap}
.pvx-ult{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:var(--sink);margin-bottom:8px}
.pvx-ult img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pvx-head .uthead{flex-wrap:wrap;gap:12px}

/* ---------- Listino ---------- */
.lt-registro .tw,.lt-prezzi .tw,.lt-pagreg .tw{max-width:100%}
.lt-pagreg .chips{flex-wrap:wrap}
@container pnp (max-width:470px){
  .lt-aumenti .li,.lt-anomalie .li,.lt-conviene .li,.lt-inmano .li,.lt-cassa .li{grid-template-columns:minmax(0,1fr) auto!important}
  .lt-anomalie .li .tag{grid-column:1/-1;justify-self:start}
  .lt-rimborsi .li{grid-template-columns:auto minmax(0,1fr)!important}
  .lt-rimborsi .li .tag,.lt-rimborsi .li .chips{grid-column:1/-1;justify-self:start}
  .lt-rimborsi .li .chips{flex-wrap:wrap}
  .lt-pur .cerca{max-width:none!important}
}
.lt-bar{margin-bottom:0!important}