/* MAXFANTACALCIO • CLASSIFICHE V3 — solo modulo centrale WebSite X5.
   Tutte le regole sono circoscritte a #mfc-classifiche. */
#mfc-classifiche{--bg:#15292b;--panel:#203538;--surface:#0e2225;--line:#375357;--text:#f3f9f8;--muted:#a6cece;--gold:#ffc36a;--mint:#63dcc1;--red:#ff808b;display:block;width:100%;max-width:1190px;margin:0 auto;padding:14px 13px 24px;background:var(--bg);color:var(--text);font:14px/1.48 Arial,Helvetica,sans-serif}
#mfc-classifiche,#mfc-classifiche *{box-sizing:border-box}
#mfc-classifiche .mfc-hero{border:1px solid var(--line);background:#172e30;border-radius:19px;padding:30px 18px;text-align:center;margin:0 0 20px}
#mfc-classifiche .mfc-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:3px;color:#91d4dc;margin-bottom:13px}
#mfc-classifiche .mfc-hero h1{font:800 clamp(26px,4vw,42px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:1px;color:var(--gold);margin:0 0 9px}
#mfc-classifiche .mfc-hero p{margin:0;color:#fff;font-size:14px}
#mfc-classifiche .mfc-panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px;margin:0 0 18px;min-width:0}
#mfc-classifiche .mfc-heading{background:var(--surface);border-radius:10px;color:var(--mint);margin:0 0 15px;padding:13px 15px;text-align:center;font:bold 20px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.65px}
#mfc-classifiche .mfc-inner{min-width:0}
#mfc-classifiche .mfc-scroller{max-width:100%;min-width:0;overflow-x:auto;scrollbar-color:#658a8c #15292b;scrollbar-width:thin}
#mfc-classifiche .mfc-note{padding:9px 2px 0;color:var(--muted);font-size:12px;text-align:right}
/* I controlli vengono creati da GeneraIntestazioneCompetizioniPerClassifica().
   Il form originario ha un markup storico: la tabella e i selettori vanno stilizzati direttamente. */
#mfc-classifiche #frmCompet{margin:0!important}
#mfc-classifiche .mfc-main-table>table:first-of-type{width:100%!important;background:#20393c!important;border:1px solid var(--line)!important;border-radius:12px;border-spacing:0!important;margin-bottom:16px!important;min-width:0!important}
#mfc-classifiche .mfc-main-table>table:first-of-type td{padding:11px 9px!important;color:#bde4e5!important;font-weight:700!important;font-size:13px!important;text-align:left!important;vertical-align:middle!important;white-space:nowrap}
#mfc-classifiche select{color:#fff!important;background:#102528!important;border:1px solid #496468!important;border-radius:7px!important;padding:9px 10px!important;min-height:38px;max-width:min(310px,100%);font:13px Arial,Helvetica,sans-serif!important}
#mfc-classifiche input[type=submit]{background:#c72539!important;border:1px solid #c72539!important;color:#fff!important;border-radius:8px!important;padding:10px 22px!important;min-height:40px;font-size:14px!important;font-weight:800!important;cursor:pointer}
#mfc-classifiche input[type=submit]:hover{background:#e0374c!important}
/* Tabelle che arrivano dai file JS originali: nessuna dipendenza da un numero fisso di colonne */
#mfc-classifiche table.ClassEl,#mfc-classifiche table.ClassTabellaincroci{border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:max-content!important;max-width:none!important;margin:0 auto!important;background:#142d30!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:11px!important;overflow:hidden;font:13px/1.3 Arial,Helvetica,sans-serif!important}
#mfc-classifiche table.ClassEl td,#mfc-classifiche table.ClassEl th,#mfc-classifiche table.ClassTabellaincroci td,#mfc-classifiche table.ClassTabellaincroci th{padding:11px 10px!important;border:0!important;border-right:1px solid #385356!important;border-bottom:1px solid #385356!important;color:#eaf6f5!important;text-align:center;vertical-align:middle;white-space:nowrap;background:#183135;font-size:13px!important}
#mfc-classifiche .ClassEl tr.riga-blu-cx>*,#mfc-classifiche .ClassTabellaincroci tr.rigaintestazione>*{background:#102528!important;color:#c9e7e9!important;font-weight:800!important}
#mfc-classifiche .ClassEl tr.riga-orange-cx>*{background:#254245!important;color:var(--gold)!important;font-weight:800!important}
#mfc-classifiche .ClassEl tr.riga-pari>*,#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari>*{background:#213c3f!important}
#mfc-classifiche .ClassEl tr.riga-dispari>*,#mfc-classifiche .ClassTabellaincroci tr.rigaincrociopari>*{background:#172f32!important}
#mfc-classifiche .ClassEl tr:hover>td,#mfc-classifiche .ClassTabellaincroci tr:hover>td{background:#2e5051!important}
#mfc-classifiche .ClassEl td img,#mfc-classifiche .ClassTabellaincroci td img{width:auto;height:auto;max-width:35px;max-height:35px;object-fit:contain;vertical-align:middle;margin-right:5px}
#mfc-classifiche .ClassEl .testo-bold,#mfc-classifiche .ClassEl .testo-blu-bold-cx{font-weight:800!important;color:var(--gold)!important}
#mfc-classifiche .ClassEl .testo-cx{text-align:center!important}
#mfc-classifiche .ClassEl .testo-sx{text-align:left!important}
#mfc-classifiche .ClassTabellaincroci .rigasquadre>*{background:#28464a!important;font-weight:700!important}
#mfc-classifiche .ClassTabellaincroci .cellasquadra{text-align:left!important;font-weight:700}
#mfc-classifiche a{color:var(--gold)!important;text-decoration:none}
#mfc-classifiche a:hover{text-decoration:underline}
#mfc-classifiche .mfc-legend{margin-top:15px;padding:16px 17px;background:#172e30;border:1px solid var(--line);border-radius:11px;color:#c4e2e2}
#mfc-classifiche .mfc-legend>strong{color:var(--gold);letter-spacing:.5px}
#mfc-classifiche .mfc-legend ul{margin:10px 0 0;padding-left:21px}
#mfc-classifiche .mfc-legend li{margin:0 0 9px}
#mfc-classifiche .mfc-legend li strong{color:#f5fafa}
@media(max-width:760px){#mfc-classifiche{padding:10px 7px}#mfc-classifiche .mfc-hero{padding:22px 10px}#mfc-classifiche .mfc-panel{padding:9px}#mfc-classifiche .mfc-heading{font-size:17px}#mfc-classifiche .mfc-main-table>table:first-of-type td{padding:7px!important}#mfc-classifiche .mfc-note{text-align:left}}

/* V4 — scelta immediata, nessun pulsante Vai, Presidente centrato. */
#mfc-classifiche #frmCompet input[type="submit"]{display:none!important}
#mfc-classifiche table.ClassEl td.mfc-presidente,
#mfc-classifiche table.ClassEl th.mfc-presidente{text-align:center!important}
#mfc-classifiche table.ClassEl td.mfc-presidente *{text-align:center!important}

/* V5 — SE AVESSI AVUTO: restyling coerente con Top & Flop.
   I JS assegnano t-xxsRosso/Verde/Giallo/Nero in base ai punteggi.
   Queste regole non alterano i dati né la logica di confronto. */
#mfc-classifiche .ClassTabellaincroci {table-layout:auto!important;min-width:780px!important;}
#mfc-classifiche .ClassTabellaincroci td {transition:background-color .13s ease, box-shadow .13s ease!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigasquadre > td {background:#214044!important;height:72px!important;padding:8px 10px!important;text-align:center!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigasquadre img {max-height:61px!important;max-width:78px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaintestazione > td {background:#102528!important;color:#c5eeee!important;font-weight:800!important;padding:12px!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.cellasquadra {text-align:left!important;background:#153135!important;color:#fff!important;font-weight:800!important;position:sticky;left:0;z-index:1;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td:not(.cellasquadra) {font-weight:800!important;min-width:76px!important;font-variant-numeric:tabular-nums;}
/* colori semantici: verde = maggiore, rosso = minore, giallo = uguale, diagonale = riferimento */
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsVerde {color:#68f8a8!important;background:#193c35!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsRosso {color:#ff939b!important;background:#402c32!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsGiallo {color:#ffdc78!important;background:#433c28!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsNero {color:#11272b!important;background:#c5d7d5!important;font-weight:800!important;}
/* hover con evidenziazione del colore originale, non grigio universale */
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsVerde:hover {background:#6fe4a0!important;color:#082b21!important;box-shadow:inset 0 0 0 2px #a2ffcb!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsRosso:hover {background:#f66e73!important;color:#30151b!important;box-shadow:inset 0 0 0 2px #ffa6aa!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsGiallo:hover {background:#ffc865!important;color:#30220e!important;box-shadow:inset 0 0 0 2px #ffe8a8!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrocipari > td.t-xxsNero:hover {background:#ecf7f5!important;color:#102528!important;box-shadow:inset 0 0 0 2px #fff!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrociopari > td.cellasquadra {background:#173337!important;color:#e6f4f2!important;text-align:left!important;white-space:normal!important;font-weight:700!important;}
#mfc-classifiche .ClassTabellaincroci tr.rigaincrociopari > td.t-xxsNero {background:#203f42!important;color:#ffc36a!important;text-align:center!important;font-weight:800!important;}
#mfc-classifiche .mfc-legend{background:#172e30!important;border:1px solid #375357!important;border-radius:13px!important;padding:18px!important;}
#mfc-classifiche .mfc-legend>strong{display:block;color:#63dcc1!important;text-align:center;font-size:15px;letter-spacing:1px;}
#mfc-classifiche .mfc-legend li{line-height:1.6;color:#d0e7e7;}
@media (prefers-reduced-motion:reduce){#mfc-classifiche .ClassTabellaincroci td{transition:none!important;}}

/* V7 — correzioni richieste: pulsante nascosto anche in markup storico,
   un solo titolo Classifiche, Presidente centrato, Se avessi avuto oro. */
#mfc-classifiche #Invia,
#mfc-classifiche input[name="Invia"],
#mfc-classifiche .mfc-main-table input[type="submit"]{display:none!important;visibility:hidden!important;}
#mfc-classifiche .mfc-panel:nth-of-type(2)>.mfc-heading{color:var(--gold)!important;}
#mfc-classifiche .ClassEl td.mfc-presidente,
#mfc-classifiche .ClassEl th.mfc-presidente,
#mfc-classifiche .ClassEl td.mfc-presidente *{text-align:center!important;}