/* Calendario nei pannelli: il calendario si adatta alla PROPRIA larghezza (container query sul pannello, nome pnp), non a quella della pagina. */
.pn-flow>.cal2m{padding:clamp(12px,calc(1.2vw / var(--z,1)),20px)}
.pn-flow>.cal2p{position:static;top:auto}
.pn-flow>.cal2c{position:static;margin-top:0}
.cal2sc{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cal2sc .cal2g.ore{min-width:calc(58px + var(--n) * 76px)}
.pn-edit .cal2sc{overflow:hidden}
.ca-leg .leg{margin-top:10px;display:grid;gap:8px}
/* il calendario del mese: sotto i 640 px di pannello i riquadri dei giorni si stringono e gli impegni diventano una riga; sotto i 460 solo una barretta colorata */
@container pnp (max-width:640px){
  .cal2g.mese .cw,.cal2g.mese .cd{gap:4px}
  .day2{min-height:84px;padding:4px;gap:3px;border-radius:9px}
  .day2 .dn{font-size:12px}
  .day2 .ev2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;padding:2px 5px}
  .day2 .ev2 b{display:none}
  .piu2{font-size:11px;padding:0 2px}
}
@container pnp (max-width:460px){
  .cal2g.mese .cw{font-size:11px}
  .day2{min-height:52px;padding:3px;border-radius:7px}
  .day2 .ev2{font-size:0;line-height:0;height:5px;padding:0;border-left-width:0;border-radius:3px;background:var(--c)}
  .day2 .piu2{font-size:0;line-height:0;height:5px;width:5px;border-radius:50%;background:var(--mu);padding:0}
  .cal2t h2{font-size:var(--t3)}
}
/* Assistente e pannello del giorno stretti: i pulsanti vanno a capo */
@container pnp (max-width:520px){
  .cin{flex-wrap:wrap}.cin input{flex:1 1 100%;order:-1}
  .bon2{grid-template-columns:1fr}
  .cch{flex-wrap:wrap}
}
/* pannelli in piu': impegni cliccabili e barre per tipo */
.cx-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);text-align:left}
.cx-rows .rw b{font-weight:700;display:block}.cx-rows .rw small{display:block;color:var(--mu);font-size:12px}
.cx-rows .rw .imp{font-weight:700;white-space:nowrap;text-align:right}
.cx-rows button.rw{width:100%;background:none;border:0;border-top:1px solid var(--g-line);color:var(--tx);font:inherit;cursor:pointer;border-left:3px solid var(--c);padding-left:10px;border-radius:0}
.cx-rows button.rw:hover,.cx-rows button.rw:focus-visible{background:var(--g-fill2)}
.cx-bars{display:grid;gap:10px}
.cx-b{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
.cx-b span{display:inline-flex;align-items:center;gap:6px}.cx-b span i{width:10px;height:10px;border-radius:3px}
.cx-b .bar{margin:0}