/* 0.5.33 — encaixe final lateral e revisão fina dos botões.
   Remove as margens pretas laterais, alinha o X e padroniza os botões da sala de arquivos. */
@media (max-width:760px){
  body.emr-mobile-mix-open #emr-mobile-mix-root:not([hidden]){
    width:100vw!important;
    height:var(--emr-mobile-visible-height,100dvh)!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#060a0c!important;
  }

  /* O painel agora ocupa toda a largura e altura, sem deixar sobras laterais. */
  #emr-mobile-mix-root .emr-mobile-console{
    left:0!important;
    top:0!important;
    width:390px!important;
    height:844px!important;
    transform:scale(var(--emr-mobile-scale-x,1),var(--emr-mobile-scale-y,1))!important;
    transform-origin:top left!important;
    border-radius:0!important;
  }

  /* Fecha certinho centralizado. */
  #emr-mobile-mix-root .emr-mobile-console>header>button{
    display:grid!important;place-items:center!important;padding:0!important;
  }

  /* Botões superiores levemente menores para respirar melhor. */
  #emr-mobile-mix-root .emr-mobile-top-actions button{
    font-size:12px!important;
    letter-spacing:.15px!important;
  }

  /* Sala de arquivos um pouco mais compacta e mais organizada. */
  #emr-mobile-mix-root .emr-mobile-source-room{
    gap:10px!important;
    padding:10px!important;
  }
  #emr-mobile-mix-root .emr-mobile-source-left{gap:8px!important}
  #emr-mobile-mix-root .emr-mobile-source-right{gap:10px!important}
  #emr-mobile-mix-root .emr-mobile-source-room button{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:8px 8px!important;
    font-size:21px!important;
    line-height:1!important;
    letter-spacing:.2px!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  #emr-mobile-mix-root .emr-mobile-source-left button{
    border-radius:24px!important;
  }
  #emr-mobile-mix-root .emr-mobile-source-right button{
    border-radius:14px!important;
    font-size:18px!important;
    padding:8px 10px!important;
  }

  /* Rack conserva o que já ficou bom. */
  #emr-mobile-mix-root .emr-mobile-channel{
    min-width:92px!important;
  }

  /* Transporte: play branco com triângulo preto; ao ativar, fica vermelho. */
  #emr-mobile-mix-root .emr-mobile-transport button{
    display:grid!important;place-items:center!important;
  }
  #emr-mobile-mix-root .emr-mobile-transport button>span{
    position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;
  }
  #emr-mobile-mix-root .emr-play-icon{
    display:block!important;width:0!important;height:0!important;margin-left:4px!important;
    border-top:12px solid transparent!important;border-bottom:12px solid transparent!important;border-left:18px solid #171b1d!important;
    filter:none!important;
  }
  #emr-mobile-mix-root .emr-stop-icon{
    background:#fff!important;
    box-shadow:0 1px 2px #111!important;
  }
  #emr-mobile-mix-root .emr-mobile-transport button.is-lit .emr-play-icon{
    border-left-color:#fff!important;
  }
  #emr-mobile-mix-root .emr-mobile-console button.is-lit{
    color:#fff!important;
    background:linear-gradient(#e7474d,#810d13)!important;
    box-shadow:inset 0 3px #ffaaaa66,0 0 18px #ff2938!important;
  }
}