/* LAIREN — PERFIL DE JUGADOR V5 — historial alineado con viewport.
 * Solo afecta /players/profile. No modifica ranking, torneos ni datos.
 * Corrige el alto fijo de v4 que dejaba la última fila por debajo del viewport.
 */

/* Cabecera: nombre + FORMATO ACTUAL; se quitaron subtítulos innecesarios. */
.player-detail-page .player-detail-heading h1{
  margin:0!important;
}
.player-detail-page .player-detail-period{
  justify-content:center;
}
.player-detail-page .player-detail-period strong{
  white-space:nowrap;
}

@media (min-width:1181px){
  /* El header fijo de escritorio mide 37px. El perfil llena el área visible. */
  .player-detail-page.players-page{
    height:calc(100dvh - 37px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .player-detail-page .players-shell{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    padding:6px 12px 9px!important;
  }
  .player-detail-page .player-detail-back,
  .player-detail-page .player-detail-heading,
  .player-detail-page .player-detail-kpis,
  .player-detail-page .player-detail-highlights{
    flex:0 0 auto!important;
  }
  .player-detail-page .player-detail-heading{
    min-height:24px!important;
    margin-bottom:6px!important;
  }

  /* En lugar de un clamp fijo, la tarjeta recibe todo el espacio sobrante. */
  .player-detail-page .player-detail-history{
    flex:1 1 0!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    margin:0!important;
  }
  .player-detail-page .player-detail-history>header.player-detail-history-header{
    flex:0 0 36px!important;
    height:36px!important;
    min-height:36px!important;
    box-sizing:border-box!important;
  }
  .player-detail-page .player-detail-tab-panel:not([hidden]){
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
  }
  .player-detail-page .player-detail-history .player-detail-scroll{
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable;
    padding-bottom:0!important;
  }
  /* Última fila y borde final siempre visibles al llegar al final del scroll. */
  .player-detail-page .player-detail-history .player-detail-scroll table{
    margin-bottom:12px!important;
  }
  .player-detail-page .player-detail-history .player-detail-scroll th{
    top:0;
    z-index:2;
  }
}

/* Si la pantalla es más baja, no obligar al historial a medir 300px. */
@media (min-width:1181px) and (max-height:580px){
  .player-detail-page .players-shell{
    padding-top:3px!important;
    padding-bottom:5px!important;
  }
  .player-detail-page .player-detail-kpis>div{
    height:43px!important;
    min-height:43px!important;
  }
  .player-detail-page .player-detail-highlights>div{
    height:48px!important;
    min-height:48px!important;
  }
}

/* En móvil conservar el scroll natural y no introducir alturas forzadas. */
@media (max-width:1180px){
  .player-detail-page .player-detail-heading h1{
    margin:0!important;
  }
  .player-detail-page .player-detail-scroll{
    scroll-padding-bottom:12px;
  }
  .player-detail-page .player-detail-scroll table{
    margin-bottom:12px;
  }
}