/* CANTAIMY v8.12 — mobile playlist sheet raised above fixed player */
@media (max-width:820px){
  /* Only the add/create playlist flow becomes a compact sheet. The normal
     playlist contents modal keeps the v8.10 full-height behaviour. */
  #playlistModal.mobile-playlist-sheet{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:84px!important;
    height:auto!important;
    min-height:0!important;
    z-index:60000!important;
    display:none;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:10px 8px 10px!important;
    box-sizing:border-box!important;
  }
  #playlistModal.mobile-playlist-sheet.open{display:flex!important;}

  #playlistModal.mobile-playlist-sheet .playlist-modal-card{
    width:100%!important;
    max-width:none!important;
    max-height:min(58dvh,520px)!important;
    margin:0!important;
    padding:14px 14px 16px!important;
    overflow:hidden!important;
    border-radius:20px!important;
    box-shadow:0 14px 50px rgba(0,0,0,.50)!important;
  }

  #playlistModal.mobile-playlist-sheet #playlistModalBody{
    max-height:calc(min(58dvh,520px) - 72px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:4px!important;
  }

  #playlistModal.mobile-playlist-sheet .playlist-choice-list{
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:4px!important;
  }

  #playlistModal.mobile-playlist-sheet .playlist-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  #playlistModal.mobile-playlist-sheet .playlist-form .primary,
  #playlistModal.mobile-playlist-sheet .playlist-form button{
    width:100%!important;
  }
}

@media (max-width:380px){
  #playlistModal.mobile-playlist-sheet{
    bottom:84px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #playlistModal.mobile-playlist-sheet .playlist-modal-card{
    max-height:min(62dvh,500px)!important;
    padding:12px!important;
  }
}