/* Mitr4 4.6.1 Player Playlist Readability Fix
   Corrige o problema em que as playlists do separador Player ficavam com nomes cortados como "Be...".
   A regra antiga vinha de camadas legacy com white-space:nowrap + ellipsis em #tab-player.
   Esta camada carrega por último e força cards legíveis, sem texto vertical ou truncado agressivo. */

:root{
  --m4-player-playlist-card-min: 360px;
  --m4-player-playlist-cover: 82px;
}

#tab-player .player-library-under-player,
#tab-player .quick-library-panel.player-library-large,
#tab-player .player-inline-playlist-strip,
#tab-player .inline-playlist-nav-wrap,
#tab-player .under-player-library-wrap{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

#tab-player .player-library-under-player .quick-library-grid,
#tab-player .player-library-under-player .quick-library-grid.large{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--m4-player-playlist-card-min)),1fr))!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  align-items:stretch!important;
}

#tab-player .player-library-under-player .inline-playlist-chip,
#tab-player .player-library-under-player .inline-playlist-chip.large-card{
  display:grid!important;
  grid-template-columns:var(--m4-player-playlist-cover) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  column-gap:14px!important;
  row-gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:118px!important;
  padding:14px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:normal!important;
  text-align:left!important;
}

#tab-player .player-library-under-player .inline-playlist-chip > img,
#tab-player .player-library-under-player .inline-playlist-chip.large-card > img{
  grid-column:1!important;
  grid-row:1!important;
  width:var(--m4-player-playlist-cover)!important;
  height:var(--m4-player-playlist-cover)!important;
  min-width:var(--m4-player-playlist-cover)!important;
  max-width:var(--m4-player-playlist-cover)!important;
  border-radius:20px!important;
  object-fit:cover!important;
}

#tab-player .player-library-under-player .inline-chip-play{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:end!important;
  margin:0 6px 6px 0!important;
  z-index:2!important;
}

#tab-player .player-library-under-player .inline-chip-info{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:normal!important;
}

#tab-player .player-library-under-player .inline-chip-info strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.22!important;
  font-size:1rem!important;
  letter-spacing:-.01em!important;
}

#tab-player .player-library-under-player .inline-chip-info small,
#tab-player .player-library-under-player .inline-chip-info em{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.28!important;
}

#tab-player .player-library-under-player .inline-chip-info em{
  opacity:.78!important;
  font-style:normal!important;
}

/* Também protege cards de playlists noutras zonas do Player. */
#tab-player .player-visible-playlists,
#tab-player .player-playlist-section-grid,
#tab-player .playlist-list-clean{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;
  gap:16px!important;
}

#tab-player .player-only-playlist-card,
#tab-player .playlist-card-clean,
#tab-player .downloaded-playlist-card.clean{
  grid-template-columns:82px minmax(0,1fr)!important;
  min-height:118px!important;
  overflow:visible!important;
}

#tab-player .player-only-playlist-info strong,
#tab-player .playlist-card-body strong,
#tab-player .downloaded-playlist-info strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

@media(max-width:980px){
  :root{--m4-player-playlist-card-min: 300px; --m4-player-playlist-cover: 74px;}
  #tab-player .player-library-under-player .quick-library-grid,
  #tab-player .player-library-under-player .quick-library-grid.large{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
  }
}

@media(max-width:620px){
  :root{--m4-player-playlist-card-min: 100%; --m4-player-playlist-cover: 68px;}
  #tab-player .player-library-under-player .inline-playlist-chip,
  #tab-player .player-library-under-player .inline-playlist-chip.large-card{
    min-height:106px!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  #tab-player .player-library-under-player .inline-chip-info strong{
    font-size:.96rem!important;
  }
}