/* NEXCIP_SIDEBAR_STABILITY_V1
   Active/hover state must never change menu geometry. */

#navMenu .nav-item,
#navMenu button,
#navMenu a {
  box-sizing: border-box !important;
}

/* Native nav-item had border:0 while active added border:1px.
   Reserve that 1px at all times so width/height never jumps. */
#navMenu .nav-item {
  border: 1px solid transparent !important;
  transform: none !important;
  transition:
    background-color .12s ease,
    color .12s ease,
    border-color .12s ease,
    box-shadow .12s ease !important;
}

#navMenu .nav-item:hover,
#navMenu .nav-item.active {
  transform: none !important;
}

/* Custom cloned payment / mutation entries must also stay geometrically fixed. */
#navMenu [data-nexcip-payment-final-r4-2],
#navMenu [data-nexcip-mutasi-saldo] {
  box-sizing: border-box !important;
  transform: none !important;
}

/* Prevent scrollbar appearance/disappearance from shifting nav content horizontally. */
#navMenu.nav-menu {
  scrollbar-gutter: stable;
}