/* Cantieri e scheda cantiere nei pannelli (crm-pn-cantieri.js): elenchi dei pannelli in piu', riquadri senza margini propri, e adattamento alla larghezza del pannello */
.pnc-ls{display:grid}
.pnc-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)}
.pnc-rw:first-child{border-top:0}
.pnc-rw b{display:block;font-weight:700}
.pnc-rw small{display:block;color:var(--mu);font-size:12.5px}
.pnc-rw .num{font-weight:700;white-space:nowrap}
.pnc-pe{display:flex;align-items:center;gap:10px}.pnc-pe b{display:inline}
.pnc-av{padding:8px 0;border-top:1px solid var(--g-line)}.pnc-av:first-child{border-top:0}
.pnc-avh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.pnc-avh .num{font-weight:800}
.pnc-av .bar{margin-top:6px}
.pnc-av small{display:block;margin-top:5px;color:var(--mu);font-size:12.5px}
.pnc-kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.pnc-kp small{display:block;color:var(--mu);font-size:12.5px}
.pnc-kp b.num{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:2px}
.pnc-f{margin:10px 0 0;font-size:14px}
.pnc-fo{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.pnc-fo span{display:grid;gap:4px;justify-items:center}
.pnc-fo i{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:12px;background:var(--sink);border:1px solid var(--g-line);color:var(--mu)}
.pnc-fo i svg{width:22px;height:22px}
.pnc-fo small{font-size:11.5px;color:var(--mu)}
/* i riquadri diventano pannelli: niente margine proprio (lo da' la griglia) */
.pn-flow>.now,.pn-flow>.kpis{margin-top:0}
.pn-flow>.cc{margin:0}
.pn-flow>.card.cs-squadra .ch,.pn-flow>.card.cs-coll .ch{margin-bottom:8px}
/* la scheda del cantiere si adatta alla propria larghezza */
@container pnp (max-width:760px){
  .cs-calendario .calgrid{grid-template-columns:minmax(0,1fr)}
}
@container pnp (max-width:400px){
  .cc .row3{grid-template-columns:auto 1fr}
  .cc .row3 .sq{grid-column:1/-1;justify-self:start;text-align:left}.cc .row3 .sq .avs{justify-content:flex-start}
  .cc .foot{flex-direction:column;align-items:flex-start}
}
.cs-ore .tw,.cs-pagamenti .list{min-width:0}