/* Circular Menu Bar Icons v240 - separated from content icons */
body:not(.admin-body) .bottom-nav.circular-menu-bar-v240{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  max-width:none!important;
  transform:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid #dbe3ef!important;
  border-radius:0!important;
  box-shadow:0 -8px 26px rgba(15,23,42,.12)!important;
  z-index:9999!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .nav-btn{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:58px!important;
  padding:6px 2px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#111827!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .nav-btn.active{
  background:#eaf2ff!important;
  color:#2563eb!important;
}
body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .nav-btn span{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:1!important;
}
body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .circular-menu-icon-img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
}
body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .nav-btn b{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:850!important;
  color:currentColor!important;
}
body:not(.admin-body) .has-bottom-nav,
.has-bottom-nav{
  padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
}
@media(max-width:390px){
  body:not(.admin-body) .bottom-nav.circular-menu-bar-v240{padding-left:4px!important;padding-right:4px!important;}
  body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .nav-btn b{font-size:10px!important;}
}



/* v240 stable menu bar sizing like Screen 1 */
body:not(.admin-body) .bottom-nav.circular-menu-bar-v240,
body:not(.admin-body) .bottom-nav.circular-menu-bar-v178{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  max-width:none!important;
  border-radius:0!important;
  padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
  box-shadow:0 -8px 22px rgba(15,23,42,.10)!important;
  transform:none!important;
}

body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .nav-btn,
body:not(.admin-body) .bottom-nav.circular-menu-bar-v178 .nav-btn{
  min-height:56px!important;
  border-radius:14px!important;
  gap:3px!important;
  padding:5px 2px!important;
}

body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .circular-menu-icon-img,
body:not(.admin-body) .bottom-nav.circular-menu-bar-v178 .circular-menu-icon-img{
  width:23px!important;
  height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  object-fit:contain!important;
}

body:not(.admin-body) .bottom-nav.circular-menu-bar-v240 .nav-btn b,
body:not(.admin-body) .bottom-nav.circular-menu-bar-v178 .nav-btn b{
  font-size:11px!important;
  line-height:1.1!important;
}