@media (max-width:760px){
  .agent-dashboard{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }

  .agent-mobile-nav{
    position:fixed!important;
    z-index:60!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:calc(78px + env(safe-area-inset-bottom))!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:stretch!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    border-top:1px solid #e8dcc3!important;
    background:rgba(255,253,249,.97)!important;
    box-shadow:0 -8px 24px rgba(50,35,8,.08)!important;
    -webkit-overflow-scrolling:touch;
  }

  .agent-mobile-nav::-webkit-scrollbar{display:none}

  .agent-mobile-nav button{
    flex:0 0 86px!important;
    min-width:86px!important;
    height:64px!important;
    padding:6px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    scroll-snap-align:start;
    border:1px solid transparent!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#69645b!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:1.12!important;
  }

  .agent-mobile-nav button svg{
    flex:0 0 auto!important;
    width:20px!important;
    height:20px!important;
  }

  .agent-mobile-nav button span{
    display:-webkit-box!important;
    width:100%!important;
    max-width:none!important;
    min-height:20px!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-align:center!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .agent-mobile-nav button.active{
    border-color:#e4c978!important;
    background:linear-gradient(145deg,#f8ebc3,#ecd28b)!important;
    color:#193052!important;
    box-shadow:0 4px 12px rgba(172,126,27,.16)!important;
  }
}

@media (max-width:390px){
  .agent-mobile-nav button{
    flex-basis:82px!important;
    min-width:82px!important;
    font-size:9px!important;
  }
}