/* BHK V7.0.460 — Mobile Vocal Collaborators jacket + sleeve availability.
   Mobile-only. Exposes the existing Vocal Collaborators authority in Browse without changing desktop, PMLR, REST, OAuth, SDK, or API requirements. */
@media (max-width: 782px) {
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__browseCard--vocalCollaborators {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--v5-proof) 70%, var(--v5-line) 30%);
    background:
      linear-gradient(90deg, color-mix(in srgb, var(--v5-accent) 22%, var(--v5-surface-2) 78%), color-mix(in srgb, var(--v5-signal) 12%, var(--v5-surface-2) 88%)),
      color-mix(in srgb, var(--v5-surface-2) 86%, transparent);
    box-shadow:
      0 0 20px color-mix(in srgb, var(--v5-accent) 16%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 18%, transparent);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__browseCard--vocalCollaborators::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--v5-proof), var(--v5-accent));
    box-shadow: 0 0 18px color-mix(in srgb, var(--v5-proof) 34%, transparent);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__browseCard--vocalCollaborators span:first-child {
    color: color-mix(in srgb, var(--v5-proof) 84%, #fff 16%);
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__browseCard--vocalCollaborators strong {
    color: color-mix(in srgb, var(--v5-signal) 78%, #fff 22%);
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__browseCard--vocalCollaborators span:last-child {
    color: color-mix(in srgb, var(--v5-text) 78%, var(--v5-proof) 22%);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileJacketStage--vocalCollaborators {
    width: 100%;
    min-height: 0 !important;
    height: auto !important;
    padding: 44px 14px 28px;
    overflow: visible;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileJacketStage--vocalCollaborators[hidden] {
    display: none !important;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileJacket--vocalCollaborators,
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileSleeve--vocalCollaborators {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible;
    border: 1px solid color-mix(in srgb, var(--v5-line-strong) 66%, transparent);
    background:
      radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--v5-accent) 12%, transparent), transparent 210px),
      color-mix(in srgb, var(--v5-surface-2) 90%, #000 10%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 10%, transparent);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileJacketCopy--vocalCollaborators {
    display: grid;
    gap: 12px;
    padding: 24px 16px 18px;
    border-bottom: 1px solid color-mix(in srgb, var(--v5-line) 62%, transparent);
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 6%, transparent), transparent 65%),
      color-mix(in srgb, var(--v5-surface-2) 92%, #000 8%);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileJacket--vocalCollaborators .bhk-v5-mobilePlayer__mobileJacketTitle {
    font-size: clamp(42px, 13vw, 70px);
    line-height: .86;
    letter-spacing: -.04em;
    text-transform: none;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileJacket--vocalCollaborators .bhk-v5-mobilePlayer__mobileJacketSubtitle {
    max-width: 30ch;
    color: var(--v5-text);
    font-size: 20px;
    line-height: 1.12;
    font-weight: 850;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalChips {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 4px;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalChips span {
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--v5-line) 76%, transparent);
    color: var(--v5-proof);
    font-size: 10px;
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileSleeve--vocalCollaborators {
    display: grid;
    gap: 12px;
    margin-top: 12px;
    padding: 14px;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileSleeveHead--vocalCollaborators {
    display: grid;
    gap: 7px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--v5-line) 72%, transparent);
    background: color-mix(in srgb, var(--v5-page) 42%, transparent);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileSleeveHead--vocalCollaborators span,
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalAuthority > span {
    color: var(--v5-signal);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileSleeveHead--vocalCollaborators strong {
    color: var(--v5-proof);
    font-size: 20px;
    line-height: 1.05;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileSleeveHead--vocalCollaborators p {
    margin: 0;
    color: var(--v5-muted);
    font-size: 13px;
    line-height: 1.35;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalAuthority {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--v5-proof) 42%, var(--v5-line) 58%);
    background: color-mix(in srgb, var(--v5-proof) 5%, transparent);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalAuthority ul,
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalCard ul {
    display: grid;
    gap: 7px;
    margin: 0;
    padding-left: 18px;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalAuthority li,
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalCard li {
    color: var(--v5-text);
    font-size: 13px;
    line-height: 1.32;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalGroups {
    display: grid;
    gap: 9px;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalGroup {
    border: 1px solid color-mix(in srgb, var(--v5-line) 75%, transparent);
    background: color-mix(in srgb, var(--v5-surface) 74%, transparent);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalGroupSummary {
    min-height: 48px;
    display: grid;
    grid-template-columns: 18px 1fr;
    align-items: center;
    gap: 8px;
    padding: 11px 12px;
    list-style: none;
    cursor: pointer;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalGroupSummary::-webkit-details-marker {
    display: none;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalGroupSummary strong {
    color: var(--v5-proof);
    font-size: 12px;
    line-height: 1.12;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalChevron::before {
    content: "›";
    display: block;
    color: var(--v5-signal);
    font-size: 22px;
    line-height: 1;
    transform: rotate(0deg);
    transition: transform .18s ease;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalGroup[open] .bhk-v5-mobilePlayer__mobileVocalChevron::before {
    transform: rotate(90deg);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalList {
    display: grid;
    gap: 9px;
    padding: 0 10px 12px;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalCard {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--v5-line) 62%, transparent);
    background: color-mix(in srgb, var(--v5-page) 42%, transparent);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalCard h4 {
    margin: 0;
    color: var(--v5-signal);
    font-size: 14px;
    line-height: 1.12;
    font-weight: 900;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalEmpty {
    margin: 0;
    padding: 12px;
    border: 1px dashed color-mix(in srgb, var(--v5-line) 74%, transparent);
    color: var(--v5-muted);
    font-size: 13px;
    line-height: 1.35;
  }
}

@media (max-width: 390px) {
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer__mobileVocalChips {
    grid-template-columns: 1fr;
  }
}