/* V32 — distribuição mais equilibrada do menu AG, sem alterar o conteúdo interno */
@media (min-width:901px){
  .sidebar{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    padding:8px 14px!important;
  }
  .brand.brand--with-logo{
    flex:0 0 118px!important;
    min-width:118px!important;
    width:118px!important;
    justify-content:center!important;
    padding:0 16px 0 4px!important;
    margin-right:10px!important;
  }
  .brand-mark.logo-full img{
    height:54px!important;
    width:auto!important;
    max-width:82px!important;
  }
  .nav{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-evenly!important;
    gap:clamp(1px,.18vw,5px)!important;
    padding:0 12px!important;
    overflow:visible!important;
  }
  .nav button{
    position:relative!important;
    flex:0 0 auto!important;
    min-width:0!important;
    height:46px!important;
    padding:0 clamp(7px,.52vw,12px)!important;
    border-radius:13px!important;
    font-size:clamp(9px,.62vw,11px)!important;
    gap:6px!important;
    justify-content:center!important;
  }
  .nav .ico{width:15px!important;height:15px!important;flex:0 0 15px!important}
  .nav .ico svg{width:14px!important;height:14px!important}
  /* separa os blocos: comercial | relacionamento | operação | administração */
  .nav button:nth-child(7),
  .nav button:nth-child(9),
  .nav button:nth-child(13){margin-left:10px!important}
  .nav button:nth-child(7)::before,
  .nav button:nth-child(9)::before,
  .nav button:nth-child(13)::before{
    content:""!important;
    position:absolute!important;
    left:-7px!important;
    top:13px!important;
    width:1px!important;
    height:20px!important;
    border-radius:1px!important;
    background:rgba(234,198,134,.25)!important;
  }
  .sidebar-foot{
    flex:0 0 auto!important;
    min-width:188px!important;
    margin-left:10px!important;
    padding-left:14px!important;
  }
  .user-mini{padding:4px 3px 4px 8px!important;gap:9px!important}
  .user-mini>div:not(.avatar){min-width:90px!important}
}
@media (min-width:901px) and (max-width:1500px){
  .brand.brand--with-logo{flex-basis:92px!important;min-width:92px!important;width:92px!important;padding-right:10px!important;margin-right:6px!important}
  .brand-mark.logo-full img{height:48px!important;max-width:68px!important}
  .nav{padding-inline:6px!important;gap:1px!important}
  .nav button{padding-inline:7px!important;font-size:9px!important;gap:4px!important}
  .nav .ico{display:none!important}
  .nav button:nth-child(7),.nav button:nth-child(9),.nav button:nth-child(13){margin-left:5px!important}
  .nav button:nth-child(7)::before,.nav button:nth-child(9)::before,.nav button:nth-child(13)::before{left:-3px!important}
  .sidebar-foot{min-width:158px!important;margin-left:6px!important;padding-left:10px!important}
  .user-mini small{display:none!important}
  .user-mini>div:not(.avatar){min-width:74px!important}
}
@media (min-width:901px) and (max-width:1250px){
  .brand.brand--with-logo{flex-basis:76px!important;min-width:76px!important;width:76px!important}
  .brand-mark.logo-full img{height:44px!important;max-width:58px!important}
  .nav button{font-size:0!important;width:42px!important;padding:0!important}
  .nav .ico{display:grid!important;width:16px!important;height:16px!important;flex-basis:16px!important}
  .nav .ico svg{width:16px!important;height:16px!important}
  .nav button .badge{font-size:8px!important;position:absolute!important;top:4px!important;right:3px!important;padding:1px 5px!important}
  .nav button:nth-child(7),.nav button:nth-child(9),.nav button:nth-child(13){margin-left:3px!important}
  .nav button:nth-child(7)::before,.nav button:nth-child(9)::before,.nav button:nth-child(13)::before{display:none!important}
  .sidebar-foot{min-width:auto!important;padding-left:8px!important}
  .user-mini>div:not(.avatar){display:none!important}
  .user-mini{gap:6px!important;padding-inline:3px!important}
}
@media (max-width:900px){
  .brand.brand--with-logo{width:100%!important;min-width:0!important;justify-content:flex-start!important}
  .brand-mark.logo-full img{height:auto!important;width:min(92px,30vw)!important;max-width:92px!important}
  .nav{display:grid!important;justify-content:stretch!important;overflow:visible!important}
  .nav button{font-size:11px!important;width:100%!important;justify-content:flex-start!important}
  .nav .ico{display:grid!important}
  .nav button:nth-child(7),.nav button:nth-child(9),.nav button:nth-child(13){margin-left:0!important}
  .nav button:nth-child(7)::before,.nav button:nth-child(9)::before,.nav button:nth-child(13)::before{display:none!important}
}