/* 0.5.26 — rodapé realmente fixo e rack flexível em WebViews mobile. */
@media(max-width:760px){
  html.emr-mobile-mix-open,body.emr-mobile-mix-open{height:100%!important;min-height:100%!important}
  body.emr-mobile-mix-open #emr-mobile-mix-root:not([hidden]){
    position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
    width:auto!important;height:auto!important;min-height:0!important;padding:3px!important;overflow:hidden!important
  }
  #emr-mobile-mix-root .emr-mobile-console{
    position:relative!important;display:flex!important;flex-direction:column!important;
    width:100%!important;height:100%!important;min-height:0!important;padding:0 0 72px!important;overflow:hidden!important
  }
  #emr-mobile-mix-root .emr-mobile-console>header{flex:0 0 46px!important}
  #emr-mobile-mix-root .emr-mobile-preset{flex:0 0 38px!important}
  #emr-mobile-mix-root .emr-mobile-top-actions{flex:0 0 40px!important}
  #emr-mobile-mix-root .emr-mobile-source-room{flex:0 0 82px!important}
  #emr-mobile-mix-root .emr-mobile-channel-stage{display:grid!important;grid-template-rows:minmax(0,1fr) 27px!important;flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  #emr-mobile-mix-root .emr-mobile-channels{height:100%!important;min-height:0!important}
  #emr-mobile-mix-root .emr-mobile-channel{height:100%!important;min-height:0!important}
  #emr-mobile-mix-root .emr-mobile-channel input{top:50%!important;width:clamp(126px,28vh,185px)!important;min-width:0!important;margin-left:0!important;margin-top:7px!important;transform:translate(-50%,-50%) rotate(-90deg)!important}
  #emr-mobile-mix-root .emr-mobile-channel .emr-mobile-vu{top:70px!important;bottom:20px!important}

  #emr-mobile-mix-root .emr-mobile-transport{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:30!important;
    display:grid!important;grid-template-columns:48px 48px 68px 48px 48px!important;align-items:center!important;justify-content:space-evenly!important;
    width:100%!important;height:72px!important;min-height:72px!important;margin:0!important;padding:3px 8px max(4px,env(safe-area-inset-bottom))!important;
    border-top:1px solid #465157!important;background:linear-gradient(#252d31,#111619 72%,#080b0d)!important;box-shadow:0 -5px 12px #000b!important
  }
  #emr-mobile-mix-root .emr-mobile-transport button,
  #emr-mobile-mix-root .emr-mobile-transport button.is-play{
    position:relative!important;align-self:center!important;justify-self:center!important;display:grid!important;place-items:center!important;
    min-width:0!important;margin:0!important;padding:0!important;line-height:1!important;overflow:visible!important
  }
  #emr-mobile-mix-root .emr-mobile-transport button{
    width:48px!important;height:52px!important;border:1px solid #616b70!important;border-radius:12px!important;
    background:linear-gradient(#50585c 0,#292f32 18%,#171b1d 66%,#080a0b 100%)!important;
    box-shadow:inset 0 2px 1px #ffffff45,inset 0 -5px 7px #000,0 4px 7px #000!important
  }
  #emr-mobile-mix-root .emr-mobile-transport button.is-play{
    width:66px!important;height:66px!important;border:2px solid #9da6aa!important;border-radius:50%!important;
    background:radial-gradient(circle at 36% 27%,#fff 0,#f4f5f5 25%,#cdd1d3 54%,#737c81 69%,#202629 72%,#07090a 78%,#7a8489 84%,#1a2023 100%)!important;
    box-shadow:inset 0 2px 3px #fff,inset 0 -4px 7px #111,0 4px 8px #000!important
  }
  #emr-mobile-mix-root .emr-mobile-transport button>span{position:absolute!important;left:50%!important;top:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}
  #emr-mobile-mix-root .emr-mobile-transport .emr-play-icon{
    left:53%!important;width:0!important;height:0!important;border-top:12px solid transparent!important;border-bottom:12px solid transparent!important;border-left:19px solid #fff!important;
    filter:drop-shadow(0 2px 1px #222)!important
  }
  #emr-mobile-mix-root .emr-mobile-transport .emr-stop-icon{width:17px!important;height:17px!important;background:#fff!important;box-shadow:0 1px 2px #111!important}
  #emr-mobile-mix-root .emr-mobile-transport .emr-repeat{font:32px/1 Arial,sans-serif!important;color:#fff!important;text-shadow:0 2px 2px #000!important}
  #emr-mobile-mix-root .emr-mobile-transport .emr-skip{display:flex!important;width:28px!important;height:20px!important;align-items:center!important;justify-content:center!important}
  #emr-mobile-mix-root .emr-mobile-transport .emr-skip i{flex:0 0 auto!important;border-top-width:9px!important;border-bottom-width:9px!important}
  #emr-mobile-mix-root .emr-mobile-transport .emr-skip-back i{border-right-width:11px!important}
  #emr-mobile-mix-root .emr-mobile-transport .emr-skip-forward i{border-left-width:11px!important}
}

@media(max-width:380px){
  #emr-mobile-mix-root .emr-mobile-console{padding-bottom:68px!important}
  #emr-mobile-mix-root .emr-mobile-console>header{flex-basis:44px!important}
  #emr-mobile-mix-root .emr-mobile-preset{flex-basis:36px!important}
  #emr-mobile-mix-root .emr-mobile-top-actions{flex-basis:38px!important}
  #emr-mobile-mix-root .emr-mobile-source-room{flex-basis:78px!important}
  #emr-mobile-mix-root .emr-mobile-transport{grid-template-columns:44px 44px 64px 44px 44px!important;height:68px!important;min-height:68px!important;padding-left:6px!important;padding-right:6px!important}
  #emr-mobile-mix-root .emr-mobile-transport button{width:44px!important;height:49px!important}
  #emr-mobile-mix-root .emr-mobile-transport button.is-play{width:62px!important;height:62px!important}
}