/* ===== STATISTICHE: Top e Flop per fantamedia (marcatori.php) - prefissi fmd- (classifica) e stc-t- (etichette delle tab) =====
   File SEPARATO, caricato solo da marcatori.php (come css/coppa.css per la coppa): css/stilenew.css resta identico. Usa le variabili e i font della pagina (--notte, --blu, --verde, --rosso, --giallo, --muto, --linea;
   Oswald e PT Sans), nessuna dichiarazione forzata, nessuna regola sulle classi base marc-preview-* (le usa anche archivio.php). Mobile: la soglia di tutta la pagina, 1000px. */

/* ---- tab: 5 voci (nav.stc-5tab). Sopra i 700px etichetta lunga; sotto, la corta (Marcatori -> Gol, Per squadra -> Squadre), cosi' stanno tutte su una riga anche a 320px */
.stc-t-breve{display:none}
.stc-5tab .marc-preview-tab{min-width:0;white-space:nowrap}
@media (max-width:700px){
	.stc-t-lungo{display:none}
	.stc-t-breve{display:inline}
	.stc-5tab .marc-preview-tab{padding-left:4px;padding-right:4px}
}
@media (max-width:359px){
	.stc-5tab .marc-preview-tab{padding-left:2px;padding-right:2px;font-size:11px;letter-spacing:0}
}

/* ---- classifica Top / Flop */
.fmd-panel .marc-vuoto{margin:0 0 4px}
.fmd-lista{margin:0;padding:0}
.fmd-testa,.fmd-riga{display:grid;grid-template-columns:34px 42px minmax(150px,1.7fr) 50px 78px 46px 46px 104px;align-items:center;gap:12px;padding:10px 12px}
.fmd-testa{padding-top:2px;padding-bottom:8px;border-bottom:2px solid var(--notte);color:var(--muto);font:700 10px 'PT Sans',sans-serif;text-transform:uppercase;letter-spacing:1px}
.fmd-testa span:nth-child(n+4){text-align:center}
.fmd-riga{grid-template-areas:"pos foto chi pres media gol ass delta";border-top:1px solid var(--linea);transition:background .15s}
.fmd-testa+.fmd-riga{border-top:0}
.fmd-riga:nth-child(odd){background:#fbfcfe}
.fmd-riga:hover{background:#f1f5fb}
.fmd-pos{grid-area:pos;text-align:center;color:var(--muto);font:700 17px Oswald,sans-serif}
.fmd-foto{grid-area:foto;width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top center}
.fmd-chi{grid-area:chi;min-width:0}
.fmd-chi b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.fmd-chi small{display:flex;align-items:center;gap:5px;min-width:0;color:var(--muto);font-size:11px}
.fmd-chi small img{width:16px;height:16px;object-fit:contain;flex:none}
.fmd-chi small span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fmd-stats{display:contents}
.fmd-pres,.fmd-gol,.fmd-ass{text-align:center;font:700 15px Oswald,sans-serif;color:var(--inchiostro)}
.fmd-pres{grid-area:pres}
.fmd-gol{grid-area:gol}
.fmd-ass{grid-area:ass}
.fmd-media{grid-area:media;justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:3px 10px;border-radius:20px;font:700 17px Oswald,sans-serif;color:#fff}
.fmd-media-verde{background:var(--verde)}
.fmd-media-giallo{background:var(--giallo);color:var(--notte)}
.fmd-media-rosso{background:var(--rosso)}
.fmd-delta{grid-area:delta;text-align:center;font:600 14px Oswald,sans-serif;white-space:nowrap}
.fmd-su{color:var(--verde)}
.fmd-giu{color:var(--rosso)}
.fmd-pari{color:var(--muto)}
.fmd-nd{color:var(--muto);font-weight:400}
.fmd-nota{margin-top:16px;padding-top:12px;border-top:1px solid var(--linea);color:var(--muto);font-size:12px;line-height:1.5}

/* ---- telefono e tablet (<=1000px): niente intestazione di colonna; due righe per giocatore: nome e media, poi Pres/Gol/Ass e confronto. Larghezze verificate con i font veri (prove/misura_mobile.py) */
@media (max-width:1000px){
	.fmd-testa{display:none}
	.fmd-riga{grid-template-columns:24px 36px minmax(0,1fr) auto;grid-template-areas:"pos foto chi media" "pos foto stats delta";gap:2px 8px;padding:9px 4px}
	.fmd-foto{width:36px;height:36px}
	.fmd-stats{display:flex;flex-wrap:wrap;grid-area:stats;gap:0 9px;min-width:0}
	.fmd-pres,.fmd-gol,.fmd-ass{font:700 11px 'PT Sans',sans-serif;color:var(--muto);text-align:left;white-space:nowrap}
	.fmd-stats>span::before{content:attr(data-l) " ";font-size:9px;letter-spacing:.5px;text-transform:uppercase}
	.fmd-media{min-width:46px;padding:2px 8px;font-size:15px}
	.fmd-delta{justify-self:end;font-size:11px}
	.fmd-pos{font-size:15px}
}
@media (max-width:359px){
	.fmd-riga{grid-template-columns:22px 30px minmax(0,1fr) auto;gap:2px 6px}
	.fmd-foto{width:30px;height:30px}
	.fmd-stats{gap:0 6px}
	.fmd-stats>span::before{content:attr(data-s) " "}
	.fmd-media{min-width:42px;padding:2px 6px;font-size:14px}
}
