/* ═══════════════════════════════════════════════════════════════
   LPF Tabla — Standings mejorado
   Usa var(--lpf-primary) inyectado por PHP desde el color del tema
   ═══════════════════════════════════════════════════════════════ */

.lpf-tabla-wrap {
    --lpf-primary : #38a9ff;
    --lpf-semi    : #00C9E4;
    --lpf-playoff : #00C853;
    font-family   : inherit; /* respeta la fuente del tema */
    border-radius : 10px;
    overflow      : hidden;
}

/* ── Tabs ────────────────────────────────────────────────────── */

.lpf-tabla-tabs {
    display      : flex;
    background   : #0B1D3D;
    border-bottom: 2px solid rgba(255,255,255,0.08);
}
.lpf-tabla-tab {
    flex          : 1;
    padding       : 12px 8px;
    background    : transparent;
    border        : none;
    border-bottom : 3px solid transparent;
    margin-bottom : -2px;
    cursor        : pointer;
    font-size     : 12px;
    font-weight   : 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color         : rgba(255,255,255,0.4);
    font-family   : inherit;
    transition    : color .2s, border-color .2s;
}
.lpf-tabla-tab:hover    { color: #fff; }
.lpf-tabla-tab.is-active { color: #fff; border-color: var(--lpf-primary); }

/* ── Panel ───────────────────────────────────────────────────── */

.lpf-tabla-panel             { display: none; }
.lpf-tabla-panel.is-active   { display: block; }
.lpf-tabla-sp-wrap           { background: #fff; overflow: hidden; }

/* ── Ocultar filas más allá del máximo ──────────────────────── */

.lpf-tabla-max-6  .sp-league-table tbody tr:nth-child(n+7)  { display: none; }
.lpf-tabla-max-5  .sp-league-table tbody tr:nth-child(n+6)  { display: none; }
.lpf-tabla-max-10 .sp-league-table tbody tr:nth-child(n+11) { display: none; }

/* ── Indicadores de clasificación — fila completa ─────────────── */

.lpf-tabla-sp-wrap .sp-league-table tbody tr:nth-child(1) {
    background   : rgba(0,201,228,0.12) !important;
    border-left  : 4px solid var(--lpf-semi);
}
.lpf-tabla-sp-wrap .sp-league-table tbody tr:nth-child(2),
.lpf-tabla-sp-wrap .sp-league-table tbody tr:nth-child(3) {
    background   : rgba(0,200,83,0.10) !important;
    border-left  : 4px solid var(--lpf-playoff);
}
.lpf-tabla-sp-wrap .sp-league-table tbody tr:nth-child(n+4) {
    border-left: 4px solid transparent;
}

/* ── Leyenda ─────────────────────────────────────────────────── */

.lpf-tabla-legend {
    background: #f8f9fb;
    border-top: 1px solid #e5e7eb;
    padding   : 10px 16px;
    display   : flex;
    gap       : 16px;
    flex-wrap : wrap;
}
.lpf-tabla-legend-item { display:flex; align-items:center; gap:6px; font-size:11px; color:#555; font-family:inherit; }
.lpf-tabla-legend-dot  { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.lpf-tabla-legend-dot--semi    { background: var(--lpf-semi); }
.lpf-tabla-legend-dot--playoff { background: var(--lpf-playoff); }

.lpf-tabla-error { color:#c0392b; padding:12px; font-size:13px; }