.mobile-nav-label{display:none}

@media(max-width:800px){
  .webapp-shell{padding-bottom:88px!important}
  .webapp-nav{height:calc(76px + env(safe-area-inset-bottom))!important;padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important}
  .webapp-nav nav{height:66px!important;align-items:stretch!important;gap:2px!important}
  .webapp-nav nav a{min-height:64px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1px!important;padding:3px 2px!important;border-radius:14px!important;line-height:1.1!important}
  .webapp-nav .nav-icon{width:39px!important;height:39px!important;border-radius:12px!important}
  .webapp-nav .nav-icon svg{width:24px!important;height:24px!important;stroke-width:1.75}
  .webapp-nav nav a .mobile-nav-label{display:block!important;max-width:100%;overflow:hidden;color:#5d6b79;font-size:.62rem;font-weight:700;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
  .webapp-nav nav a.active{background:#fff7e2!important}
  .webapp-nav nav a.active .mobile-nav-label{color:#77520b}
}

@media(max-width:350px){
  .webapp-nav .nav-icon{width:36px!important;height:36px!important}
  .webapp-nav .nav-icon svg{width:22px!important;height:22px!important}
  .webapp-nav nav a .mobile-nav-label{font-size:.56rem}
}