@media (max-width:760px){
  .agent-dashboard{
    padding-bottom:calc(126px + 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(112px + env(safe-area-inset-bottom))!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,46px)!important;
    gap:6px!important;
    overflow:hidden!important;
    border-top:1px solid #e5d7b8!important;
    background:rgba(255,253,249,.98)!important;
    box-shadow:0 -8px 24px rgba(50,35,8,.08)!important;
    backdrop-filter:blur(16px);
  }

  .agent-mobile-nav button{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:5px 7px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    border:1px solid #eee5d3!important;
    border-radius:11px!important;
    background:#fffdfa!important;
    color:#625e56!important;
    font-size:9px!important;
    font-weight:650!important;
    line-height:1.1!important;
    box-shadow:0 2px 7px rgba(54,42,18,.035)!important;
  }

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

  .agent-mobile-nav button span{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    overflow:visible!important;
    white-space:normal!important;
    text-align:left!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    -webkit-line-clamp:unset!important;
  }

  .agent-mobile-nav button.active{
    border-color:#dfbf64!important;
    background:linear-gradient(145deg,#f7e9bc,#e8ca75)!important;
    color:#193052!important;
    box-shadow:0 4px 11px rgba(165,120,25,.16)!important;
  }
}

@media (max-width:350px){
  .agent-mobile-nav button{padding-inline:5px!important;font-size:8px!important;gap:4px!important}
  .agent-mobile-nav button svg{flex-basis:16px!important;width:16px!important;height:16px!important}
}