@charset "UTF-8";
/*
 * FF Ligatabelle – Darstellung im Stil des FF Ligenplaners (seit 2.9.0, Stil „ligenplaner“).
 * Vorlage: ff-ligatabelle-darstellung-wie-ligenplaner.md (Projekt FF Tabellen, Ligen und Kacheln).
 * Tokens: übernimmt --ffl-* des Ligenplaners (front.css, Einstellungen → Farbschema), sonst eigene Standardwerte.
 */
.fflt{--t-farbe:var(--ffl-farbe,#3e8f4a);--t-dunkel:var(--ffl-farbe-dunkel,#2d6b37);--t-hell:var(--ffl-farbe-hell,#e6f2e8);--t-mittel:var(--ffl-farbe-mittel,#c9e3cd);--t-akzent:var(--ffl-warnung,#F6701A);--t-akzent-hell:var(--ffl-warnung-tint,#feefe3);--t-ink:var(--ink,#1c1f1b);--t-ink3:var(--ink-3,#8b928d);--t-line:var(--line,#dfe3df);--t-display:var(--display,"Barlow Condensed",Impact,sans-serif);
  font-family:Barlow,system-ui,sans-serif;font-size:15px;line-height:1.4;color:var(--t-ink);
  border:1px solid var(--t-line);border-radius:12px;overflow:hidden;background:#fff;max-width:560px;margin:0 0 1em;padding:0;text-align:left}
.fflt *,.fflt *::before,.fflt *::after{box-sizing:border-box}

/* Kopf */
.fflt-kopf{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--t-farbe);color:#fff}
.fflt-kopfzeile{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.fflt-titel{font-family:var(--t-display);font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.4px;line-height:1.1;min-width:0;display:flex;align-items:center;gap:8px}
.fflt-titel>span{overflow:hidden;text-overflow:ellipsis}
.fflt .fflt-kopflogo{width:24px;height:24px;object-fit:contain;border-radius:5px;background:#fff;flex:none;margin:0}
.fflt-unter{font-size:13px;opacity:.9}
.fflt .fflt-sm{color:#fff!important;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;opacity:.95;flex:none}
.fflt .fflt-sm:hover{opacity:1;text-decoration:underline}

/* Auswahl: Liga-Pills (wie .ffl-we-ligen) + aufklappbar Spielbetrieb/Saison */
.fflt-ligen{display:flex;flex-wrap:nowrap;gap:5px;padding:10px 16px;border-bottom:1px solid #f0f2f0;background:#fafbfa;overflow-x:auto;scrollbar-width:thin;margin:0}
.fflt-ligen:empty{display:none}
.fflt .fflt-ligen button{flex:0 0 auto;font:inherit;font-size:12px;line-height:1.5;padding:3px 10px;margin:0;border:1px solid var(--t-line);border-radius:999px;background:#fff;color:var(--t-dunkel);cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;height:auto;width:auto;text-decoration:none}
.fflt .fflt-ligen button:hover,.fflt .fflt-ligen button:focus-visible{border-color:var(--t-farbe);background:#fff;color:var(--t-dunkel)}
.fflt .fflt-ligen button[aria-pressed=true]{background:var(--t-farbe);border-color:var(--t-farbe);color:#fff;font-weight:600}
.fflt .fflt-ligen button{max-width:14em;overflow:hidden;text-overflow:ellipsis}
.fflt-ligen small{display:block;font-size:9px;letter-spacing:.4px;text-transform:uppercase;opacity:.7;line-height:1}
.fflt-ligen .fflt-msg{font-size:12px;color:var(--t-ink3);padding:3px 0}
.fflt-mehr{border-bottom:1px solid #f0f2f0;background:#fafbfa;font-size:12px;margin:0}
.fflt-mehr>summary{cursor:pointer;padding:6px 16px;color:var(--t-ink3);list-style:none}
.fflt-mehr>summary::-webkit-details-marker{display:none}
.fflt-mehr>summary::before{content:"▸ "}
.fflt-mehr[open]>summary::before{content:"▾ "}
.fflt-mehr .fflt-ligen{border-bottom:0;padding-top:4px}

/* Tabelle */
.fflt-scroll{overflow-x:auto;scrollbar-width:thin}
.fflt-tab{width:100%;border-collapse:collapse;font-size:14px;margin:0;table-layout:auto}
.fflt-tab,.fflt-tab th,.fflt-tab td,.fflt-tab tr{border:0;background:none}   /* Theme-Reset, vor den eigenen Regeln */
.fflt-tab th{font-family:var(--t-display);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--t-dunkel);background:var(--t-hell);border-bottom:2px solid var(--t-mittel);padding:7px 6px;text-align:center;white-space:nowrap;position:sticky;top:0;z-index:1}
.fflt-tab th.team{text-align:left}
.fflt-tab th[title]{cursor:help}
.fflt-tab td{padding:8px 6px;border-bottom:1px solid #f0f2f0;text-align:center;font-variant-numeric:tabular-nums;color:#4a524a;white-space:nowrap;vertical-align:middle}
.fflt-tab tr:last-child td{border-bottom:0}
.fflt-tab tbody tr:hover td{background:#fafbfa}
.fflt-tab td.pos{font-family:var(--t-display);font-weight:700;font-size:17px;color:var(--t-ink3);width:34px}
.fflt-tab tr.p1 td.pos{color:var(--t-farbe)}
.fflt-tab td.team{text-align:left;white-space:nowrap;padding-left:2px;width:100%;max-width:0}
.fflt-team{display:flex;align-items:center;gap:8px;min-width:0}
.fflt .fflt-logo{width:28px;height:28px;border-radius:6px;object-fit:contain;background:#f4f6f4;flex:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--t-ink3);text-transform:uppercase;margin:0;padding:0;line-height:1}
.fflt-name{font-weight:600;color:var(--t-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fflt-tab td small.nv{display:block;font-size:9.5px;line-height:1;color:var(--t-ink3)}
.fflt-tab td.tore{font-size:12.5px;color:var(--t-ink3)}
.fflt-pkt{display:inline-block;min-width:34px;padding:1px 8px;border-radius:999px;background:#f2f4f2;font-family:var(--t-display);font-weight:700;font-size:16px;color:var(--t-ink)}
.fflt-tab tr.p1 .fflt-pkt{background:var(--t-farbe);color:#fff}
/* eigenes Team (club_id): wie Hervorhebung in der Vereinssicht */
.fflt-tab tr.eigen td{background:var(--t-akzent-hell)}
.fflt-tab tr.eigen td:first-child{box-shadow:inset 3px 0 0 var(--t-akzent)}
.fflt-tab tbody tr.eigen:hover td{background:var(--t-akzent-hell)}
/* Strich unter Aufstiegs-/Abstiegsplätzen (vorbereitet) */
.fflt-tab tr.linie td{border-bottom:2px dashed var(--t-mittel)}
/* nur_logos: Teamspalte nur mit Logo */
.fflt.nur-logos .fflt-tab td.team,.fflt.nur-logos .fflt-tab th.team{width:40px;max-width:none}
/* Top-Scorer: Spielername in .team, Team-Logo eigene Spalte */
.fflt-scorer .fflt-tab td.logo{width:34px}
.fflt-scorer .fflt-tab td.logo .fflt-logo{width:22px;height:22px;border-radius:5px;font-size:9px;margin:0 auto}
.fflt-tab td.str{cursor:help;color:var(--t-ink3)}
.fflt-tab td.str.hat{color:#c0392b;font-weight:700}
/* Ladewechsel: kurzes Abblenden */
@media (prefers-reduced-motion:no-preference){.fflt-tab tbody{transition:opacity .15s}.fflt-tab tbody.wechsel{opacity:.2}}

/* Hinweis unter scrollbarer Tabelle */
.fflt-hinweis{padding:4px 16px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--t-ink3);text-align:center;border-top:1px solid #f0f2f0}
.fflt-hinweis.hidden{display:none}

/* Fuß */
.fflt-legende{padding:7px 16px;font-size:11px;color:var(--t-ink3);border-top:1px solid #f0f2f0;display:flex;flex-wrap:wrap;gap:2px 12px}
.fflt-legende:empty{display:none}
.fflt-fuss{border-top:1px solid #f0f2f0;background:#fafbfa;padding:8px 16px;font-size:11px;color:var(--t-ink3);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.fflt-fuss a{color:var(--t-dunkel);text-decoration:none}
.fflt-tab td.fflt-leer,.fflt-leer{padding:14px 16px;color:var(--t-ink3);margin:0;text-align:left;white-space:normal}

/* Mobil */
@media (max-width:520px){.fflt-tab .c-u{display:none}.fflt-tab td,.fflt-tab th{padding-left:4px;padding-right:4px}.fflt-titel{font-size:17px}.fflt-kopf,.fflt-ligen,.fflt-legende,.fflt-fuss{padding-left:12px;padding-right:12px}}
@media (max-width:400px){.fflt-tab .tore{display:none}.fflt .fflt-logo{width:24px;height:24px}}