/* Optimvs v4 · vista «Scouting gare»
   Solo quello che è proprio di questa vista: tutte le classi cominciano per .v-scouting-
   Riquadro, tabella, schede, selettore, interruttore, etichette, stati, cifre e linea del tempo
   vengono da assets/optimvs.css e qui non si riscrivono. Nessun colore scritto a mano. */

/* il piano: elenco a sinistra, profilo a destra. Il pannello della gara entra da destra
   proprio sopra la colonna del profilo (384 + 24 di margine): l'elenco resta tutto visibile */
.v-scouting-piano { display: grid; grid-template-columns: minmax(0, 1fr) 384px; gap: 12px 16px; align-items: start; }
/* profilo nascosto: l'elenco prende tutta la riga; con una gara aperta lascia libero il posto che il pannello copre */
.v-scouting-piano.senza-profilo { grid-template-columns: minmax(0, 1fr); }
.v-scouting-piano.senza-profilo.con-dettaglio[data-copre="tutto"],
.v-scouting-piano.senza-profilo.con-dettaglio[data-copre="parte"] { grid-template-columns: minmax(0, 1fr) var(--v-scouting-riserva, 384px); }
.v-scouting-sx { display: flex; flex-direction: column; gap: 12px; min-width: 0; container: v-scouting-sx / inline-size; }
.v-scouting-dx { position: sticky; top: 12px; min-width: 0; transition: opacity var(--t-medio); }
/* con una gara aperta il profilo sta sotto il pannello: sparisce quando il pannello è arrivato, torna subito quando si chiude.
   Nelle finestre molto larghe il pannello non lo copre (resta com'è) o lo copre solo in parte (si spegne) */
.v-scouting-piano.con-dettaglio[data-copre="tutto"] .v-scouting-dx { visibility: hidden; transition: visibility 0s var(--t-lento); }
.v-scouting-piano.con-dettaglio[data-copre="parte"] .v-scouting-dx { opacity: 0.45; }

/* l'avviso: una riga, sempre in vista anche quando l'elenco scorre. Tratteggiato come «mancante»: le fonti vere non ci sono */
.v-scouting-avviso {
  position: sticky; top: 0; z-index: 3;
  display: flex; align-items: center; gap: 8px;
  min-height: 34px; padding: 6px 12px 6px 10px;
  color: var(--testo-2);
  background: linear-gradient(var(--mancante-tinta), var(--mancante-tinta)) var(--fondo);
  border: 1px dashed var(--bordo-forte); border-radius: var(--r-3);
}
.v-scouting-avviso .ico { color: var(--testo-3); }
.v-scouting-avviso b { font-weight: 600; color: var(--testo); }

/* ---------- la striscia delle scadenze ---------- */
.v-scouting-tempo { flex-direction: row; align-items: stretch; gap: 18px; padding: 10px 16px 6px 14px; }
/* quante gare passano il confronto con il profilo. È anche la legenda dei punti: pieno = in profilo, vuoto = fuori */
.v-scouting-conta { flex: none; align-self: center; padding-right: 18px; border-right: 1px solid var(--bordo-forte); }
.v-scouting-conta .cifra-nome { color: var(--testo-2); }
.v-scouting-conta-fuori { display: flex; align-items: center; gap: 6px; }
.v-scouting-conta .segno.vuoto { background: transparent; }
.v-scouting-conta .segno.blu-chiaro { background: var(--blu-chiaro); }
.v-scouting-conta .cifra-sotto { white-space: nowrap; }
.v-scouting-tempo-dx { flex: 1; min-width: 0; }
.v-scouting-tempo-dx > h2 { min-height: 20px; }
.v-scouting-asse { position: relative; height: 60px; margin: 2px 8px 0; }
.v-scouting-asse::before { content: ''; position: absolute; left: -8px; right: -8px; top: 36px; height: 1px; background: var(--bordo-forte); }
/* le tacche dei lunedì, con la data accanto */
.v-scouting-tacca { position: absolute; left: calc(var(--x) * 100%); top: 36px; width: 1px; height: 5px; }
.v-scouting-tacca::before { content: ''; position: absolute; inset: 0; background: var(--bordo-forte); }
.v-scouting-tacca > span { position: absolute; left: -1px; top: 7px; font-size: var(--t-13); line-height: 16px; color: var(--testo-3); white-space: nowrap; }
.v-scouting-tacca.fine > span { left: auto; right: -1px; }
.v-scouting-tacca.oggi { top: 16px; width: 2px; height: 25px; margin-left: -1px; }
.v-scouting-tacca.oggi::before { border-radius: 1px; background: var(--blu); }
.v-scouting-tacca.oggi > span { top: 27px; left: 0; font-weight: 500; color: var(--blu-testo); }
/* un punto per gara: pieno se è in profilo, vuoto se è fuori. Le gare dello stesso giorno salgono di un piano */
.v-scouting-punto {
  position: absolute; left: calc(var(--x) * 100%); top: calc(24px - var(--l) * 13px);
  width: 10px; height: 10px; margin-left: -5px;
  border-radius: 50%; background: var(--blu);
  transition: box-shadow var(--t-rapido), opacity var(--t-rapido), transform var(--t-rapido) var(--curva);
}
.v-scouting-punto::before { content: ''; position: absolute; inset: -2px -5px; }   /* presa più larga del disegno */
.v-scouting-punto.fuori { background: transparent; box-shadow: inset 0 0 0 1.5px var(--testo-3); }
.v-scouting-punto.spento { opacity: 0.28; }
.v-scouting-punto:hover, .v-scouting-punto.sopra, .v-scouting-punto:focus-visible { z-index: 2; opacity: 1; box-shadow: 0 0 0 3px var(--blu-tinta-2); }
.v-scouting-punto.fuori:hover, .v-scouting-punto.fuori.sopra, .v-scouting-punto.fuori:focus-visible { box-shadow: inset 0 0 0 1.5px var(--testo-2), 0 0 0 3px var(--blu-tinta-2); }
.v-scouting-punto:active { transform: scale(0.86); }
.v-scouting-punto.attivo { z-index: 1; opacity: 1; box-shadow: 0 0 0 2.5px var(--blu-tinta-2), 0 0 0 4px var(--blu); }
.v-scouting-punto.fuori.attivo { box-shadow: inset 0 0 0 1.5px var(--testo-2), 0 0 0 2.5px var(--blu-tinta-2), 0 0 0 4px var(--blu); }
/* il nome della gara compare sopra il punto quando ci si passa: lì sopra c'è solo il titolo, la legenda sta a sinistra.
   Dalla riga dell'elenco si accende solo l'anello */
.v-scouting-punto::after {
  content: attr(data-nome); position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translate(-50%, 2px);
  padding: 2px 8px; font: 500 var(--t-13)/18px var(--car-testo); white-space: nowrap;
  color: var(--su-inverso); background: var(--inverso); border-radius: var(--r-1); box-shadow: var(--ombra-2);
  opacity: 0; pointer-events: none; transition: opacity 125ms ease-out, transform 125ms ease-out;
}
.v-scouting-punto[data-lato="sx"]::after { left: -6px; transform: translate(0, 2px); }
.v-scouting-punto[data-lato="dx"]::after { left: auto; right: -6px; transform: translate(0, 2px); }
.v-scouting-punto:hover::after, .v-scouting-punto:focus-visible::after { opacity: 1; transform: translate(-50%, 0); }
.v-scouting-punto[data-lato="sx"]:hover::after, .v-scouting-punto[data-lato="sx"]:focus-visible::after,
.v-scouting-punto[data-lato="dx"]:hover::after, .v-scouting-punto[data-lato="dx"]:focus-visible::after { transform: none; }

/* ---------- l'elenco ---------- */
/* schede a sinistra, «Solo in profilo» a destra, sulla stessa riga */
.v-scouting-barra { display: flex; align-items: center; gap: 12px; padding: 0 14px 0 6px; border-bottom: 1px solid var(--bordo); }
.v-scouting-barra > .schede { flex: 1; align-self: flex-end; padding-top: 4px; border-bottom: 0; }
.v-scouting-solo { flex: none; font-size: var(--t-13); color: var(--testo-2); white-space: nowrap; }
/* una scelta del team sposta una gara da una scheda all'altra: i due numeri che cambiano si fanno notare per un attimo */
.v-scouting-barra .schede-n { position: relative; isolation: isolate; }
.v-scouting-barra .schede-n.v-scouting-cambia { animation: v-scouting-batte var(--t-lento) var(--curva); }
.v-scouting-barra .schede-n.v-scouting-cambia::after { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--blu-tinta-2); animation: v-scouting-svanisce var(--t-lento) ease-out both; }
@keyframes v-scouting-batte { from { transform: scale(1.22); } to { transform: none; } }
@keyframes v-scouting-svanisce { from { opacity: 1; } to { opacity: 0; } }

/* i cinque filtri: una riga a colonne, larghe quanto la loro voce più lunga chiede */
.v-scouting-filtri {
  display: grid; grid-template-columns: 0.94fr 0.9fr 1.03fr 1.11fr 1.26fr 28px; gap: 6px; align-items: center;
  padding: 8px 10px 8px 14px; border-bottom: 1px solid var(--bordo);
}
@container v-scouting-sx (min-width: 860px) {
  .v-scouting-filtri { grid-template-columns: repeat(5, minmax(0, 156px)) 28px; }
}
.v-scouting-filtro { width: 100%; padding-left: 7px; padding-right: 22px; background-position: right 4px center; text-overflow: ellipsis; }
.v-scouting-filtro.acceso { font-weight: 500; color: var(--blu-testo); background-color: var(--blu-tinta); border-color: var(--blu-bordo); }

/* la tabella: colonne a misura fissa (cambiando scheda o filtro niente si sposta), due righe di testo per gara */
.v-scouting-tabella { table-layout: fixed; }
.v-scouting-tabella th, .v-scouting-tabella td { padding-left: 8px; padding-right: 8px; }
.v-scouting-tabella td { padding-top: 8px; padding-bottom: 8px; vertical-align: top; }
.v-scouting-tabella .v-scouting-c-cat { width: 100px; }
.v-scouting-tabella .v-scouting-c-imp { width: 110px; }
.v-scouting-tabella .v-scouting-c-scad { width: 92px; }
.v-scouting-tabella .v-scouting-c-ctrl { width: 208px; }
.v-scouting-tabella tbody tr { cursor: pointer; scroll-margin: 46px 0 12px; }   /* 46: l'avviso resta fermo in cima */
.v-scouting-tabella tbody tr.sopra:not(.attivo) { background: var(--riquadro-2); }

/* prima riga: il nome (apre la gara) e, se c'è, la scelta del team */
.v-scouting-prima { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-height: 20px; }
.v-scouting-nome { font-size: var(--t-14); font-weight: 600; line-height: 20px; letter-spacing: -0.005em; color: var(--testo); border-radius: var(--r-1); text-decoration: underline transparent 1px; text-underline-offset: 3px; transition: text-decoration-color var(--t-rapido); }
.v-scouting-tabella tbody tr:hover .v-scouting-nome, .v-scouting-tabella tbody tr.sopra .v-scouting-nome, .v-scouting-nome:focus-visible { text-decoration-color: var(--testo-3); }
.v-scouting-prima .etichetta { height: 18px; padding: 0 6px; }
.v-scouting-prima .etichetta .ico { width: 13px; height: 13px; }
.v-scouting-porta { position: relative; }
.v-scouting-sotto { display: block; font-size: var(--t-13); line-height: 18px; color: var(--testo-2); }
/* seconda riga: ente e provincia. Se l'ente non ci sta va a capo intero (mai «Comune di …»): la provincia resta accanto all'ultima parola */
.v-scouting-sotto.v-scouting-seconda { display: flex; flex-wrap: wrap; align-items: baseline; min-width: 0; }
/* ente e provincia sono un testo solo, che va a capo come una frase; le categorie stanno a destra, sull'ultima riga */
.v-scouting-chi { flex: 1 1 0; min-width: min(100%, 9em); overflow-wrap: break-word; text-wrap: pretty; }
.v-scouting-prov { white-space: pre; }
.v-scouting-num { display: block; font-size: var(--t-14); font-weight: 500; line-height: 20px; color: var(--testo); white-space: nowrap; }
/* le categorie: una colonna quando c'è posto; sotto i 720 px dell'elenco stanno in fondo alla seconda riga della gara */
.v-scouting-tabella .v-scouting-c-cat { line-height: 20px; white-space: nowrap; }
.v-scouting-tabella td.v-scouting-c-cat { color: var(--testo-2); }   /* l'intestazione resta nel grigio delle altre colonne */
.v-scouting-c-cat b, .v-scouting-cat-dentro b { font-weight: 600; color: var(--testo); }
.v-scouting-cat-dentro { display: none; flex: none; margin-left: auto; padding-left: 10px; align-self: flex-end; }
@container v-scouting-sx (max-width: 719px) {
  .v-scouting-tabella .v-scouting-c-cat { display: none; }
  .v-scouting-cat-dentro { display: block; }
  /* «Da portare» accanto al nome: resta l'icona, la parola è per i lettori di schermo (e nel pannello della gara) */
  .v-scouting-porta > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

/* controlli: i quattro segni e, sulla stessa riga, i comandi della gara; sotto, l'esito in una parola */
.v-scouting-esame { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; }
/* quattro colonne larghe uguali: ogni segno sta sotto la sua sigla, scritta nell'intestazione */
.v-scouting-segni { display: grid; grid-template-columns: repeat(4, 34px); justify-items: center; align-items: center; height: 20px; }
.v-scouting-sigle { display: grid; grid-template-columns: repeat(4, 34px); justify-items: center; }
.v-scouting-esito { grid-column: 1 / -1; white-space: nowrap; }
.v-scouting-esito.st-certo, .v-scouting-esito.st-verifica, .v-scouting-esito.st-proposta { font-weight: 500; }
.v-scouting-esito.st-certo { color: var(--certo); }
.v-scouting-esito.st-verifica { color: var(--verifica); }
.v-scouting-esito.st-proposta { color: var(--proposta); }
/* i comandi della riga: in silenzio a riposo, pieni quando si è sulla riga */
.v-scouting-az { display: flex; align-items: center; justify-content: flex-end; gap: 2px; min-width: 50px; height: 20px; }
.v-scouting-az .btn-ico { width: 24px; height: 24px; opacity: 0.72; transition: background-color var(--t-rapido), color var(--t-rapido), opacity var(--t-rapido), transform var(--t-rapido) var(--curva); }
.v-scouting-tabella tbody tr:hover .v-scouting-az .btn-ico, .v-scouting-tabella tbody tr.sopra .v-scouting-az .btn-ico,
.v-scouting-tabella tbody tr.attivo .v-scouting-az .btn-ico, .v-scouting-az .btn-ico:focus-visible, .v-scouting-az .btn-ico[aria-pressed="true"] { opacity: 1; }
.v-scouting-az .btn-ico:active { transform: scale(0.9); }
.v-scouting-segui[aria-pressed="true"] { color: var(--blu-testo); }
.v-scouting-az .v-scouting-segui[aria-pressed="true"] { background: var(--blu-tinta); }
.v-scouting-az .v-scouting-segui[aria-pressed="true"]:hover:not(:disabled) { color: var(--blu-testo); background: var(--blu-tinta-2); }
.v-scouting-segui[aria-pressed="true"] .ico { fill: currentColor; }
.v-scouting-segui.v-scouting-scatta .ico { animation: v-scouting-scatto var(--t-medio) var(--curva); }
@keyframes v-scouting-scatto { from { transform: scale(0.6); } to { transform: none; } }
.v-scouting-scartata .v-scouting-nome, .v-scouting-scartata .v-scouting-num { font-weight: 400; color: var(--testo-2); }

/* l'intestazione «Controlli» apre la chiave dei quattro segni */
.v-scouting-chiave-tasto {
  display: inline-flex; align-items: center; gap: 5px; height: 22px; margin: -3px 0; padding: 0;
  font-weight: 500; color: var(--testo-3); border-radius: var(--r-1);
  transition: color var(--t-rapido), background-color var(--t-rapido);
}
.v-scouting-chiave-tasto .ico { width: 14px; height: 14px; }
.v-scouting-chiave-tasto:hover, .v-scouting-chiave-tasto[aria-expanded="true"] { color: var(--testo); background: var(--velo); }
.v-scouting-chiave-tasto.v-scouting-senza { pointer-events: none; }
.v-scouting-chiave-tasto.v-scouting-senza .ico { display: none; }
/* la chiave: a sinistra l'ordine dei segni, a destra le cinque parole. Sta nel livello più alto della pagina (popover) */
.v-scouting-chiave { display: none; }
.v-scouting-chiave:popover-open {
  display: grid; grid-template-columns: auto auto; align-items: start;
  position: fixed; inset: auto; margin: 0; width: max-content; padding: 12px 16px 12px 14px; overflow: visible;
  font-size: var(--t-13); color: var(--testo);
  background: var(--riquadro); border: 1px solid var(--bordo-forte); border-radius: var(--r-3); box-shadow: var(--ombra-3);
  transform-origin: 100% 0; transition: opacity 140ms ease-out, transform 140ms var(--curva);
}
@starting-style {
  .v-scouting-chiave:popover-open { opacity: 0; transform: translateY(-4px) scale(0.98); }
}
.v-scouting-chiave-ordine { display: grid; gap: 6px; margin-right: 16px; padding-right: 16px; border-right: 1px solid var(--bordo); }
.v-scouting-chiave-ordine li { display: flex; align-items: center; gap: 9px; height: 18px; white-space: nowrap; }
.v-scouting-posto { display: inline-flex; gap: 3px; }
.v-scouting-posto > i { width: 7px; height: 7px; border-radius: 50%; background: var(--bordo-forte); }
.v-scouting-posto > i.v-scouting-qui { background: var(--testo); }
.v-scouting-chiave .legenda { display: grid; gap: 6px; color: var(--testo); }
.v-scouting-chiave .legenda li { height: 18px; }

/* stato vuoto dell'elenco: un po' d'aria, così il riquadro non si schiaccia */
.v-scouting-elenco .stato-vuoto { padding: 36px 16px 40px; }

/* ---------- il profilo ---------- */
.v-scouting-profilo { gap: 0; }
.v-scouting-profilo.v-scouting-arriva { animation: v-scouting-entra var(--t-medio) var(--curva) both; }
@keyframes v-scouting-entra { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
.v-scouting-nota { margin: -2px 0 12px; font-size: var(--t-13); color: var(--testo-2); text-wrap: pretty; }
.v-scouting-capo { margin: 0 0 4px; font-size: var(--t-13); font-weight: 500; color: var(--testo-3); }
.v-scouting-cat { display: grid; margin: 0 -4px 8px -6px; }
.v-scouting-cat-riga {
  display: grid; grid-template-columns: 58px minmax(0, 1fr) 46px 32px; align-items: center; column-gap: 10px;
  width: 100%; height: 26px; padding: 0 2px 0 6px; font-size: var(--t-13);
}
.v-scouting-cat-sigla { font-weight: 500; color: var(--testo); white-space: nowrap; }
.v-scouting-cat-cl { text-align: right; color: var(--testo-2); white-space: nowrap; }
/* la scala delle classifiche SOA: dieci gradini, dalla I alla VIII. Grigio = coperto dal profilo, blu = chiesto dalla gara */
.v-scouting-scala { display: flex; align-items: center; gap: 2px; height: 14px; min-width: 0; }
.v-scouting-scala > i { flex: 1 1 0; min-width: 3px; height: 8px; border-radius: 2px; background: var(--grafico-neutro-tinta); }
.v-scouting-scala > i.c { background: var(--grafico-forte); }
.v-scouting-scala > i.r { height: 14px; background: var(--blu); }
.v-scouting-coppie { border-top: 1px solid var(--bordo); }
.v-scouting-profilo-piede { margin-top: 10px; }

/* il profilo in modifica */
.v-scouting-modulo-cat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; margin-bottom: 14px; }
.v-scouting-modulo .riquadro-testa { margin-bottom: 12px; }
.v-scouting-modulo-riga { display: grid; grid-template-columns: 50px minmax(0, 1fr); align-items: center; gap: 6px; font-size: var(--t-13); font-weight: 500; white-space: nowrap; }
.v-scouting-modulo-riga .selettore { width: 100%; }
.v-scouting-modulo-zone { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.v-scouting-modulo-importi { margin-bottom: 10px; }
.v-scouting-errore { margin-top: 10px; font-size: var(--t-13); color: var(--pericolo); }
.v-scouting-modulo .v-scouting-profilo-piede { margin-top: 14px; }

/* ---------- il pannello della gara (il contenitore è del guscio) ---------- */
.v-scouting-d { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
/* da una gara all'altra, a pannello aperto, il contenuto entra con un passo breve */
.v-scouting-d.v-scouting-cambia { animation: v-scouting-sale var(--t-medio) var(--curva) both; }
.v-scouting-d-titolo { margin-top: -4px; color: var(--testo-2); text-wrap: pretty; }
.v-scouting-d-stato { display: flex; align-items: center; gap: 8px; margin-top: -8px; font-size: var(--t-13); color: var(--testo-2); }
.v-scouting-d-stato .etichetta .ico { width: 13px; height: 13px; }
.v-scouting-d-cifre { display: flex; gap: 32px; }
.v-scouting-d-punti { display: grid; gap: 5px; }
.v-scouting-d-punti-nomi { display: flex; justify-content: space-between; gap: 8px; font-size: var(--t-13); color: var(--testo-2); }
.v-scouting-d-punti-nomi b { font-weight: 600; color: var(--testo); }
.v-scouting-d-prezzo { display: flex; align-items: center; gap: 8px; font-size: var(--t-13); color: var(--testo-2); }
.v-scouting-d-sez { display: grid; gap: 6px; min-width: 0; }
.v-scouting-d-sez > h3 { font-size: var(--t-13); font-weight: 500; color: var(--testo-3); }
.v-scouting-d .tempo-riga { grid-template-columns: 9px 92px minmax(0, 1fr) auto; }
.v-scouting-d-coppie { border-top: 1px solid var(--bordo); }

/* i quattro controlli: una riga di testa (nome ed esito) e sotto il disegno che lo spiega */
.v-scouting-ctrl { display: grid; border-top: 1px solid var(--bordo); border-bottom: 1px solid var(--bordo); }
.v-scouting-c { display: grid; gap: 7px; padding: 10px 0 11px; min-width: 0; }
.v-scouting-c + .v-scouting-c { border-top: 1px solid var(--bordo); }
.v-scouting-c-testa { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.v-scouting-c-testa h4 { margin: 0; font-size: var(--t-14); font-weight: 600; line-height: 1.3; }
.v-scouting-c-testa .stato { font-size: var(--t-13); }
.v-scouting-c-testo { font-size: var(--t-13); color: var(--testo-2); text-wrap: pretty; }
.v-scouting-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.v-scouting-chips .etichetta b { font-weight: 600; color: var(--testo); }
.v-scouting-chips .etichetta.blu b { color: inherit; }
.v-scouting-chips .v-scouting-manca { color: var(--mancante); box-shadow: none; border: 1px dashed var(--mancante); }
.v-scouting-chips .v-scouting-manca b { color: inherit; }
.v-scouting-gradini { display: grid; grid-template-columns: auto minmax(60px, 1fr) auto; align-items: center; gap: 6px 10px; font-size: var(--t-13); }
.v-scouting-gradini-testo { text-align: right; color: var(--testo-2); white-space: nowrap; }
.v-scouting-luogo { display: flex; align-items: center; gap: 6px; font-size: var(--t-13); }
.v-scouting-luogo .ico { color: var(--testo-3); }
/* la fascia d'importo del profilo (la banda) e l'importo della gara (il segno), in scala logaritmica */
.v-scouting-fascia { position: relative; height: 14px; }
.v-scouting-fascia::before { content: ''; position: absolute; left: 0; right: 0; top: 6px; border-top: 1px dashed var(--bordo-forte); }
.v-scouting-fascia-banda {
  position: absolute; left: 15%; right: 15%; top: 3px; height: 8px; border-radius: 4px;
  background: linear-gradient(var(--blu-tinta-2), var(--blu-tinta-2)) var(--riquadro); box-shadow: inset 0 0 0 1px var(--blu-bordo);
}
.v-scouting-fascia-segno { position: absolute; top: 1px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--blu); box-shadow: 0 0 0 2px var(--riquadro); }
.v-scouting-fascia-segno.fuori { background: var(--riquadro); box-shadow: inset 0 0 0 1.5px var(--mancante), 0 0 0 2px var(--riquadro); }
.v-scouting-fascia-nomi { display: flex; justify-content: space-between; gap: 8px; margin: -3px 15% 0; font-size: var(--t-13); color: var(--testo-3); white-space: nowrap; }

/* il piede del pannello: «Scarta» a sinistra, le altre due a destra; poi, al suo posto, i motivi */
.v-scouting-p-scarta { margin-right: auto; margin-left: -12px; }
.v-scouting-motivi { flex: 1; display: grid; gap: 8px; min-width: 0; animation: v-scouting-sale var(--t-rapido) var(--curva) both; }
.v-scouting-motivi-testa { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 600; }
.v-scouting-motivi-elenco { display: flex; flex-wrap: wrap; gap: 6px; }
@keyframes v-scouting-sale { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }