/* 0.5.37 — curso útil do potenciômetro visível e preenchimento de posição.
   O ponto mínimo fica acima do transporte e a trilha branca mostra claramente até onde o controle está. */
@media (max-width:760px){
  /* O fader ganha margem real embaixo: o mínimo não encosta mais no player. */
  #emr-mobile-mix-root .emr-mobile-fader{
    top:48px!important;
    bottom:28px!important;
    width:38px!important;
  }

  /* Trilho escuro/base. */
  #emr-mobile-mix-root .emr-mobile-fader-rail{
    top:5px!important;
    bottom:5px!important;
    width:6px!important;
    background:linear-gradient(90deg,#1b2023,#596165 48%,#1b2023)!important;
    border-color:#6e777b!important;
  }

  /* Mostra a posição: branco do mínimo até a cabeça do potenciômetro. */
  #emr-mobile-mix-root .emr-mobile-fader-fill{
    position:absolute!important;
    left:50%!important;
    top:var(--emr-fader-pos)!important;
    bottom:5px!important;
    width:5px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#f8f9f9,#d9ddde)!important;
    box-shadow:0 0 3px #ffffff55!important;
    pointer-events:none!important;
    z-index:2!important;
  }

  /* Cabeça maior e fácil de pegar com o dedo. */
  #emr-mobile-mix-root .emr-mobile-fader-knob{
    width:24px!important;
    height:24px!important;
    z-index:3!important;
    box-shadow:0 2px 5px #000c,inset 0 1px 1px #fff,0 0 0 1px #b9c0c3!important;
  }

  /* Área de toque continua larga, mesmo com trilho fino. */
  #emr-mobile-mix-root .emr-mobile-fader:after{
    content:""!important;
    position:absolute!important;
    inset:0 -8px!important;
    z-index:5!important;
    background:transparent!important;
  }

  /* Valor no topo um pouco mais evidente. */
  #emr-mobile-mix-root .emr-mobile-channel>b{
    position:relative!important;
    z-index:8!important;
    min-height:10px!important;
  }

  @media (max-height:600px){
    #emr-mobile-mix-root .emr-mobile-fader{top:42px!important;bottom:24px!important;width:34px!important}
    #emr-mobile-mix-root .emr-mobile-fader-knob{width:22px!important;height:22px!important}
    #emr-mobile-mix-root .emr-mobile-fader-fill{width:4px!important}
  }
  @media (max-height:520px){
    #emr-mobile-mix-root .emr-mobile-fader{top:38px!important;bottom:21px!important;width:32px!important}
    #emr-mobile-mix-root .emr-mobile-fader-knob{width:20px!important;height:20px!important}
  }
}