.stat-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 0.5rem; margin-bottom: 1.25rem; }
@media (max-width: 520px) { .stat-grid { grid-template-columns: repeat(4, 1fr); } }
.stat-box { background: var(--card-bg, #fff); border: 1px solid var(--border, #e2e8f0); border-radius: 8px; padding: 0.75rem 0.4rem; text-align: center; }
.stat-box .val { font-size: 1.4rem; font-weight: 700; line-height: 1; color: var(--text, #0f172a); }
.stat-box .lbl { font-size: 0.68rem; color: var(--muted, #64748b); text-transform: uppercase; letter-spacing: .04em; margin-top: 0.2rem; }
.section-title { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted, #64748b); margin: 1.25rem 0 0.5rem; }
.match-card { background: var(--card-bg, #fff); border: 1px solid var(--border, #e2e8f0); border-radius: 8px; margin-bottom: 0.45rem; overflow: hidden; }
.match-row { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.85rem; }
.match-meta { font-size: 0.7rem; color: var(--muted, #64748b); min-width: 62px; flex-shrink: 0; }
.match-teams { flex: 1; display: flex; align-items: center; gap: 0.4rem; font-size: 0.86rem; }
.match-team { flex: 1; }
.match-team.home { text-align: right; }
.match-team.bold { font-weight: 700; color: var(--primary, #4f46e5); }
.match-score { border-radius: 4px; padding: 0.15rem 0.5rem; font-size: 0.83rem; font-weight: 700; white-space: nowrap; min-width: 40px; text-align: center; flex-shrink: 0; }
.match-score.win  { background: #dcfce7; color: #166534; }
.match-score.loss { background: #fee2e2; color: #991b1b; }
.match-score.draw { background: #fef9c3; color: #854d0e; }
.match-score.pending { background: var(--border, #e2e8f0); color: var(--muted, #64748b); font-size: 0.7rem; }
.match-goals-row { display: flex; gap: 0.5rem; padding: 0.2rem 0.85rem 0.5rem; border-top: 1px solid var(--border, #e2e8f0); font-size: 0.72rem; color: var(--muted, #64748b); }
.match-goals-side { flex: 1; display: flex; flex-direction: column; gap: 0.1rem; }
.match-goals-side.right { text-align: right; align-items: flex-end; }
.form-dot { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px; font-size: 0.7rem; font-weight: 700; color: #fff; }
.form-dot.W { background: #16a34a; }
.form-dot.D { background: #94a3b8; }
.form-dot.L { background: #dc2626; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { text-align: left; font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--muted, #64748b); padding: 0 0.75rem 0.5rem; border-bottom: 2px solid var(--border, #e2e8f0); }
.data-table th.center { text-align: center; }
.data-table td { padding: 0.6rem 0.75rem; border-bottom: 1px solid var(--border, #e2e8f0); font-size: 0.88rem; }
.data-table td.center { text-align: center; }
.data-table tr:last-child td { border-bottom: none; }
.data-table tr:hover td { background: var(--hover-bg, #f8fafc); }
.dorsal { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--primary-light, #e0e7ff); font-weight: 700; font-size: 0.75rem; color: var(--primary); }
.tab-nav { display: flex; gap: 0.25rem; border-bottom: 2px solid var(--border, #e2e8f0); margin-bottom: 1.25rem; }
.tab-btn { padding: 0.5rem 0.85rem; font-size: 0.85rem; font-weight: 500; color: var(--muted, #64748b); background: none; border: none; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -2px; transition: color .15s, border-color .15s; }
.tab-btn.active { color: var(--primary, #4f46e5); border-bottom-color: var(--primary, #4f46e5); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1000; align-items: center; justify-content: center; }
.modal-overlay.open { display: flex; }
.modal { background: var(--surface, #fff); border-radius: 12px; padding: 1.5rem; width: 100%; max-width: 420px; box-shadow: 0 8px 32px rgba(0,0,0,.18); }
.modal h3 { margin: 0 0 1.25rem; font-size: 1rem; }

/* ── Añadir jugador: control segmentado (uno / varios) ─────────────────── */
.team-mode-switch {
  display: flex;
  gap: 0.35rem;
  padding: 0.3rem;
  background: var(--bg, #f8fafc);
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 10px;
  margin-bottom: 1.25rem;
}
.team-mode-btn {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 0.7rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--muted, #64748b);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}
.team-mode-btn:hover:not(.team-mode-btn--active) { color: var(--text, #1e293b); }
.team-mode-btn--active {
  background: var(--surface, #fff);
  color: var(--primary, #4f46e5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.team-mode-btn__ico { font-size: 1.25rem; line-height: 1; flex-shrink: 0; }
.team-mode-btn__txt { display: flex; flex-direction: column; line-height: 1.25; }
.team-mode-btn__title { font-weight: 600; font-size: 0.86rem; }
.team-mode-btn__sub { font-size: 0.72rem; opacity: 0.8; }