/* 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}
}
#mdstylePwaUpdate{position:fixed;left:50%;bottom:1rem;z-index:10050;transform:translateX(-50%);display:flex;gap:.75rem;align-items:center;max-width:calc(100vw - 2rem);padding:.75rem 1rem;border-radius:.5rem;background:#20232a;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3)}
#mdstylePwaUpdate button{min-height:44px;border:0;border-radius:.35rem;padding:.5rem .75rem;background:#ea183c;color:#fff;font-weight:700}
.mdstyle-session-check body{visibility:hidden}
@media(max-width:767px){#mdstylePwaUpdate{width:calc(100vw - 2rem);flex-direction:column;align-items:stretch}}
#mdstylePwaDiagnostics{position:fixed;right:1rem;bottom:4.5rem;z-index:1040;max-width:22rem;padding:.5rem .75rem;border:1px solid #ddd;border-radius:.4rem;background:#fff;font-size:.75rem;color:#30343b}#mdstylePwaDiagnostics p{margin:.5rem 0 0}

/* TEST4 release identity: reserve a small diagnostic row below the app header. */
body>div[title^="Deployed commit:"][style*="z-index:2147483647"]{display:none!important}
#mdstyleTestReleaseBadge{position:fixed;z-index:40;top:calc(env(safe-area-inset-top,0px) + 74px);right:calc(env(safe-area-inset-right,0px) + 8px);max-width:calc(100vw - 16px);padding:4px 8px;border-radius:6px;background:#8b0000;color:#fff;font:700 11px/1.4 sans-serif;box-shadow:0 2px 8px #0004;white-space:nowrap;pointer-events:none}
#mdstyleTestReleaseBadgeCompact{display:none}
body.md-modern-ui .page-wrapper{padding-top:calc(100px + env(safe-area-inset-top,0px))!important}
@media(max-width:767px){body.md-modern-ui .page-wrapper{padding-top:calc(92px + env(safe-area-inset-top,0px))!important}#mdstyleTestReleaseBadge{top:calc(env(safe-area-inset-top,0px) + 66px);right:calc(env(safe-area-inset-right,0px) + 6px);padding:3px 7px;font-size:10px}#mdstyleTestReleaseBadgeFull{display:none}#mdstyleTestReleaseBadgeCompact{display:inline}}