/* Role-first mobile shortcuts. Works with the official white/turquoise shell. */
@media(max-width:820px){
 #app .mobile-bottom-nav.av-role-mobile-nav{
  position:fixed!important;inset:auto 0 0!important;height:calc(68px + env(safe-area-inset-bottom))!important;
  display:flex!important;align-items:stretch!important;justify-content:space-around!important;
  padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
  border-top:1px solid #d5efea!important;background:rgba(255,255,255,.985)!important;
  box-shadow:0 -10px 30px rgba(8,81,76,.07)!important;backdrop-filter:blur(14px)!important;
  z-index:85!important;gap:2px!important;
 }
 #app .av-role-mobile-nav .av-role-nav-button{
  flex:1 1 0;min-width:0;max-width:112px;height:58px;
  border:0!important;border-radius:12px;background:transparent!important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;color:#55787a!important;font-size:12px!important;font-weight:750!important;
  padding:5px 0!important;margin:0!important;box-shadow:none!important;
 }
 #app .av-role-mobile-nav .av-role-nav-button>span{display:grid;place-items:center;width:23px;height:23px;color:inherit}
 #app .av-role-mobile-nav .av-role-nav-button svg{width:23px!important;height:23px!important}
 #app .av-role-mobile-nav .av-role-nav-button small{
  display:block!important;color:inherit;font-size:10px;line-height:1.1;
  font-weight:750;white-space:nowrap;letter-spacing:.005em
 }
 #app .av-role-mobile-nav .av-role-nav-button.active{
  color:#008f88!important;background:#e7faf6!important;
 }
 #app .av-role-mobile-nav .av-role-nav-button:focus-visible{outline:3px solid #00b8b2;outline-offset:0}
 #app .av-role-mobile-nav .av-role-nav-button.av-role-primary{
  color:#008e8c!important;
 }
 #app .av-role-mobile-nav .av-role-nav-button.av-role-primary>span{
  width:49px;height:49px;border-radius:50%;background:linear-gradient(145deg,#00c9bc,#028d90);
  border:3px solid white;box-shadow:0 6px 15px rgba(0,167,159,.21);
  transform:translateY(-9px);color:#fff!important;
 }
 #app .av-role-mobile-nav .av-role-nav-button.av-role-primary svg{width:24px!important;height:24px!important}
 #app .av-role-mobile-nav .av-role-nav-button.av-role-primary small{
  margin-top:-11px;color:#078a89!important;
 }
 #app .view{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
 .offline-dock{bottom:calc(80px + env(safe-area-inset-bottom))!important}
 body.av-camera-open #app .av-role-mobile-nav{display:none!important}
 body.av2-menu-open #app .av-role-mobile-nav{pointer-events:none}
}
@media(min-width:821px){#app .av-role-mobile-nav{display:none!important}}