/* Conti 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). */
/* i blocchi di numeri: quattro in fila se c'e' spazio, a meta' riga due per riga (le regole di Oggi per .kpis valgono solo li') */
.pn-flow>.kpis.cn-k[data-pn-w]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.pn-flow>.kpis.cn-k[data-pn-w=xs],.pn-flow>.kpis.cn-k[data-pn-w=s]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-flow>.kpis.cn-k[data-pn-w] .kpi .n{font-size:var(--t5)}
.pn-flow>.kpis.cn-k[data-pn-w=xs] .kpi .n,.pn-flow>.kpis.cn-k[data-pn-w=s] .kpi .n{font-size:24px}
/* le righe dei pannelli in piu' */
.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)}
.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}
/* pannelli con elenchi e pulsanti: stretti, il pulsante va sotto il testo */
@container pnp (max-width:470px){
  .cn-missioni .li{grid-template-columns:minmax(0,1fr) auto!important}
  .cn-missioni .li .btn{grid-column:1/-1;justify-self:start}
  .cn-mat .li,.cn-mezzi .li,.cn-voci .li{grid-template-columns:minmax(0,1fr) auto!important}
  .cn-mat .li .tag,.cn-voci .li .tag{grid-column:1/-1;justify-self:start}
  .cn-movimenti .chips{flex-wrap:wrap}.cn-movimenti .chips .cerca{width:100%!important;min-width:0!important;flex:1 1 100%}
  .cn-inc .li{grid-template-columns:auto minmax(0,1fr)}.cn-inc .li .rt{grid-column:1/-1}
  .cn-livello .livb .mk{font-size:11px}
  .cn-contatto .chips,.cn-docs .chips{flex-wrap:wrap}
  .cn-docs .li{grid-template-columns:auto minmax(0,1fr)!important}.cn-docs .li .tag{grid-column:1/-1;justify-self:start}
}
.cn-docs .chips .btn,.cn-drop .btn{white-space:normal}
.cn-drop .drop{flex-wrap:wrap}