/* Mobile music and AZ control repair.
   Keeps one compact music control at the bottom and places AZ safely above it. */

/* The Music page already has its own synchronized mini-player. Do not show a
   second persistent global dock on top of it. */
body.music-app .fmb-music-dock{
  display:none!important;
}

@media(max-width:820px){
  body.music-app{
    padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;
  }

  body.music-app .music-stage{
    padding-bottom:150px!important;
  }

  body.music-app .mini-player{
    position:fixed!important;
    z-index:2147482600!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    left:max(12px,env(safe-area-inset-left,0px))!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    width:auto!important;
    min-height:70px!important;
    align-items:center!important;
    gap:10px!important;
    box-sizing:border-box!important;
    padding:8px 9px!important;
    border-radius:20px!important;
    transform:none!important;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
  }

  body.music-app .mini-cover{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }

  body.music-app .mini-title{
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.18!important;
  }

  body.music-app .mini-artist{
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body.music-app .mini-actions{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }

  body.music-app .mini-actions button{
    display:grid!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    place-items:center!important;
    border-radius:14px!important;
    font-size:0!important;
    line-height:1!important;
  }

  body.music-app #miniPlay::before{
    content:"▶";
    font-size:15px;
    transform:translateX(1px);
  }

  body.music-app #miniPlay[aria-label="Pause"]::before{
    content:"Ⅱ";
    font-size:15px;
    transform:none;
  }

  body.music-app #miniNext::before{
    content:"››";
    font-size:17px;
    letter-spacing:-3px;
    transform:translateX(-1px);
  }

  body.music-app #miniPrev::before{
    content:"‹‹";
    font-size:17px;
    letter-spacing:-3px;
    transform:translateX(1px);
  }

  /* AZ belongs above the player, not beside or behind it. */
  body.music-app .az-help-trigger{
    right:max(14px,env(safe-area-inset-right,0px))!important;
    bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
    left:auto!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    padding:8px!important;
    border-radius:20px!important;
  }

  body.music-app .az-help-trigger-icon{
    width:40px!important;
    height:40px!important;
  }

  body.music-app .az-help-panel{
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    left:8px!important;
    width:auto!important;
    height:min(720px,calc(100dvh - 16px - env(safe-area-inset-bottom,0px)))!important;
    transform-origin:bottom right!important;
  }

  /* Give AZ the full interaction area while it is open. */
  body.music-app.az-help-open .mini-player{
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(12px)!important;
    pointer-events:none!important;
  }
}

@media(max-width:390px){
  body.music-app .mini-player{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:7px 8px!important;
  }

  body.music-app .mini-cover{
    width:40px!important;
    height:40px!important;
  }

  body.music-app .mini-actions button{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.music-app .mini-player{
    transition:none!important;
  }
}

@media print{
  body.music-app .mini-player,
  body.music-app .az-help-trigger,
  body.music-app .az-help-layer{
    display:none!important;
  }
}