/*
    MATCH HISTORY — Estilos específicos
    
    style.css ya te da las variables, glassmorphism, tipografía y botones base.
    Acá van los estilos de la página de historial.

    Tips:
      - Para la lista/tabla de partidas, probá CSS Grid o una <table> estilizada
      - Usá colores diferentes para WIN (--success: #10b981) y LOSS (--danger: #ef4444)
      - .glass-panel queda bien para cada card de partida
      - Agregá una animación de entrada (fadeIn ya existe en auth.css, podés copiarla)
*/

/* ─── Header / Navegación ─── */
.history-header {
    /* TODO: Tu estilo va acá */
}

.history-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* ─── Estados (loading, error, vacío) ─── */
.state-container {
    /* TODO: Centrar contenido, padding, etc. */
}

/* ─── Contenedor de partidas ─── */
#matches-container {
    /* TODO: Layout para la lista/tabla de partidas */
}

/* ─── Card de partida individual (si usás cards) ─── */
.match-card {
    /* TODO: Estilo para cada partida */
}

.match-result-win {
    color: var(--success);
}

.match-result-loss {
    color: var(--danger);
}

/* ─── Footer ─── */
.history-footer {
    /* TODO */
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
    /* TODO: Adaptaciones para mobile */
}