/* AG - refinamento exclusivo do menu. O conteúdo interno do CRM permanece inalterado. */
:root{
  --ag-navy:#14253F;
  --ag-gold:#EAC686;
  --ag-beige:#F5F0E7;
  --ag-navy-2:#0F1D31;
}
.sidebar{
  background:linear-gradient(135deg,rgba(20,37,63,.985) 0%,rgba(15,29,49,.985) 100%)!important;
  border:1px solid rgba(234,198,134,.34)!important;
  box-shadow:0 18px 46px rgba(20,37,63,.18),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(24px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;
}
.sidebar:has(.nav button:hover){box-shadow:0 20px 54px rgba(20,37,63,.22),inset 0 1px 0 rgba(255,255,255,.05)!important}
.brand.brand--with-logo{
  border-right:1px solid rgba(234,198,134,.20)!important;
  padding-left:8px!important;
  padding-right:22px!important;
}
.brand-mark.logo-full{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.brand-mark.logo-full img{
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))!important;
}
.nav{
  border-left:0!important;
  padding-left:15px!important;
  gap:4px!important;
}
.nav button{
  color:rgba(245,240,231,.76)!important;
  height:46px!important;
  padding:0 11px!important;
  border-radius:13px!important;
  background:transparent!important;
  font-weight:650!important;
  letter-spacing:-.005em!important;
  transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
.nav button:after{display:none!important}
.nav button .ico{
  color:rgba(234,198,134,.78)!important;
  opacity:1!important;
  transition:color .22s ease,transform .22s ease!important;
}
.nav button:hover{
  color:#fff!important;
  background:rgba(245,240,231,.085)!important;
  transform:translateY(-1px)!important;
}
.nav button:hover .ico{color:var(--ag-gold)!important;transform:translateY(-1px)!important}
.nav button.active{
  color:var(--ag-navy)!important;
  background:linear-gradient(135deg,#F0D49C 0%,var(--ag-gold) 100%)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.nav button.active .ico{color:var(--ag-navy)!important}
.nav .badge{
  background:var(--ag-gold)!important;
  color:var(--ag-navy)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.nav button.active .badge{
  background:var(--ag-navy)!important;
  color:var(--ag-beige)!important;
  border-color:transparent!important;
}
.sidebar-foot{
  border-left:1px solid rgba(234,198,134,.20)!important;
  padding-left:12px!important;
}
.user-mini{color:#fff!important}
.user-mini b{color:#fff!important;font-weight:700!important}
.user-mini small{color:rgba(245,240,231,.58)!important}
.avatar{
  background:linear-gradient(135deg,#F0D49C 0%,var(--ag-gold) 100%)!important;
  color:var(--ag-navy)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.14)!important;
}
.logout-mini{
  background:rgba(245,240,231,.08)!important;
  color:var(--ag-gold)!important;
  border:1px solid rgba(234,198,134,.20)!important;
}
.logout-mini:hover{
  background:var(--ag-gold)!important;
  color:var(--ag-navy)!important;
}
.mobile-menu{
  border-color:rgba(234,198,134,.35)!important;
  background:var(--ag-navy)!important;
  color:var(--ag-gold)!important;
}
.mobile-bottom{
  background:rgba(20,37,63,.96)!important;
  border:1px solid rgba(234,198,134,.28)!important;
  box-shadow:0 16px 44px rgba(20,37,63,.24)!important;
}
.mobile-bottom button{color:rgba(245,240,231,.65)!important}
.mobile-bottom button span{color:var(--ag-gold)!important}
.mobile-bottom button.active{
  background:var(--ag-gold)!important;
  color:var(--ag-navy)!important;
}
.mobile-bottom button.active span{color:var(--ag-navy)!important}
@media(max-width:1350px){
  .brand.brand--with-logo{padding-right:14px!important}
  .nav{padding-left:10px!important}
  .nav button{padding-inline:8px!important}
}
@media(max-width:900px){
  .sidebar{
    background:linear-gradient(180deg,var(--ag-navy) 0%,var(--ag-navy-2) 100%)!important;
    border-right:1px solid rgba(234,198,134,.28)!important;
    border-top:0!important;border-bottom:0!important;border-left:0!important;
  }
  .brand.brand--with-logo{
    border-right:0!important;
    border-bottom:1px solid rgba(234,198,134,.20)!important;
    padding:6px 0 18px!important;
    margin-bottom:14px!important;
  }
  .nav{padding:0!important;gap:5px!important}
  .nav button{height:46px!important;padding:0 13px!important}
  .sidebar-foot{
    border-left:0!important;
    border-top:1px solid rgba(234,198,134,.20)!important;
    margin-top:14px!important;
    padding-top:14px!important;
  }
}