/* ==========================================================
   CANTAIMY v6.6.3 — Genre page: compact song list, no covers
   ========================================================== */

/* Hide old cover-based grid behavior completely */
#genres .genre-results-grid,
#genres .genre-result-card{
  display:none !important;
}

#genres .genre-selection-results{
  width:min(1120px,84vw) !important;
  margin:20px auto 48px !important;
}

#genres .genre-selection-results[hidden]{
  display:none !important;
}

#genres .genre-selection-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:10px !important;
}

#genres .genre-selection-head .eyebrow{
  margin:0 0 3px !important;
  color:#00e8ff !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#genres .genre-selection-head h2{
  margin:0 !important;
  font-size:22px !important;
  line-height:1.1 !important;
}

#genres .genre-song-list{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

#genres .genre-song-row{
  display:grid !important;
  grid-template-columns:minmax(220px,1.4fr) minmax(160px,1fr) 100px 48px !important;
  align-items:center !important;
  gap:14px !important;
  min-height:54px !important;
  padding:8px 12px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:12px !important;
  background:rgba(13,9,42,.54) !important;
}

#genres .genre-song-row:hover{
  background:rgba(19,14,56,.76) !important;
  border-color:rgba(0,232,255,.14) !important;
}

#genres .genre-song-title{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
}

#genres .genre-song-artist{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#aeb5c9 !important;
  font-size:12px !important;
}

#genres .genre-song-plays{
  color:#808aa5 !important;
  font-size:11px !important;
  text-align:right !important;
}

#genres .genre-song-play{
  width:34px !important;
  height:34px !important;
  border:0 !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#ff39c8,#784cff) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  font-size:12px !important;
  justify-self:end !important;
}

#genres .genre-song-play:hover{
  transform:scale(1.04) !important;
}

#genres .genre-empty{
  min-height:84px !important;
  display:grid !important;
  place-items:center !important;
  padding:20px !important;
  border:1px dashed rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  color:#9aa3bb !important;
  text-align:center !important;
}

#genres .genre-empty[hidden]{
  display:none !important;
}

@media(max-width:820px){
  #genres .genre-selection-results{
    width:calc(100vw - 34px) !important;
  }

  #genres .genre-song-row{
    grid-template-columns:minmax(0,1fr) 44px !important;
    gap:8px 12px !important;
  }

  #genres .genre-song-artist{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  #genres .genre-song-plays{
    display:none !important;
  }

  #genres .genre-song-play{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
  }
}