/* ===== LOCK MOBILE BOTTOM NAV + FOOTER SPACING ===== */
.app-shell-mobile-nav{
  display:none !important;
}

@media (max-width:768px){
  .app-shell-mobile-nav{
    display:grid !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    grid-template-columns:repeat(4,1fr) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:6px !important;
    padding:10px 10px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius:22px 22px 0 0 !important;
    background:linear-gradient(135deg,#0f8f55 0%, #19a866 45%, #0e7f4c 100%) !important;
    box-shadow:0 -14px 34px rgba(15,23,42,.16) !important;
    z-index:90 !important;
  }

  .app-shell-mobile-link{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:58px !important;
    padding:8px 6px !important;
    gap:5px !important;
    border-radius:16px !important;
    text-align:center !important;
    text-decoration:none !important;
    color:rgba(255,255,255,.78) !important;
    background:transparent !important;
  }

  .app-shell-mobile-icon{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:none !important;
    overflow:hidden !important;
  }

  .app-shell-mobile-icon svg{
    width:20px !important;
    height:20px !important;
    display:block !important;
    stroke:currentColor !important;
    fill:none !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .app-shell-mobile-link span:last-child{
    font-size:10px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    color:inherit !important;
    white-space:nowrap !important;
  }

  .app-shell-mobile-link.active{
    color:#ffffff !important;
    background:rgba(255,255,255,.14) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;
  }

  body.has-mobile-footer-nav .app-shell-main{
    padding-bottom:84px !important;
  }

  .app-shell-footer{
    padding-bottom:12px !important;
  }
}

@media (max-width:480px){
  .app-shell-mobile-nav{
    gap:4px !important;
    padding:9px 8px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius:18px 18px 0 0 !important;
  }

  .app-shell-mobile-link{
    min-height:56px !important;
    border-radius:14px !important;
    gap:4px !important;
    padding:7px 3px !important;
  }

  .app-shell-mobile-icon,
  .app-shell-mobile-icon svg{
    width:20px !important;
    height:20px !important;
  }

  .app-shell-mobile-link span:last-child{
    font-size:9.5px !important;
  }
}