/* Automazioni 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). Solo token del tema. */
.au-hd .uthead+.chips{margin:12px 0 0}
/* i tre numeri: tre in fila se c'e' posto, altrimenti uno sotto l'altro */
.pn-flow>.kpis.au-k[data-pn-w]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.pn-flow>.kpis.au-k[data-pn-w=xs]{grid-template-columns:minmax(0,1fr)}
.pn-flow>.kpis.au-k[data-pn-w] .kpi .n{font-size:var(--t5)}
.pn-flow>.kpis.au-k[data-pn-w=xs] .kpi .n,.pn-flow>.kpis.au-k[data-pn-w=s] .kpi .n{font-size:26px}
/* un'area: un po' piu' stretta, l'interruttore resta a sinistra, il testo a capo e "Storico" va sotto */
.au-bl>.ch{margin:0}
.au-bl .list{margin-top:6px}
.au-bl .li.au>div{min-width:0}
.au-bl .li.au.spenta b{color:var(--mu)}
@container pnp (max-width:560px){
  .au-bl .li.au{grid-template-columns:auto minmax(0,1fr)!important;gap:10px}
  .au-bl .li.au>.btn{grid-column:2;justify-self:start}
}
/* righe dei pannelli in piu' */
.au-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)}
.au-rows .rw b{font-weight:700;display:block}.au-rows .rw small{display:block;color:var(--mu);font-size:12px}
.au-rows .rw .imp{font-weight:700;white-space:nowrap;text-align:right}
@container pnp (max-width:420px){.au-rows .rw{grid-template-columns:minmax(0,1fr)}.au-rows .rw .tag,.au-rows .rw .imp{justify-self:start;text-align:left}}