/* SPORLYT 7.10.3 · ajustes QA del entorno de prueba */

/*
 * El metadato "Histórico desde" no debe definir el ancho del selector
 * de entidad. El ancho visible del club depende únicamente del botón
 * del club, por lo que el mismo club mide igual en Seguidores,
 * Interacciones y el resto de módulos.
 */
@media (min-width: 901px){
  body.sporlyt-trial-ui .floating-controls .club-control-stack{
    position:relative!important;
    width:max-content!important;
    min-width:0!important;
    max-width:240px!important;
    align-items:flex-end!important;
    padding-top:0!important;
  }

  body.sporlyt-trial-ui .floating-controls .club-control-stack #clubBtn{
    width:max-content!important;
    min-width:150px!important;
    max-width:240px!important;
    flex:0 0 auto!important;
  }

  body.sporlyt-trial-ui .floating-controls .club-control-stack #clubBtn .copy{
    min-width:0!important;
    flex:0 1 auto!important;
  }

  body.sporlyt-trial-ui .floating-controls .club-control-stack #clubBtn .copy strong{
    max-width:158px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.sporlyt-trial-ui .floating-controls .club-control-stack .club-historical-meta{
    position:absolute!important;
    right:0!important;
    bottom:calc(100% + 6px)!important;
    width:max-content!important;
    max-width:260px!important;
    align-self:auto!important;
    z-index:2!important;
  }

  /* 10 países = dos filas exactas de cinco. */
  body.sporlyt-trial-ui #overlay .trial-country-grid--all{
    display:grid!important;
    width:100%!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:10px!important;
  }
}

@media (max-width: 900px){
  body.sporlyt-trial-ui #overlay .trial-country-grid--all{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}