/* APVS v101 - barra mobile centralizada e independente */
.mobile-bottom-nav{display:none}
@media (max-width:700px){
 html,body{max-width:100%;overflow-x:hidden}
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
 .mobile-bottom-nav{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  z-index:2147483647!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;height:calc(66px + env(safe-area-inset-bottom))!important;
  margin:0!important;padding:3px 4px env(safe-area-inset-bottom)!important;
  background:#fff!important;border-top:1px solid #e3e5ec!important;
  box-shadow:0 -5px 20px rgba(9,15,50,.14)!important;box-sizing:border-box!important;
 }
 .mobile-bottom-nav,.mobile-bottom-nav *{box-sizing:border-box!important}
 .mobile-bottom-nav .mobile-nav-item{
  position:relative!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:3px!important;
  width:100%!important;min-width:0!important;height:62px!important;margin:0!important;
  padding:3px 1px!important;border:0!important;background:transparent!important;
  color:#747989!important;text-decoration:none!important;text-align:center!important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  font-size:9px!important;font-weight:800!important;line-height:1.05!important;
  white-space:nowrap!important;-webkit-tap-highlight-color:transparent!important;
 }
 .mobile-bottom-nav .mobile-nav-item.active{color:#10145e!important}
 .mobile-bottom-nav .mobile-nav-item.active:before{content:""!important;position:absolute!important;top:-3px!important;left:50%!important;transform:translateX(-50%)!important;width:30px!important;height:3px!important;background:#e5b719!important;border-radius:0 0 4px 4px!important}
 .mobile-bottom-nav .navico{display:block!important;position:relative!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex:none!important}
 .navico-home:before{content:"";position:absolute;left:3px;top:9px;width:16px;height:11px;border:2px solid currentColor;border-top:0;border-radius:2px}.navico-home:after{content:"";position:absolute;left:4px;top:3px;width:13px;height:13px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);border-radius:2px}
 .navico-indique:before{content:"$";position:absolute;inset:1px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;line-height:1}
 .navico-contact:before{content:"";position:absolute;left:1px;top:2px;width:18px;height:14px;border:2px solid currentColor;border-radius:50%}.navico-contact:after{content:"";position:absolute;left:3px;top:14px;width:7px;height:6px;border-left:2px solid currentColor;transform:skew(-28deg)}
 .navico-partner:before,.navico-partner:after{content:"";position:absolute;top:3px;width:9px;height:9px;border:2px solid currentColor;border-radius:50%}.navico-partner:before{left:0}.navico-partner:after{right:0}.navico-partner{border-bottom:2px solid currentColor;border-radius:0 0 10px 10px}
}
@media (min-width:701px){.mobile-bottom-nav{display:none!important}}

/* v102 — ícones e navegação contextual das áreas internas */
.navico-dashboard::before{content:"";position:absolute;inset:2px;border:2px solid currentColor;border-radius:5px;box-shadow:inset 8px 0 0 -6px currentColor,inset 0 8px 0 -6px currentColor}
.navico-link::before,.navico-link::after{content:"";position:absolute;width:13px;height:8px;border:2px solid currentColor;border-radius:7px;top:7px;transform:rotate(-35deg)}
.navico-link::before{left:1px}.navico-link::after{right:1px}
.navico-users::before{content:"";position:absolute;width:8px;height:8px;border:2px solid currentColor;border-radius:50%;left:7px;top:1px;box-shadow:-7px 5px 0 -2px white,-7px 5px 0 0 currentColor,7px 5px 0 -2px white,7px 5px 0 0 currentColor}
.navico-users::after{content:"";position:absolute;width:18px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;left:2px;bottom:1px}
.navico-ranking::before{content:"";position:absolute;left:3px;bottom:2px;width:4px;height:9px;border:2px solid currentColor;border-radius:2px;box-shadow:7px -5px 0 -2px white,7px -5px 0 0 currentColor,14px -10px 0 -2px white,14px -10px 0 0 currentColor}
.navico-info::before{content:"i";position:absolute;inset:0;border:2px solid currentColor;border-radius:50%;font:800 18px/22px Arial;text-align:center}
.navico-form::before{content:"";position:absolute;inset:1px 3px;border:2px solid currentColor;border-radius:4px}
.navico-form::after{content:"+";position:absolute;inset:0;font:700 20px/24px Arial;text-align:center}
html{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
#meu-link,#minhas-indicacoes,#como-funciona{scroll-margin-top:18px}

/* v103 scroll/touch fix */
@media(max-width:700px){html,body{overflow-y:auto!important;height:auto!important;min-height:100%!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.mobile-bottom-nav{overscroll-behavior:contain!important}.mobile-bottom-nav a{touch-action:manipulation!important}}

.navico-info:before{content:"i";position:absolute;inset:0;border:2px solid currentColor;border-radius:50%;font:900 16px/20px Arial;text-align:center}
