/* Componentes compartidos de tablas de stats (cg-*).
   Usados por equipo.php, encuentro.php y estadisticas.php.
   Un solo lugar → un cambio se propaga a las tres páginas (cero duplicación).
   Intensidad "llamativa pero clara": fondos visibles sobre blanco, sin oscuros. */

.cg-turno { background:rgba(148,163,184,.12)!important; }
.cg-sep   { border-right:2px solid rgba(15,23,42,.12)!important; }
.cg-hit   { background:rgba(245,158,11,.14)!important; color:#b45309!important; font-weight:700!important; }
.cg-calc  { background:rgba(37,99,235,.14)!important; color:#1d4ed8!important; font-weight:800!important; }
.cg-avg   { background:rgba(16,185,129,.14)!important; color:#047857!important; font-weight:800!important; }
.cg-win   { background:rgba(22,163,74,.14)!important; color:#15803d!important; font-weight:800!important; }
.cg-lose  { background:rgba(220,38,38,.13)!important; color:#dc2626!important; font-weight:800!important; }

/* HEADER UNIFORME: todas las celdas del thead van del mismo color oscuro
   sólido con texto blanco, sin tintes por grupo. Los colores de grupo viven
   solo en el body (tbody), donde se leen bien sobre blanco. Esto elimina la
   fragmentación visual del header y garantiza legibilidad total. */
thead th.cg-hit,
thead th.cg-calc,
thead th.cg-avg,
thead th.cg-win,
thead th.cg-lose,
thead th.cg-turno { background:#0f172a!important; color:#fff!important; }

/* ── SELECTOR DE FASE (Regular / Playoffs) ─────────────────────── */
.fase-sel{display:inline-flex;gap:4px;background:#eef1f6;border:1px solid #dde3ec;border-radius:11px;padding:4px;margin:0 0 18px;}
.fase-sel .fs-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:800;color:#5b6577;text-decoration:none;transition:.15s;white-space:nowrap;}
.fase-sel .fs-btn:hover{color:#1d4ed8;}
.fase-sel .fs-btn.fs-on{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.12);}
.fase-sel .fs-btn.fs-on .bi-trophy-fill{color:#f5b301;}