/* ARGMS v2.29.2 - logozone, unieke navigatie en compacte serverstatus */

body.argms-design-v21164 .topbar .brand-logo{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:76px!important;
  height:42px!important;
  flex:0 0 76px!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.argms-design-v21164 .topbar .brand-logo img{
  display:block!important;
  width:76px!important;
  height:29px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.28));
}

body.argms-design-v21164 .topbar .brand>div:last-child{min-width:0}
body.argms-design-v21164 .topbar .brand-title{font-size:11.5px;letter-spacing:0}
body.argms-design-v21164 .topbar .brand-sub{font-size:10px;color:#afbed2}
body.argms-design-v21164 .topbar .brand-version21166{display:none}

body.argms-design-v21164 .sidebar-server-footer270{
  display:flex;
  width:100%;
  margin-top:auto;
  padding:14px 6px 4px;
  border-top:1px solid rgba(255,255,255,.08);
}

body.argms-design-v21164 .sidebar .server-status270{
  width:100%;
  min-height:40px;
  justify-content:flex-start;
  gap:10px;
  padding:0 12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  color:#c6d3e5;
  background:rgba(255,255,255,.055);
  font-size:10.5px;
  letter-spacing:.01em;
}

body.argms-design-v21164 .sidebar .server-status270 span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.argms-design-v21164.argms-sidebar-collapsed .topbar .brand::before{
  display:none!important;
  content:none!important;
}

body.argms-design-v21164.argms-sidebar-collapsed .topbar .brand-logo{
  display:flex!important;
  width:58px!important;
  height:34px!important;
  flex-basis:58px!important;
}

body.argms-design-v21164.argms-sidebar-collapsed .topbar .brand-logo img{
  display:block!important;
  width:58px!important;
  height:25px!important;
}

body.argms-design-v21164.argms-sidebar-collapsed .topbar .brand>div:last-child{display:none!important}

body.argms-design-v21164.argms-sidebar-collapsed .sidebar-server-footer270{
  justify-content:center;
  padding:12px 0 4px;
}

body.argms-design-v21164.argms-sidebar-collapsed .sidebar .server-status270{
  width:38px!important;
  min-width:38px;
  height:38px;
  min-height:38px;
  justify-content:center;
  gap:0;
  padding:0!important;
  border-radius:11px;
  background:rgba(255,255,255,.065);
}

body.argms-design-v21164.argms-sidebar-collapsed .sidebar .server-status270 span{display:none!important}
body.argms-design-v21164.argms-sidebar-collapsed .sidebar .server-status270::before{
  width:9px;
  height:9px;
  flex:0 0 9px;
}

@media(max-width:900px){
  body.argms-design-v21164 .topbar .brand{
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    flex-basis:62px!important;
    padding:0!important;
  }

  body.argms-design-v21164 .topbar .brand-logo{
    display:flex!important;
    width:58px!important;
    height:34px!important;
    flex-basis:58px!important;
    border:0!important;
    background:transparent!important;
  }

  body.argms-design-v21164 .topbar .brand-logo img{
    display:block!important;
    width:58px!important;
    height:25px!important;
  }

  body.argms-design-v21164 .topbar .brand-logo::after{display:none!important;content:none!important}
}