/* NEMAZING V34 — one identical sidebar for account + inventory */

:root{
  --nm34-bg:#ffffff;
  --nm34-line:#e5e8ef;
  --nm34-text:#616b7c;
  --nm34-text-dark:#232733;
  --nm34-purple:#6c5cf6;
  --nm34-purple-soft:#f1eeff;
  --nm34-soft:#f4f5f9;
}

html body.account-page .account-sidebar,
html body.inventory-page .nm19-inventory-rail,
html body.inventory-page .nm27-inventory-sidebar,
html body.inventory-page .nm28-inventory-sidebar,
html body.inventory-page .nm31-cabinet-sidebar,
html body.inventory-page .nm32-cabinet-sidebar{
  display:none!important;
}

html body.account-page .account-shell,
html body.inventory-page .inventory-main>.container,
html body.inventory-page .inventory-main>.container.nm19-inventory-shell{
  width:min(1260px,calc(100% - 32px))!important;
  display:grid!important;
  grid-template-columns:252px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}

html body.account-page .nm34-sidebar,
html body.inventory-page .nm34-sidebar{
  position:sticky!important;
  top:96px!important;
  width:252px!important;
  min-width:252px!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid var(--nm34-line)!important;
  border-radius:20px!important;
  box-shadow:0 14px 38px rgba(29,37,58,.055)!important;
  z-index:3!important;
}

html body.account-page .nm34-nav,
html body.inventory-page .nm34-nav{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}

html body.account-page .nm34-nav a,
html body.inventory-page .nm34-nav a{
  min-height:46px!important;
  width:100%!important;
  padding:6px 9px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#626b7c!important;
  text-decoration:none!important;
  text-align:left!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

html body.account-page .nm34-nav a:hover,
html body.inventory-page .nm34-nav a:hover{
  background:#f7f6ff!important;
  border-color:#ece9ff!important;
  color:#3c4352!important;
}

html body.account-page .nm34-nav a.active,
html body.inventory-page .nm34-nav a.active{
  background:linear-gradient(135deg,#f2f0ff,#f7f5ff)!important;
  border-color:#e4dfff!important;
  color:#6556f1!important;
}

html body.account-page .nm34-icon,
html body.inventory-page .nm34-icon{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#f4f5f9!important;
  color:#6c5cf6!important;
}

html body.account-page .nm34-nav a.active .nm34-icon,
html body.inventory-page .nm34-nav a.active .nm34-icon{
  background:#fff!important;
  box-shadow:0 5px 14px rgba(70,59,142,.07)!important;
}

html body.account-page .nm34-icon svg,
html body.inventory-page .nm34-icon svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:#6c5cf6!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body.account-page .nm34-logout,
html body.inventory-page .nm34-logout{
  width:100%!important;
  min-height:44px!important;
  margin:12px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--nm34-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#3f4654!important;
  font-size:10.5px!important;
  font-weight:850!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

html body.account-page .nm34-logout:hover,
html body.inventory-page .nm34-logout:hover{
  background:#f7f7fa!important;
  border-color:#dcdfe6!important;
}

html body.inventory-page .nm34-content,
html body.account-page .nm34-content{
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}

/* keep inventory cards untouched, only sidebar shell */
@media(max-width:1000px){
  html body.account-page .account-shell,
  html body.inventory-page .inventory-main>.container,
  html body.inventory-page .inventory-main>.container.nm19-inventory-shell{
    grid-template-columns:1fr!important;
  }

  html body.account-page .nm34-sidebar,
  html body.inventory-page .nm34-sidebar{
    position:static!important;
    width:100%!important;
    min-width:0!important;
  }

  html body.account-page .nm34-nav,
  html body.inventory-page .nm34-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  html body.account-page .nm34-nav,
  html body.inventory-page .nm34-nav{
    grid-template-columns:1fr 1fr!important;
  }
}