/* GYPTO Electrical V155.7 — sidebar counter visibility fix
   The V154 blue edge rail occupied the final 12px of the overlay sidebar.
   Counter pills were aligned against that edge and clipped by the nav button. */

/* Give labels a flexible width so long section names never push counts outside. */
body.v154-enterprise #sideNavLegacy .v154-nav-label{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.v154-enterprise #sideNavLegacy .v154-nav-item small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  position:relative!important;
  inset:auto!important;
  margin-left:auto!important;
  margin-right:0!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:nowrap!important;
  line-height:1!important;
  color:#fff!important;
  background:#f04d5d!important;
  border:0!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  z-index:4!important;
}

@media (min-width:1121px){
  /* Keep every navigation item and its counter to the left of the blue rail. */
  body.v154-enterprise #sideNavLegacy{
    padding:14px 22px 10px 9px!important;
    position:relative!important;
    z-index:2!important;
    overflow:visible!important;
  }
  body.v154-enterprise #sideNavLegacy .v154-nav-item{
    width:100%!important;
    max-width:100%!important;
    padding:0 9px 0 12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  /* Paint the decorative blue rail behind the navigation content. */
  body.v154-enterprise #app .side::after{
    z-index:1!important;
  }

  body.v154-enterprise.v154-sidebar-hover #sideNavLegacy .v154-nav-item small,
  body.v154-enterprise.v154-sidebar-open #sideNavLegacy .v154-nav-item small,
  body.v154-enterprise.v154-sidebar-pinned #sideNavLegacy .v154-nav-item small,
  body.v1551-sidebar-open #sideNavLegacy .v154-nav-item small,
  body.v1554-sidebar-open #sideNavLegacy .v154-nav-item small,
  body.v154-enterprise #app .side:hover #sideNavLegacy .v154-nav-item small,
  body.v154-enterprise #app .side:focus-within #sideNavLegacy .v154-nav-item small{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}

@media (max-width:1120px){
  body.v154-enterprise #sideNavLegacy .v154-nav-item{
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.v154-enterprise #sideNavLegacy .v154-nav-item small{
    opacity:1!important;
    visibility:visible!important;
  }
}