/* JUST AQAR — same bottom navigation used by the dashboard. */
.app-bottom-nav{
  position:fixed!important;
  top:auto!important;
  right:10px!important;
  left:10px!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
  width:auto!important;
  height:70px!important;
  z-index:99980!important;
  margin:0!important;
  padding:5px 7px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  border-radius:23px!important;
  background:#fff!important;
  border:1px solid #dfece8!important;
  box-shadow:0 10px 30px rgba(2,52,58,.13)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateZ(0)!important;
  will-change:auto!important;
}
.app-bottom-nav a{
  min-width:0!important;
  height:58px!important;
  padding:0 2px!important;
  border-radius:17px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  color:#708581!important;
  text-decoration:none!important;
  transition:none!important;
  transform:none!important;
}
.app-bottom-nav a img{
  width:21px!important;
  height:21px!important;
  object-fit:contain!important;
  filter:none!important;
}
.app-bottom-nav a span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.app-bottom-nav a.active{
  background:#eaf9f1!important;
  color:#08723a!important;
}
.app-bottom-nav a.active img{filter:none!important}
.app-bottom-nav.is-hidden{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateZ(0)!important;
}
@media(min-width:1100px){
  .app-bottom-nav{display:none!important}
}