/* CR_COLLECTIVE_V172C_SINGLE_GLOBAL_PLAYER_LOCK_STYLE */

html body .cr-u-player {
  box-sizing: border-box !important;
  z-index: 99999 !important;
}

/* Keep one clean Top-Tracks-like player button style everywhere */
html body .cr-u-actions {
  display: grid !important;
  grid-template-columns: 38px 38px !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: end !important;
  min-width: 86px !important;
  padding-right: 2px !important;
}

html body .cr-u-icon,
html body .cr-u-round {
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-align: center !important;
  border-radius: 999px !important;
}

html body .cr-u-round {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  font-size: 0 !important;
}

html body .cr-u-round.is-main {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
}

html body .cr-u-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  font-size: 0 !important;
}

html body .cr-u-round[data-cr-u-prev]::before {
  content: "‹‹";
  font-size: 18px;
  font-weight: 1000;
  line-height: 1;
  transform: translateY(-1px);
}

html body .cr-u-round[data-cr-u-next]::before {
  content: "››";
  font-size: 18px;
  font-weight: 1000;
  line-height: 1;
  transform: translateY(-1px);
}

html body .cr-u-round[data-cr-u-toggle]::before {
  content: "▶";
  font-size: 18px;
  font-weight: 1000;
  line-height: 1;
  transform: translateX(1px);
}

html body .cr-u-round[data-cr-u-toggle][data-cr-v172c-playing="1"]::before,
html body .cr-u-round[data-cr-u-toggle][data-cr-v172a-playing="1"]::before {
  content: "Ⅱ";
  font-size: 18px;
  transform: none;
}

html body .cr-u-icon[data-cr-u-min]::before {
  content: "⌄";
  display: grid;
  place-items: center;
  font-size: 19px;
  font-weight: 1000;
  line-height: 1;
  transform: translateY(-1px);
}

html body .cr-u-player[data-minimized="1"] .cr-u-icon[data-cr-u-min]::before {
  content: "⌃";
  transform: translateY(1px);
}

html body .cr-u-icon[data-cr-u-close]::before {
  content: "×";
  display: grid;
  place-items: center;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
  transform: translateY(-1px);
}

/* Minimized still keeps volume usable */
html body .cr-u-player[data-minimized="1"] .cr-u-side {
  display: grid !important;
  justify-items: end !important;
  min-width: 170px !important;
}

html body .cr-u-player[data-minimized="1"] .cr-u-volume-wrap {
  display: grid !important;
  grid-template-columns: auto minmax(92px, 150px) !important;
  align-items: center !important;
  gap: 8px !important;
}

html body .cr-u-player[data-minimized="1"] .cr-u-links {
  display: none !important;
}

html body .cr-u-player[data-minimized="1"] .cr-u-main {
  grid-template-columns: minmax(210px, .95fr) minmax(300px, 1.25fr) minmax(170px, .45fr) 88px !important;
  gap: 12px !important;
  padding: 7px 10px !important;
}

/* Hide legacy Music Library player shells if an old cached script created them */
html body [data-cr-v172c-hidden-legacy-player="1"] {
  display: none !important;
}

@media (max-width: 980px) {
  html body .cr-u-player[data-minimized="1"] .cr-u-main {
    grid-template-columns: 1fr auto !important;
  }

  html body .cr-u-player[data-minimized="1"] .cr-u-center,
  html body .cr-u-player[data-minimized="1"] .cr-u-side {
    grid-column: 1 / -1 !important;
  }

  html body .cr-u-player[data-minimized="1"] .cr-u-side {
    justify-items: stretch !important;
  }

  html body .cr-u-player[data-minimized="1"] .cr-u-volume-wrap {
    grid-template-columns: auto minmax(140px, 1fr) !important;
  }
}