/* BHZ Teren — Sidebar V4 / Manrope / all roles */
:root{
  --bhz-ui-font: Manrope, Arial, 'Helvetica Neue', system-ui, sans-serif;
}


.sidebar{
  font-family:var(--bhz-ui-font)!important;
  background:linear-gradient(168deg,#063f24 0%,#0b512f 58%,#0a4429 100%)!important;
  display:flex!important;
  flex-direction:column!important;
}
.sidebar-nav-modular{flex:1 1 auto!important;}
.sidebar-account-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  column-gap:10px!important;
  align-items:start!important;
  padding:16px 14px 10px!important;
  min-height:72px!important;
}
.sidebar-mobile-close{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  justify-self:end!important;
  align-self:start!important;
  font-family:var(--bhz-ui-font)!important;
  width:42px!important;height:42px!important;min-height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.09)!important;color:#fff!important;
  font-size:26px!important;font-weight:700!important;
}
.brand-mark{display:none!important}
.sidebar-bottom-brand{display:none!important}
.sidebar-account-copy{grid-column:1!important;grid-row:1!important;min-width:0!important;padding-right:2px!important;align-self:center!important;}
.sidebar-product-name{display:none!important}
.sidebar-account-name{
  display:block!important;
  font-family:var(--bhz-ui-font)!important;
  margin:1px 0 2px!important;
  font-size:20px!important;font-weight:900!important;line-height:1.02!important;letter-spacing:-.028em!important;color:#fff!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
.sidebar-account-role-line{display:flex!important;align-items:start!important;gap:7px!important;margin-top:4px!important}
.sidebar-account-role{font-family:var(--bhz-ui-font)!important;font-size:14px!important;font-weight:500!important;color:rgba(255,255,255,.76)!important}

.sidebar-nav-modular{padding:6px 10px 4px!important;gap:3px!important}
.sidebar-nav .nav-item,.sidebar-nav .nav-group-summary{
  font-family:var(--bhz-ui-font)!important;
  min-height:47px!important;padding:6px 12px!important;border-radius:18px!important;
  font-size:15.75px!important;font-weight:800!important;line-height:1.18!important;
  color:rgba(255,255,255,.97)!important;border:0!important;
  transition:background .15s ease,transform .15s ease!important;
}
.sidebar-nav .nav-item:hover,.sidebar-nav .nav-group-summary:hover{background:rgba(255,255,255,.09)!important}
.sidebar-nav .nav-item.active,.sidebar-nav .nav-group-summary.active,.sidebar-nav .nav-group[open]>.nav-group-summary{
  background:rgba(255,255,255,.155)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.sidebar-nav .nav-icon,.sidebar-nav .nav-group-summary .nav-icon{
  width:34px!important;min-width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  font-size:23px!important;line-height:1!important;color:#fff!important;background:transparent!important;
}
.nav-group-chevron{margin-left:auto!important;font-size:22px!important;font-weight:800!important;color:#fff!important;opacity:.95!important}
.nav-group[open]>.nav-group-summary .nav-group-chevron{transform:rotate(180deg)!important}

.nav-submenu{
  margin:2px 4px 4px 28px!important;padding:5px 6px!important;
  border:0!important;border-left:0!important;border-radius:18px!important;
  background:rgba(0,0,0,.07)!important;gap:1px!important;
}
.sidebar-nav .nav-subitem{
  font-family:var(--bhz-ui-font)!important;
  min-height:39px!important;padding:4px 8px!important;border-radius:14px!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;
  color:rgba(255,255,255,.95)!important;font-size:14.5px!important;font-weight:600!important;line-height:1.16!important;
}
.sidebar-nav .nav-subitem:hover,.sidebar-nav .nav-subitem.active{background:rgba(255,255,255,.10)!important}
.sidebar-nav .nav-subitem.active{font-weight:800!important}
.sidebar-nav .nav-subicon{
  width:32px!important;height:32px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:18px!important;line-height:1!important;
}
.nav-group-support .nav-subicon,.nav-group-system .nav-subicon{font-size:18px!important;font-weight:700!important;border:0!important}
.nav-group-support .nav-subicon.material-symbols-outlined,.nav-group-system .nav-subicon.nav-badge{
  min-width:29px!important;height:29px!important;padding:0 8px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:start!important;justify-content:center!important;
  background:rgba(100,206,115,.28)!important;color:#fff!important;font-size:12.5px!important;font-weight:800!important;
}
.nav-badge-alert{background:#e94646!important;color:#fff!important;box-shadow:0 4px 12px rgba(190,30,30,.22)!important}
.nav-group-support,.nav-group-system{border:0!important;margin-top:0!important;padding-top:0!important}
.nav-group-support::before,.nav-group-system::before,.sidebar-logout-form::before,.sidebar-logout-form::after{display:none!important;content:none!important}

.sidebar-credit{
  font-family:var(--bhz-ui-font)!important;
  margin:8px 14px 10px!important;padding:0!important;border:0!important;
  font-size:11.5px!important;font-weight:500!important;color:rgba(255,255,255,.50)!important;text-align:center!important;
}
.sidebar-credit a{color:#75cf7f!important;font-weight:800!important}
.sidebar-logout-form{padding:0 10px 12px!important;margin:0!important;border:0!important;background:transparent!important}
.sidebar-logout-sticky .nav-item-logout{
  font-family:var(--bhz-ui-font)!important;
  width:100%!important;min-height:56px!important;border-radius:18px!important;
  background:#fff!important;color:#d93636!important;border:2px solid #ef6262!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;font-size:16px!important;font-weight:800!important;
  display:flex!important;align-items:start!important;justify-content:center!important;gap:10px!important;
}
.sidebar-logout-sticky .nav-item-logout .nav-icon{color:#d93636!important;background:transparent!important;font-size:20px!important;width:auto!important;min-width:0!important;height:auto!important}
.sidebar-logout-sticky .nav-item-logout:hover{background:#fff7f7!important;color:#c72f2f!important}


@media(min-width:851px){
  body:not(.sidebar-collapsed) .sidebar{width:278px!important}
  body:not(.sidebar-collapsed) .app-shell{grid-template-columns:278px 1fr!important}
  .sidebar-account-header{padding:16px 14px 10px!important;min-height:68px!important;grid-template-columns:minmax(0,1fr) 48px!important}
  .sidebar-bottom-brand{width:56px!important;height:56px!important;border-radius:16px!important;margin:8px auto 8px!important}
  .sidebar-account-name{font-size:18px!important}
  .sidebar-account-role{font-size:13px!important}
  .sidebar-nav .nav-item,.sidebar-nav .nav-group-summary{min-height:45px!important;font-size:15.25px!important;padding:6px 11px!important;border-radius:16px!important}
  .sidebar-nav .nav-subitem{min-height:37px!important;font-size:13.5px!important;padding:4px 8px!important}
  .sidebar-nav .nav-subicon{width:30px!important;height:30px!important;font-size:16px!important}
  .nav-group-chevron{font-size:20px!important}
  .sidebar-credit{font-size:11px!important}
  .sidebar-logout-sticky .nav-item-logout{min-height:54px!important;font-size:15.5px!important}
}

@media(max-width:850px){
  .sidebar{width:264px!important;left:-284px!important;inset:0 auto 0 -284px!important}
  .sidebar.open{left:0!important;inset:0 auto 0 0!important}
  .sidebar-account-header{padding:16px 14px 10px!important;grid-template-columns:minmax(0,1fr) 48px!important;min-height:70px!important}
  .sidebar-bottom-brand{width:58px!important;height:58px!important;margin:8px auto 10px!important}
  .sidebar-account-name{font-size:20px!important}
  .sidebar-account-role{font-size:14px!important}
  .sidebar-nav-modular{padding:6px 10px 4px!important}
  .sidebar-nav .nav-item,.sidebar-nav .nav-group-summary{font-size:16px!important;min-height:47px!important;padding:6px 12px!important}
  .sidebar-nav .nav-subitem{font-size:14.5px!important;min-height:39px!important}
  .nav-submenu{margin-left:24px!important;margin-right:4px!important;padding:4px 6px!important}
  .sidebar-credit{font-size:11.5px!important;margin-bottom:8px!important}
  .sidebar-logout-form{padding:0 10px 12px!important}
  .sidebar-logout-sticky .nav-item-logout{min-height:56px!important;font-size:16px!important}
}

@media(min-width:851px){
  body.sidebar-collapsed .sidebar{font-family:var(--bhz-ui-font)!important}
  body.sidebar-collapsed .sidebar-credit{display:none!important}
  body.sidebar-collapsed .nav-submenu{display:none!important}
}


/* RC7.5.43 — logout is a real navigation item + badge vertical centering */
.sidebar-nav .nav-subitem > .nav-badge,
.sidebar-nav .nav-item > .nav-badge{
  align-self:center!important;
  justify-self:end!important;
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
}
.nav-logout-form{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.nav-logout-form .nav-item-logout{
  width:100%!important;
  min-height:47px!important;
  padding:6px 12px!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  color:rgba(255,255,255,.97)!important;
  box-shadow:none!important;
  justify-content:flex-start!important;
  font-family:var(--bhz-ui-font)!important;
  font-size:15.75px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.nav-logout-form .nav-item-logout:hover,
.nav-logout-form .nav-item-logout:focus-visible{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
}
.nav-logout-form .nav-item-logout .nav-icon{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#fff!important;
  font-size:21px!important;
}
@media(min-width:851px){
  .nav-logout-form .nav-item-logout{min-height:45px!important;font-size:15.25px!important;padding:6px 11px!important;border-radius:16px!important}
}
@media(max-width:850px){
  .nav-logout-form .nav-item-logout{min-height:47px!important;font-size:16px!important;padding:6px 12px!important}
}

/* RC7.5.44 — precise notification badge centering in submenu rows */
.sidebar-nav .nav-subitem{
  position:relative!important;
  align-items:center!important;
}
.sidebar-nav .nav-subitem > .nav-badge{
  grid-column:3!important;
  grid-row:1!important;
  place-self:center end!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0 8px!important;
  min-width:29px!important;
  height:29px!important;
  line-height:29px!important;
  text-align:center!important;
  vertical-align:middle!important;
}


/* BHZ icon sizing system-wide v7.5.48 */
.sidebar .nav-icon.sidebar .nav-subicon
/* RC7.5.49 — self-contained SVG menu icons; no icon-font dependency */
.sidebar-nav .nav-svg-icon{font-size:0!important;overflow:visible!important;}
.sidebar-nav .nav-icon.nav-svg-icon svg{width:24px!important;height:24px!important;display:block!important;}
.sidebar-nav .nav-subicon.nav-svg-icon svg{width:22px!important;height:22px!important;display:block!important;}
.sidebar-nav .nav-svg-icon svg{stroke:currentColor!important;fill:none!important;vector-effect:non-scaling-stroke;}

.sidebar-account-link{color:#fff!important;text-decoration:none!important;display:inline-block!important;}
.sidebar-account-link:hover,.sidebar-account-link:focus{text-decoration:underline!important;text-underline-offset:4px!important;}

/* RC7.5.52 — profil kroz automatske inicijale */
.sidebar-account-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  max-width:100%!important;
  text-decoration:none!important;
}
.sidebar-profile-initials{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1.5px solid rgba(255,255,255,.82)!important;
  border-radius:50%!important;
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  font-family:var(--bhz-ui-font)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.sidebar-account-link:hover .sidebar-profile-initials,
.sidebar-account-link:focus .sidebar-profile-initials{
  background:rgba(255,255,255,.10)!important;
  border-color:#fff!important;
}