/* Ore squadra nei pannelli (crm-pn-ore.js): i blocchi escono dai loro contenitori e diventano pannelli, quindi si adattano alla PROPRIA larghezza (container query)
   e non a quella della pagina. Elenchi dei pannelli in piu' (prefisso pno-). */
.pno-ls{display:grid}
.pno-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)}
.pno-rw:first-child{border-top:0}
.pno-rw b{display:block;font-weight:700}
.pno-rw small{display:block;color:var(--mu);font-size:12.5px}
.pno-av{padding:8px 0;border-top:1px solid var(--g-line)}.pno-av:first-child{border-top:0}
.pno-avh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.pno-avh .num{font-weight:800}
.pno-av .bar{margin-top:6px}
/* niente sticky ne' margini propri dentro la griglia */
.pn-flow>.diary,.pn-flow>.side>*{position:static}
.pn-flow>.o-kpis,.pn-flow>.kp2,.pn-flow>.o-cards,.pn-flow>.pick,.pn-flow>.cs,.pn-flow>.flt,.pn-flow>.team,.pn-flow>.bar2,.pn-flow>.sec,.pn-flow>.o-pers,.pn-flow>.o-foot{margin:0}
.pn-flow>.o-foot{align-self:center}
/* V5: numeri e cantieri raggruppati */
.pn-flow>.o-kw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pn-flow>.o-kw>.t,.pn-flow>.o-cw5>.t{grid-column:auto}
.pn-flow>.o-cw5{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.ov5 .o-cw5.filt .cn:not(.sel){opacity:.45}
.pn-flow>.o-kw[data-pn-w=s],.pn-flow>.o-kw[data-pn-w=xs]{grid-template-columns:repeat(2,minmax(0,1fr))}
/* numeri: 4 in fila, a mezza riga 2 per riga */
.pn-flow>.o-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.pn-flow>.o-kpis[data-pn-w=s],.pn-flow>.o-kpis[data-pn-w=xs]{grid-template-columns:repeat(2,minmax(0,1fr))}
/* schede dei cantieri (V1, V2, V3, V4): 3, 2 o 1 per riga secondo la larghezza del pannello */
.pn-flow>.o-cards[data-pn-w=m],.pn-flow>.o-cards[data-pn-w=s],.pn-flow>.pick[data-pn-w=s],.pn-flow>.cs[data-pn-w=s]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-flow>.o-cards[data-pn-w=xs],.pn-flow>.pick[data-pn-w=xs],.pn-flow>.cs[data-pn-w=xs]{grid-template-columns:minmax(0,1fr)}
.pn-flow>.pick[data-pn-w=m],.pn-flow>.cs[data-pn-w=m]{grid-template-columns:repeat(3,minmax(0,1fr))}
.pn-flow>.flt[data-pn-w=m],.pn-flow>.flt[data-pn-w=s]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-flow>.flt[data-pn-w=xs]{grid-template-columns:minmax(0,1fr)}
.pn-flow>.team[data-pn-w=xs]{grid-template-columns:minmax(0,1fr)}
.pn-flow>.team[data-pn-w=s]{grid-template-columns:repeat(1,minmax(0,1fr))}
.pn-flow>.team[data-pn-w=m]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-flow>.team[data-pn-w=l]{grid-template-columns:repeat(3,minmax(0,1fr))}
/* i pannelli larghi hanno una misura minima: nessun overflow sul pannello (taglierebbe le maniglie) */
@container pnp (max-width:700px){
  .ov1 .hd{display:none}
  .ov1 .rw{grid-template-columns:1fr auto;grid-template-areas:"who nb" "ar us" "hb hb";row-gap:6px;padding:12px}
  .ov1 .rw .who{grid-area:who}.ov1 .rw .nb{grid-area:nb}.ov1 .rw .ta{grid-area:ar}.ov1 .rw .tu{grid-area:us;text-align:right}.ov1 .rw .tp{display:none}.ov1 .rw .hb{grid-area:hb}
  .ov1 .gh .o-tot small{display:none}
}
.ov2 .gantt .gin{min-width:680px}