/* Produzione registrata: solo il pannello di area, colori e misure dai token. */
.andamento-periodo{margin-top:var(--s5)}
.andamento-periodo header>p{color:var(--secondario);max-width:70ch}
.andamento-periodo .andamento-periodo-filtri{display:flex;align-items:end;flex-wrap:wrap;gap:var(--s3);margin:var(--s4) 0}
.andamento-periodo .andamento-periodo-filtri label{display:grid;gap:var(--s2);min-width:0;flex:0 1 13rem;margin:0}
.andamento-periodo .andamento-periodo-filtri input{width:100%;min-width:0;margin:0}
.andamento-periodo .andamento-periodo-filtri :is(input,button){height:var(--s12);min-height:var(--s12)}
.andamento-periodo .andamento-periodo-prodotti,.andamento-periodo .andamento-periodo-pratiche{list-style:none;padding:0;display:grid;gap:var(--s3)}
.andamento-periodo .andamento-periodo-prodotti li{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);padding:var(--s3);border:1px solid var(--bordo);border-radius:var(--raggio)}
.andamento-periodo .andamento-periodo-prodotti strong{margin-right:auto}
.andamento-periodo .andamento-periodo-pratiche{grid-template-columns:repeat(2,minmax(0,1fr))}
.andamento-periodo .andamento-periodo-pratiche button{display:grid;gap:var(--s2);text-align:left;width:100%;height:100%;padding:var(--s4);overflow-wrap:anywhere}
.andamento-periodo .andamento-periodo-pratiche span{font-size:var(--t-piccola)}
.andamento-periodo .andamento-periodo-pratiche .r2-etichetta{justify-self:start}
@media(max-width:700px){.andamento-periodo .andamento-periodo-filtri label{flex:1 1 40%}.andamento-periodo .andamento-periodo-filtri button{width:100%}.andamento-periodo .andamento-periodo-pratiche{grid-template-columns:minmax(0,1fr)}}