/* Prototype player bar (.music-player) is the only visible footer chrome on v2 music pages.
   Legacy #embed_bottom_player stays in the DOM for audio/queue logic but is hidden. */

/* Always show prototype player — never swap to legacy embed bar */
body.dashboard-page[class*="music-"] .music-player {
  display: block !important;
  z-index: 1040;
}

body.dashboard-page[class*="music-"] .music-player-btn {
  cursor: pointer;
}

body.dashboard-page[class*="music-"] .music-player-play {
  cursor: pointer;
}

body.dashboard-page[class*="music-"] .music-player-btn.is-active {
  color: #5eb8ff;
  background: rgba(47, 157, 244, 0.18);
}

body.dashboard-page[class*="music-"] .music-player.is-playing .music-player-play {
  box-shadow: 0 10px 28px rgba(47, 157, 244, 0.38);
}

/* Legacy embed bar: full-width anchor only — no visible chrome */
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10,
body.dashboard-page[class*="music-"] .embedplayer10 {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

/* Hide every legacy toolbar/control inside the embed player on v2 pages */
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_display,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_bottom_controls,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #queue-menu-btn,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_large_repeat,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_large_shuffle,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_volume_speaker,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_volume_back,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_list_icon,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_restore_icon,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_player_blur,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_player_hd,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_player_share_icons,
body.dashboard-page[class*="music-"] #embed_bottom_player.embedplayer10 #embed_logo_button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Hide legacy bottom bar while playing — v2 footer player is the visible chrome */
body.dashboard-page[class*="music-"]:not(.embed_queue_open) #embed_bottom_player.embedplayer10,
body.dashboard-page[class*="music-"]:not(.embed_queue_open) #embed_bottom_player.embedplayer10.init,
body.dashboard-page[class*="music-"]:not(.embed_queue_open) #embed_bottom_player.embedplayer10.embed_playing,
body.dashboard-page[class*="music-"]:not(.embed_queue_open) #embed_bottom_player.embedplayer10.queue_restoreable {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  z-index: -1 !important;
}

body.dashboard-page[class*="music-"] #embed_player_audio {
  position: fixed !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Peek queue lives inside hidden #embed_bottom_player — undo parent invisibility */
body.dashboard-page[class*="music-"].music-queue-peek:not(.embed_queue_open) #embed_bottom_player.embedplayer10,
body.dashboard-page[class*="music-"].music-queue-peek:not(.embed_queue_open) #embed_bottom_player.embedplayer10.init,
body.dashboard-page[class*="music-"].music-queue-peek:not(.embed_queue_open) #embed_bottom_player.embedplayer10.embed_playing,
body.dashboard-page[class*="music-"].music-queue-peek:not(.embed_queue_open) #embed_bottom_player.embedplayer10.queue_restoreable {
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 1038 !important;
}

/* Expand queue — slide-up panel above prototype player */
body.dashboard-page[class*="music-"].embed_queue_open #embed_bottom_player.embedplayer10 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 72px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  z-index: 1035 !important;
  background: linear-gradient(180deg, rgba(14, 18, 28, 0.98), rgba(8, 10, 16, 0.99)) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.dashboard-page[class*="music-"].embed_queue_open .embedplayer10 #embed_display,
body.dashboard-page[class*="music-"].embed_queue_open .embedplayer10 #embed_bottom_controls,
body.dashboard-page[class*="music-"].embed_queue_open .embedplayer10 #embed_volume_speaker,
body.dashboard-page[class*="music-"].embed_queue_open .embedplayer10 #embed_volume_back {
  display: none !important;
}

body.dashboard-page[class*="music-"].embed_queue_open #embed_list_container.embed_list_show {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 24px auto !important;
  padding: 0 16px 24px !important;
  height: auto !important;
  background: transparent !important;
}

body.dashboard-page[class*="music-"].embed_queue_open .embed_current_playlist_row {
  border-radius: 10px;
  margin-bottom: 6px;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #eaf0ff !important;
}

body.dashboard-page[class*="music-"].embed_queue_open .embed_current_playlist_row a,
body.dashboard-page[class*="music-"].embed_queue_open .embed_current_playlist_song {
  color: #eaf0ff !important;
}

body.dashboard-page[class*="music-"].embed_queue_open [data-music-player-expand] i {
  transform: rotate(180deg);
}

/* Volume popover on prototype player */
body.dashboard-page[class*="music-"] .music-player-volume-pop {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(12, 18, 28, 0.98);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  min-width: 140px;
  z-index: 2;
}

body.dashboard-page[class*="music-"] .music-player-volume-pop.is-open {
  display: block !important;
}

body.dashboard-page[class*="music-"] .music-player-volume-pop input[type="range"] {
  width: 100%;
  accent-color: #2f9df4;
}

body.dashboard-page[class*="music-"] .music-player-tools {
  position: relative;
}

body.dashboard-page[class*="music-"] .music-player-volume-wrap {
  position: relative;
}

body.dashboard-page[class*="music-"].music-queue-peek .music-player {
  bottom: 70px;
}

body.dashboard-page[class*="music-"].music-queue-peek.embed_large_queue .music-player {
  bottom: 140px;
}

body.dashboard-page[class*="music-"].music-queue-peek .back-to-top {
  bottom: 158px;
}

body.dashboard-page[class*="music-"].music-queue-peek.embed_large_queue .back-to-top {
  bottom: 228px;
}

body.dashboard-page[class*="music-"].music-queue-peek [data-music-player-expand] i {
  transform: none;
}

body.dashboard-page[class*="music-"].music-queue-peek [data-music-player-expand].is-active {
  color: #5eb8ff;
  background: rgba(47, 157, 244, 0.18);
}

/* Queue strip below the player bar — only when chevron is toggled open */
body.dashboard-page[class*="music-"].music-queue-peek #embed_list_container.embed_list_show {
  display: block !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  height: 70px !important;
  max-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1041 !important;
  background: linear-gradient(180deg, rgba(18, 22, 32, 0.96), rgba(10, 12, 18, 0.98)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.28);
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.dashboard-page[class*="music-"].music-queue-peek.embed_large_queue #embed_list_container.embed_list_show {
  height: 140px !important;
  max-height: 140px !important;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_container .simplebar-content {
  display: flex !important;
  min-width: max-content;
  height: 100%;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle {
  display: flex !important;
  align-items: stretch;
  gap: 4px;
  padding: 5px 8px;
  height: 100%;
  width: max-content;
  min-width: 100%;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li {
  width: 200px !important;
  min-width: 200px;
  height: 60px !important;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  padding: 5px 5px 5px 0;
  margin: 0;
  background: transparent !important;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 5px;
  right: 5px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: none;
  z-index: 0;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li.embed_playing:before {
  background: rgba(47, 157, 244, 0.22);
  border-color: rgba(47, 157, 244, 0.45);
  box-shadow: 0 0 0 1px rgba(47, 157, 244, 0.18);
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li.embed_playing a,
body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li.embed_playing .embed_current_playlist_songtitle,
body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li.embed_playing .embed_current_playlist_artist {
  color: #fff !important;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li .embed_current_playlist_play_button {
  width: 40px;
  height: 40px;
  float: left;
  margin: 5px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  z-index: 1;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li .embed_current_playlist_song_cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li .embed_current_playlist_songtitle {
  color: rgba(234, 240, 255, 0.92) !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 55px;
  width: 135px;
  display: block;
  margin-top: 5px;
  position: relative;
  z-index: 1;
  line-height: 20px;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li .embed_current_playlist_artist {
  color: rgba(234, 240, 255, 0.55) !important;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 55px;
  width: 140px;
  display: block;
  position: relative;
  z-index: 1;
  line-height: 20px;
}

body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li .embed_list_remove,
body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li .embed_list_queue,
body.dashboard-page[class*="music-"].music-queue-peek #embed_list_middle li .embed_list_more {
  display: none;
}

/* Queue caret — keep above the v2 footer player */
body.dashboard-page[class*="music-"] .context-menu-list.context-menu-queue {
  z-index: 1060 !important;
}

body.dashboard-page[class*="music-"] .context-menu-queue:first-of-type:before {
  border-top-color: rgba(255, 255, 255, 0.12);
}

body.dashboard-page[class*="music-"] .context-menu-queue:first-of-type:after {
  border-top-color: rgba(12, 16, 26, 0.96);
}