/* JML-CAMERAS - MENU PRO 3.2: somente barra lateral */
#sidebar nav{position:relative;padding:18px 12px}
#sidebar nav::before{
  content:"";position:absolute;top:8px;left:19px;right:19px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(42,164,255,.48),transparent);
}
#sidebar .nav{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:47px;display:flex;align-items:center;gap:13px;
  padding:11px 13px;margin:4px 0;border-radius:11px;
  color:#a4bed5;letter-spacing:.08px;
  transition:color .18s,background .18s,transform .18s,box-shadow .18s;
}
#sidebar .nav .jml-side-icon{
  display:block;flex:0 0 21px;width:21px;height:21px;
  color:#6f9ab9;transition:color .2s,filter .2s,transform .2s;
}
#sidebar .nav span{flex:1;white-space:nowrap}
#sidebar .nav:hover{
  color:#f5fbff;background:linear-gradient(90deg,rgba(0,117,234,.23),rgba(5,65,118,.12));
  transform:translateX(2px);
}
#sidebar .nav:hover .jml-side-icon{color:#49c2ff;transform:scale(1.06)}
#sidebar .nav.active{
  color:#fff;background:linear-gradient(95deg,rgba(0,111,232,.31),rgba(0,159,255,.09));
  box-shadow:inset 0 0 0 1px rgba(51,161,244,.13),0 6px 18px rgba(0,38,77,.17);
}
#sidebar .nav.active::before{
  content:"";position:absolute;inset:8px auto 8px 0;width:3px;border-radius:0 4px 4px 0;
  background:#32baff;box-shadow:0 0 12px #15a8ff;
}
#sidebar .nav.active .jml-side-icon{color:#57c7ff;filter:drop-shadow(0 0 5px rgba(20,175,255,.35))}
#sidebar .divider{height:1px;background:linear-gradient(90deg,transparent,rgba(29,137,217,.48),transparent);margin:17px 12px}
#sidebar .sidebar-foot{
  border-top:1px solid rgba(32,122,188,.28);
  background:linear-gradient(0deg,rgba(4,34,61,.35),transparent);
}
#sidebar .server{padding:5px 3px 2px}
#sidebar .server i{animation:jml-server-pulse 2.8s ease-in-out infinite}
#sidebar #logoutButton{border:1px solid rgba(62,132,184,.36);border-radius:10px;transition:border-color .2s,background .2s}
#sidebar #logoutButton:hover{border-color:rgba(68,190,255,.6);background:rgba(19,100,163,.14)}
@keyframes jml-server-pulse{0%,100%{box-shadow:0 0 6px rgba(0,220,130,.35)}50%{box-shadow:0 0 17px rgba(0,220,130,.8)}}
@media(prefers-reduced-motion:reduce){
 #sidebar .server i{animation:none}
 #sidebar .nav,#sidebar .nav .jml-side-icon{transition:none}
}