/* Partite · SERIE A E SERIE B IMPAGINATE ALLO STESSO MODO (P3.4, prototipo _fonte/prototipi/p3_partite_a_b/ approvato da Fabio il
   23/10/2026; il disegnatore è PartiteSerie in partite.js). Solo gettoni del tema (C.2) e i nove corpi (C.4).
   La barra dei filtri ha TRE RIGHE FISSE di quattro colonne: chi in quella stagione non vale resta al suo posto, spento, e dice perché. */
.ab-barra{ display:grid; gap:10px; margin:0 0 6px }
.ab-barra > .apri-filtri-p{ justify-self:start }
.ab-barra:not(.aperta) > .ab-filtri{ display:none }
.ab-filtri{ display:grid; gap:10px }
.ab-riga{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px }
.ab-riga > .filtro{ width:100%; min-width:0 }
.ab-riga .filtro select, .ab-riga .filtro input{ min-width:0; width:100% }
.ab-riga-solo{ grid-template-columns:minmax(0, 1fr) }
/* spento: il valore in grigio e il motivo accanto all'etichetta; il bordo resta quello degli altri (la barra dritta, C.7/C.16) e mai la
   trasparenza (il testo resta leggibile, C.1) */
.filtro.spento{ cursor:not-allowed }
.filtro.spento select:disabled{ color:var(--grigio); opacity:1; cursor:not-allowed }
.filtro .perche, .ab-solo .interr small{ font:400 var(--c-etichetta)/1.3 var(--f-testo); text-transform:none; letter-spacing:0; color:var(--grigio) }
.ab-solo{ display:flex; flex-wrap:wrap; align-items:center; gap:8px }
.ab-solo > .etichetta{ margin-right:6px }
.ab-solo .interr{ display:inline-flex; align-items:center; gap:10px; padding:6px 14px; text-align:left }
.ab-solo .interr > span:last-child{ display:grid }
.ab-solo .spia{ width:30px; height:18px; border-radius:9px; border:2px solid var(--grigio); position:relative; flex:none }
.ab-solo .spia::after{ content:''; position:absolute; top:2px; left:2px; width:10px; height:10px; border-radius:50%; background:var(--grigio) }
/* lo SCELTO: fondo grigio con la barretta rossa (C.6, 20/10/2026) */
.barra-filtri .ab-solo .interr[aria-pressed="true"]{ background:var(--velo); border:1px solid var(--inchiostro); box-shadow:inset 0 -4px 0 var(--verdetto) }
.ab-solo .interr[aria-pressed="true"] .spia{ border-color:var(--verdetto) }
.ab-solo .interr[aria-pressed="true"] .spia::after{ left:14px; background:var(--verdetto) }
.ab-solo .interr:disabled{ color:var(--grigio); cursor:not-allowed; background:var(--carta) }
.ab-solo .interr[aria-busy="true"]{ cursor:progress }
/* il riassunto e, accanto, «Azzera i filtri» */
.ab-riass{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 16px }
.ab-riass .tasto-link{ font:600 var(--c-nota) var(--f-cifre); text-transform:uppercase; letter-spacing:.06em; background:none; border:0; border-bottom:2px solid var(--verdetto); color:var(--inchiostro); padding:6px 0; cursor:pointer; min-height:var(--tocco-min) }
.ab-riass .tasto-link[hidden]{ display:none }
.ab-altre{ text-align:center; margin-top:24px }
.ab-fila{ margin-top:24px }
/* «Precedenti · N» sempre nell'angolo in basso a destra, anche quando la riga va a capo */
.piede-tp .btn-prec{ margin-left:auto }
@media (max-width:980px){ .ab-riga{ grid-template-columns:repeat(2, minmax(0, 1fr)) } .ab-riga-solo{ grid-template-columns:minmax(0, 1fr) } }
@media (max-width:760px){
  .ab-riga{ grid-template-columns:minmax(0, 1fr) }
  .ab-solo > .etichetta{ width:100% }
  .barra-filtri.aperta .ab-solo .interr{ display:flex; width:100% }
}