/* v30 desktop player: exactly three track rows in an independent, scrollable viewport.
   This comes after legacy On Air sheets that otherwise stretch the right-hand panel. */
@media (min-width:961px) {
  .cdj-console {align-items:start!important;}
  .cdj-console>.setlist {
    height:auto!important; min-height:0!important; max-height:none!important;
    align-self:start!important; overflow:hidden!important;
    display:flex!important; flex-direction:column!important;
  }
  .cdj-console>.setlist .v20-vault-content:not([hidden]) {
    display:flex!important; flex:none!important; min-height:0!important;
    height:auto!important; max-height:none!important;
  }
  .cdj-console>.setlist .v20-vault-content:not([hidden]) #playlist {
    --v30-row-height:54px; --v30-row-gap:5px;
    box-sizing:border-box!important;
    display:flex!important; flex-direction:column!important;
    flex-wrap:nowrap!important; flex:none!important;
    width:100%!important; min-width:0!important;
    height:calc(3 * var(--v30-row-height) + 2 * var(--v30-row-gap) + 8px)!important;
    min-height:calc(3 * var(--v30-row-height) + 2 * var(--v30-row-gap) + 8px)!important;
    max-height:calc(3 * var(--v30-row-height) + 2 * var(--v30-row-gap) + 8px)!important;
    margin:0!important; padding:4px 6px!important;
    gap:var(--v30-row-gap)!important;
    overflow-y:scroll!important; overflow-x:hidden!important;
    scrollbar-gutter:stable!important; overscroll-behavior:contain!important;
    scroll-snap-type:y proximity;
    scrollbar-color:#d158dc #11101a;
  }
  .cdj-console>.setlist #playlist>li,
  .cdj-console>.setlist #playlist>li[data-track] {
    box-sizing:border-box!important;
    display:flex!important; flex:0 0 var(--v30-row-height)!important;
    height:var(--v30-row-height)!important;
    min-height:var(--v30-row-height)!important;
    max-height:var(--v30-row-height)!important;
    width:100%!important;
    margin:0!important; padding:5px 7px!important;
    overflow:hidden!important; scroll-snap-align:start;
  }
  .cdj-console>.setlist #playlist>li img.track-art {
    width:40px!important; height:40px!important;
    min-width:40px!important; min-height:40px!important;
  }
  .cdj-console>.setlist .v20-vault-content[hidden] {display:none!important;}
  .cdj-console>.setlist #playlist::-webkit-scrollbar {width:10px!important;}
  .cdj-console>.setlist #playlist::-webkit-scrollbar-track {background:#11101a!important;}
  .cdj-console>.setlist #playlist::-webkit-scrollbar-thumb {
    background:linear-gradient(180deg,#e358ed,#7258d4,#31bdd5)!important;
    border:2px solid #11101a!important; border-radius:10px!important;
  }
}