/* JF4182 — movable tablet player in both orientations and tablet-first landscape layout. */

@media(max-width:1400px){
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned{
    position:fixed!important;
    top:var(--queue-mobile-top,6px)!important;
    right:max(6px,2.5vw)!important;
    bottom:auto!important;
    left:max(6px,2.5vw)!important;
    width:auto!important;
    height:var(--queue-mobile-height,auto)!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    touch-action:auto!important;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-player-head{
    cursor:ns-resize!important;
    touch-action:none!important;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-information-area{
    min-height:0!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-information-area details,
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-information-area details[open]>div{
    touch-action:pan-y!important;
    overscroll-behavior-y:contain!important;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-information-area details[open]>div{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-resize-handle{
    min-height:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    cursor:ns-resize!important;
    touch-action:none!important;
  }
  html.joy-touch-music-layout .music-queue-player[hidden]{display:none!important}
}

@media(orientation:landscape) and (max-width:1400px){
  html.joy-touch-music-layout body:has([data-music-page-root])>header{
    height:54px;
    min-height:54px;
    padding:5px 3vw;
    align-items:center;
    flex-wrap:nowrap;
    gap:14px;
  }
  html.joy-touch-music-layout body:has([data-music-page-root])>header .logo{
    flex:0 0 auto;
    font-size:1.02rem;
    white-space:nowrap;
  }
  html.joy-touch-music-layout body:has([data-music-page-root])>header .logo span{
    width:32px;
    height:32px;
    margin-right:6px;
  }
  html.joy-touch-music-layout body:has([data-music-page-root])>header nav{
    min-width:0;
    flex:1 1 auto;
    flex-wrap:nowrap;
    justify-content:flex-end;
    gap:7px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    white-space:nowrap;
    scrollbar-width:none;
  }
  html.joy-touch-music-layout body:has([data-music-page-root])>header nav::-webkit-scrollbar{display:none}
  html.joy-touch-music-layout body:has([data-music-page-root])>header nav>a,
  html.joy-touch-music-layout body:has([data-music-page-root])>header nav .link{
    flex:0 0 auto;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    padding:6px 8px;
    font-size:.76rem;
  }
  html.joy-touch-music-layout body:has([data-music-page-root])>header nav .primary{padding-inline:12px}

  html.joy-touch-music-layout .music-library-hero-compact{
    width:94vw;
    min-height:82px;
    margin:8px auto 7px;
    padding:9px 17px;
    border-radius:21px;
    flex-direction:row;
    align-items:center;
  }
  html.joy-touch-music-layout .music-library-hero-compact h1{
    margin:.03em 0;
    font-size:clamp(1.72rem,3.5vw,2.25rem);
  }
  html.joy-touch-music-layout .music-library-hero-compact .eyebrow{margin:0;font-size:.58rem}
  html.joy-touch-music-layout .music-library-hero-compact .music-library-stats{
    flex-direction:row!important;
    gap:6px!important;
  }
  html.joy-touch-music-layout .music-library-hero-compact .music-library-stats div{
    min-width:82px;
    padding:6px 9px;
    border-radius:13px;
  }
  html.joy-touch-music-layout .music-library-hero-compact .music-library-stats b{font-size:1.02rem}
  html.joy-touch-music-layout .music-library-hero-compact .music-library-stats span{font-size:.58rem}

  html.joy-touch-music-layout .music-control-compact{
    width:94vw;
    margin-bottom:7px;
    padding:8px 10px!important;
    border-radius:17px;
  }
  html.joy-touch-music-layout .music-primary-row{
    display:grid!important;
    grid-template-columns:auto minmax(170px,1fr) minmax(105px,auto) auto!important;
    align-items:center!important;
    gap:6px!important;
  }
  html.joy-touch-music-layout .music-primary-row .music-all-button{grid-column:1!important;grid-row:1!important}
  html.joy-touch-music-layout .music-primary-row .music-favorite-album-button{grid-column:2!important;grid-row:1!important;justify-content:center}
  html.joy-touch-music-layout .music-primary-row .favorite-picker{grid-column:3!important;grid-row:1!important}
  html.joy-touch-music-layout .music-primary-row .music-priority-filter{grid-column:4!important;grid-row:1!important;justify-self:end}
  html.joy-touch-music-layout .music-primary-row .music-output-compact{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    width:100%;
    margin:0!important;
    gap:7px!important;
  }
  html.joy-touch-music-layout .music-primary-row .music-output-compact label{display:flex;min-width:0;width:auto}
  html.joy-touch-music-layout .music-primary-row .music-output-compact label>span{display:none}
  html.joy-touch-music-layout .music-primary-row .music-output-compact label:first-child{margin-right:auto}
  html.joy-touch-music-layout .music-primary-row .music-output-compact label:first-child select{width:min(260px,34vw)!important;min-width:180px}
  html.joy-touch-music-layout .music-primary-row .music-output-compact select,
  html.joy-touch-music-layout .music-primary-row .music-output-compact button{
    min-height:36px;
    height:36px;
    padding-top:6px;
    padding-bottom:6px;
  }
  html.joy-touch-music-layout .music-primary-row .music-output-compact .jriver-page-state{
    flex:0 0 auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    text-align:right!important;
  }

  html.joy-touch-music-layout .music-search-compact,
  html.joy-touch-music-layout .music-results{width:94vw}
  html.joy-touch-music-layout .music-search-compact{margin-bottom:6px}
  html.joy-touch-music-layout .music-search-compact input{min-height:38px;height:38px;padding-block:7px}
  html.joy-touch-music-layout .music-search-compact button,
  html.joy-touch-music-layout .music-search-compact a{min-height:38px;padding:7px 13px}
  html.joy-touch-music-layout .music-view-tabs{
    gap:5px;
    max-width:100%;
    padding:1px 0 5px!important;
  }
  html.joy-touch-music-layout .music-view-tabs a{
    min-height:36px!important;
    height:36px!important;
    display:inline-flex;
    align-items:center;
    padding:6px 12px!important;
    font-size:.74rem!important;
  }
  html.joy-touch-music-layout .music-results-head{padding:5px 2px 9px}
  html.joy-touch-music-layout .music-results-head h2{font-size:1.25rem!important}
  html.joy-touch-music-layout .music-track-list{gap:5px}
  html.joy-touch-music-layout .music-track-row{min-height:48px;padding:6px 9px}
  html.joy-touch-music-layout .track-more-menu{
    position:fixed;
    top:50%;
    right:auto;
    left:5vw;
    width:90vw;
    max-height:78dvh;
    transform:translateY(-50%);
    overflow-y:auto;
  }

  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned{
    right:4vw!important;
    left:4vw!important;
    border-radius:18px;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-player-head{padding:9px 13px 6px}
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-close{
    width:38px!important;
    height:38px!important;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-player-controls{
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) auto!important;
    gap:8px!important;
    padding:0 13px 8px;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned.is-jriver-target .queue-player-controls{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-information-area{
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px;
    padding:0 13px 8px;
  }
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-information-area details{height:100%;overflow:hidden}
  html.joy-touch-music-layout .music-queue-player.is-mobile-positioned .queue-information-area details[open]>div{min-height:44px}
}

@media(orientation:landscape) and (max-height:520px) and (max-width:1000px){
  html.joy-touch-music-layout body:has([data-music-page-root])>header{height:48px;min-height:48px;padding-block:3px}
  html.joy-touch-music-layout .music-library-hero-compact{min-height:68px;padding-block:6px}
  html.joy-touch-music-layout .music-library-hero-compact h1{font-size:1.55rem}
  html.joy-touch-music-layout .music-library-hero-compact .music-library-stats div{padding-block:4px}
  html.joy-touch-music-layout .music-primary-row{grid-template-columns:auto minmax(145px,1fr) minmax(96px,auto) auto!important}
  html.joy-touch-music-layout .music-primary-row .music-output-compact select,
  html.joy-touch-music-layout .music-primary-row .music-output-compact button{height:34px;min-height:34px}
  html.joy-touch-music-layout .music-view-tabs a{height:34px!important;min-height:34px!important;padding-inline:9px!important}
}