/* Production Pack public list — main row and version actions match normal single-track UI. */
.production-packs-section{margin-top:28px}
.production-packs-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.production-packs-title{margin:0;font-size:22px}
.production-packs-subtitle{color:#aaa;font-size:12px;margin-top:3px}
.production-packs-section .table-wrapper{overflow:visible!important}
.production-pack-table{width:100%!important;min-width:0!important;background:transparent!important}

/* Give the avatar a little breathing room before Title - Artist. */
html body.browse-page .production-pack-table tr.production-pack-row>td.track-avatar-cell{margin-right:6px!important}
html body.browse-page .production-pack-table tr.production-pack-row>td.production-pack-info-cell{position:relative!important;padding-left:0!important;padding-right:56px!important}
html body.browse-page .production-pack-table .production-pack-title-row{display:block!important;min-width:0!important}
/* Keep the versions triangle on the same vertical center line as Price / Cart / Preview. */
html body.browse-page .production-pack-table .production-pack-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;align-self:auto!important}
html body.browse-page .production-pack-table .production-pack-toggle[aria-expanded="true"]{transform:translateY(-50%)!important}
html body.browse-page .production-pack-table .production-pack-title-row .er-track-title-line{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;margin:0!important}
html body.browse-page .production-pack-table .production-pack-genres-line{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;color:#686868!important;margin-top:4px!important}
.production-pack-toggle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:48px;height:28px;cursor:pointer;color:#fff;border-radius:3px;background:#1b1b1b}
.production-pack-toggle:hover{background:#262626}
.production-pack-toggle svg{display:block;width:16px;height:16px;fill:currentColor;transition:transform .18s ease}
.production-pack-toggle[aria-expanded="true"] svg{transform:rotate(90deg)}
.production-version-count{font-size:10px;color:#aaa;font-weight:600;line-height:1}

/* Versions are truly closed on first load. JS only removes hidden after triangle click. */
.production-version-details-row[hidden]{display:none!important}
.production-version-details-row{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:#090909!important}
.production-version-details-row>td{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:#090909!important}
.production-version-container{display:block!important;width:100%!important;padding:0!important;background:#090909!important}
.production-version-list{padding:5px 52px 9px 96px}
.production-version-row{display:grid;grid-template-columns:44px minmax(0,1fr) 130px 42px;align-items:center;gap:8px;min-height:58px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.production-version-row:last-child{border-bottom:0}
.production-version-no{color:#777;font-size:11px;text-align:center;font-weight:500}
.production-version-info{min-width:0;overflow:hidden}
.production-version-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0 0 4px!important}
.production-version-title .er-track-title-text{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.production-version-meta{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
.production-version-buy{width:130px;min-width:130px;justify-self:end}
.production-version-row .preview-btn{justify-self:end!important}
.production-version-row .production-version-cart-btn,.production-version-row .preview-btn{visibility:visible!important;opacity:1!important}

/* Keep Production Pack version metadata identical to ordinary tracks. */
html body.browse-page .production-version-title .er-track-title-version.is-clean{color:#18e56b!important;background:transparent!important}
html body.browse-page .production-version-title .er-track-title-version.is-dirty{color:#ff4d57!important;background:transparent!important}
html body.browse-page .production-version-meta .er-key-chip{color:var(--er-key-color,#b8b8b8)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}

/* Force the same visible main-row action controls used by normal single tracks. */
html body.browse-page .production-pack-row .er-track-buy-cell,
html body.browse-page .production-pack-row .er-track-play-cell,
html body.browse-page .production-pack-row .production-pack-cart-btn,
html body.browse-page .production-pack-row .preview-btn{visibility:visible!important;opacity:1!important}

@media(max-width:768px){
  .production-packs-title{font-size:19px}
  html body.browse-page .production-pack-table tr.production-pack-row>td.track-avatar-cell{margin-right:4px!important}
  html body.browse-page .production-pack-table tr.production-pack-row>td.production-pack-info-cell{padding-right:47px!important}
  .production-pack-toggle{width:42px;height:26px}
  .production-version-list{padding:4px 8px 8px 36px}
  .production-version-row{grid-template-columns:34px minmax(0,1fr) 130px 42px;gap:6px}
  .production-version-meta{font-size:10px!important}
}

@media(max-width:560px){
  .production-version-list{padding-left:8px}
  .production-version-row{grid-template-columns:30px minmax(0,1fr) 42px;grid-template-rows:auto auto;align-items:center}
  .production-version-no{grid-column:1;grid-row:1 / span 2}
  .production-version-info{grid-column:2 / span 2;grid-row:1}
  .production-version-buy{grid-column:2;grid-row:2;justify-self:start;margin-top:2px}
  .production-version-row>.preview-btn{grid-column:3;grid-row:2;justify-self:end!important}
}


/* Production Packs on public remixer profile — same UI/alignment as Browse. */
html body.remixer-profile-page .production-packs-section{margin-top:26px;margin-bottom:30px}
html body.remixer-profile-page .production-pack-table tr.production-pack-row>td.track-avatar-cell{margin-right:6px!important}
html body.remixer-profile-page .production-pack-table tr.production-pack-row>td.production-pack-info-cell{position:relative!important;padding-left:0!important;padding-right:56px!important}
html body.remixer-profile-page .production-pack-table .production-pack-title-row{display:block!important;min-width:0!important}
html body.remixer-profile-page .production-pack-table .production-pack-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;align-self:auto!important}
html body.remixer-profile-page .production-pack-table .production-pack-toggle[aria-expanded="true"]{transform:translateY(-50%)!important}
html body.remixer-profile-page .production-pack-table .production-pack-title-row .er-track-title-line{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;margin:0!important}
html body.remixer-profile-page .production-pack-table .production-pack-genres-line{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;color:#686868!important;margin-top:4px!important}
html body.remixer-profile-page .production-version-title .er-track-title-version.is-clean{color:#18e56b!important;background:transparent!important}
html body.remixer-profile-page .production-version-title .er-track-title-version.is-dirty{color:#ff4d57!important;background:transparent!important}
html body.remixer-profile-page .production-version-meta .er-key-chip{color:var(--er-key-color,#b8b8b8)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body.remixer-profile-page .production-pack-row .er-track-buy-cell,
html body.remixer-profile-page .production-pack-row .er-track-play-cell,
html body.remixer-profile-page .production-pack-row .production-pack-cart-btn,
html body.remixer-profile-page .production-pack-row .preview-btn{visibility:visible!important;opacity:1!important}
@media(max-width:768px){
  html body.remixer-profile-page .production-pack-table tr.production-pack-row>td.track-avatar-cell{margin-right:4px!important}
  html body.remixer-profile-page .production-pack-table tr.production-pack-row>td.production-pack-info-cell{padding-right:47px!important}
}