/* MDSTYLE shell hotfix — normalize legacy horizontal/skin sidebar rules */
#main-wrapper[data-layout="vertical"] .left-sidebar,
#main-wrapper[data-layout="vertical"] .scroll-sidebar,
#main-wrapper[data-layout="vertical"] .sidebar-nav,
#main-wrapper[data-layout="vertical"] .sidebar-nav>ul,
#main-wrapper[data-layout="vertical"] #sidebarnav{
  background:#111827!important;
}

#main-wrapper[data-layout="vertical"] .left-sidebar{
  position:fixed!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:264px!important;
  min-height:100vh!important;
  overflow:hidden!important;
  z-index:40!important;
}

#main-wrapper[data-layout="vertical"] .scroll-sidebar{
  position:absolute!important;
  top:68px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:auto!important;
  width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 12px 24px!important;
}

#main-wrapper[data-layout="vertical"] .sidebar-nav,
#main-wrapper[data-layout="vertical"] #sidebarnav{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  display:block!important;
  overflow:visible!important;
  margin:0!important;
  padding:10px 0 28px!important;
}

#main-wrapper[data-layout="vertical"] #sidebarnav>li{
  float:none!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}

#main-wrapper[data-layout="vertical"] .sidebar-nav .sidebar-item{
  display:block!important;
  width:100%!important;
  margin:3px 0!important;
}

#main-wrapper[data-layout="vertical"] .sidebar-nav .sidebar-link{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#b8c2d1!important;
  white-space:normal!important;
  overflow:visible!important;
}

#main-wrapper[data-layout="vertical"] .sidebar-nav .sidebar-link .hide-menu{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:auto!important;
  max-width:185px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:inherit!important;
}

#main-wrapper[data-layout="vertical"] .sidebar-nav .sidebar-link:hover{
  background:#1d2738!important;
  color:#fff!important;
}

#main-wrapper[data-layout="vertical"] .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout="vertical"] .sidebar-nav .sidebar-link.active{
  background:#ffffff!important;
  color:#182033!important;
  box-shadow:none!important;
}

#main-wrapper[data-layout="vertical"] .md-nav-label{
  display:block!important;
  width:100%!important;
  background:transparent!important;
  color:#64748b!important;
  padding:18px 12px 7px!important;
  margin:0!important;
}

#main-wrapper[data-layout="vertical"] .page-wrapper{
  margin-left:264px!important;
  width:auto!important;
  min-width:0!important;
}

#main-wrapper[data-layout="vertical"] .navbar-header{
  width:264px!important;
  min-width:264px!important;
  background:#111827!important;
}

#main-wrapper[data-layout="vertical"] .navbar-brand{
  display:flex!important;
  width:100%!important;
  justify-content:flex-start!important;
}

#main-wrapper[data-layout="vertical"] .navbar-brand .logo{
  display:flex!important;
  align-items:center!important;
}

/* Remove legacy red skin remnants */
#main-wrapper[data-layout="vertical"] .left-sidebar [data-sidebarbg],
#main-wrapper[data-layout="vertical"] .sidebar-nav ul,
#main-wrapper[data-layout="vertical"] .sidebar-nav li{
  border-color:transparent!important;
}

@media(max-width:1199px){
  #main-wrapper[data-layout="vertical"] .left-sidebar{left:-264px!important;transition:left .2s ease!important}
  #main-wrapper[data-layout="vertical"].show-sidebar .left-sidebar,
  body.show-sidebar #main-wrapper[data-layout="vertical"] .left-sidebar{left:0!important}
  #main-wrapper[data-layout="vertical"] .page-wrapper{margin-left:0!important}
  #main-wrapper[data-layout="vertical"] .navbar-header{width:72px!important;min-width:72px!important}
}