/* AG CRM V80 — rodapé mobile compacto, sem faixa branca excessiva */
@media (max-width: 900px){
  :root{--ag-mobile-nav-h:60px}

  html,body,.app{
    min-height:100%!important;
    background:#f7f8fa!important;
  }

  /* Remove a altura artificial que deixava uma grande sobra no fim da tela. */
  .main{
    min-height:auto!important;
    padding-bottom:calc(var(--ag-mobile-nav-h) + env(safe-area-inset-bottom,0px) + 10px)!important;
  }

  /* A barra ocupa somente a altura útil + safe area, sem somar padding duas vezes. */
  #mobileBottom.mobile-bottom{
    box-sizing:border-box!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(var(--ag-mobile-nav-h) + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(var(--ag-mobile-nav-h) + env(safe-area-inset-bottom,0px))!important;
    padding:4px 6px env(safe-area-inset-bottom,0px)!important;
    border-top:1px solid rgba(234,198,134,.16)!important;
    background:#14253f!important;
    box-shadow:0 -8px 22px rgba(20,37,63,.14)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  #mobileBottom.mobile-bottom button{
    height:52px!important;
    min-height:52px!important;
    color:rgba(255,255,255,.68)!important;
    background:transparent!important;
    border-radius:10px!important;
  }
  #mobileBottom.mobile-bottom button span{color:rgba(255,255,255,.68)!important}
  #mobileBottom.mobile-bottom button.active{
    background:rgba(234,198,134,.14)!important;
    color:#fff!important;
  }
  #mobileBottom.mobile-bottom button.active span{color:#eac686!important}
  #mobileBottom.mobile-bottom #mobileMoreBtn{color:rgba(255,255,255,.68)!important}

  /* Evita qualquer faixa branca causada pela safe area inferior no modo instalado. */
  body:not(.auth-required)::after{
    content:"";
    position:fixed;
    left:0;right:0;bottom:0;
    height:env(safe-area-inset-bottom,0px);
    background:#14253f;
    z-index:159;
    pointer-events:none;
  }
}