/* ARGMS v2.11.16 - rustige, compacte navigatie */
.layout{
  grid-template-columns:286px minmax(0,1fr) !important;
}
.sidebar{
  top:68px !important;
  height:calc(100vh - 68px) !important;
  padding:18px 10px 28px !important;
  background:#15191f !important;
  border-right:1px solid #252b34 !important;
  scrollbar-width:thin;
  scrollbar-color:#3a424d transparent;
}
.sidebar .nav-group{
  margin:20px 8px 8px !important;
  padding:0 !important;
  color:#758399 !important;
  font-size:11px !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  letter-spacing:.105em !important;
  text-transform:uppercase;
}
.sidebar .nav-group:first-child{
  margin-top:2px !important;
}
.sidebar .nav-item{
  position:relative;
  display:flex !important;
  align-items:center !important;
  width:100%;
  min-height:42px !important;
  margin:2px 0 !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#b9c2d3 !important;
  font-size:14px !important;
  font-weight:520 !important;
  line-height:1.2 !important;
  text-align:left;
  box-shadow:none !important;
  transition:background-color .16s ease,color .16s ease,transform .16s ease !important;
}
.sidebar .nav-item:hover{
  color:#e5f5ff !important;
  background:#20272f !important;
  transform:translateX(1px);
}
.sidebar .nav-item.active{
  color:#7dd8ff !important;
  background:#2c424d !important;
  font-weight:700 !important;
}
.sidebar .nav-item:focus-visible{
  outline:2px solid #69cef7 !important;
  outline-offset:2px;
}
.sidebar .nav-icon{
  display:grid !important;
  place-items:center;
  flex:0 0 22px;
  width:22px !important;
  height:22px !important;
  margin-right:11px !important;
  color:#7f8999 !important;
  font-size:0 !important;
  line-height:1 !important;
}
.sidebar .nav-item:hover .nav-icon{
  color:#b8dff0 !important;
}
.sidebar .nav-item.active .nav-icon{
  color:#79d6fa !important;
}
.sidebar .nav-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sidebar .message-nav-dot284{
  position:static !important;
  width:8px !important;
  height:8px !important;
  margin-left:auto !important;
  border:0 !important;
  background:#f8755d !important;
  box-shadow:0 0 0 3px rgba(248,117,93,.13);
}
.sidebar .nav-badge21116{
  min-width:22px;
  margin-left:auto;
  padding:2px 7px;
  border-radius:999px;
  color:#31140f;
  background:#f8755d;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  text-align:center;
}
@media(max-width:1060px) and (min-width:821px){
  .layout{grid-template-columns:244px minmax(0,1fr) !important}
}
@media(max-width:820px){
  .layout{grid-template-columns:1fr !important}
  .sidebar{display:none !important}
}