/* ESM SIDEBAR TOOLTIP UNICO REAL - compatible con scroll */
.topbar{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(34,225,255,.55) rgba(255,255,255,.04) !important;
  z-index: 9999 !important;
}
.topbar::-webkit-scrollbar{width:6px!important;}
.topbar::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;border-radius:999px!important;}
.topbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(34,225,255,.75),rgba(155,77,255,.65))!important;border-radius:999px!important;}
.pro-side-nav{
  flex-shrink: 0 !important;
}
.pro-nav-link{
  position: relative !important;
}
/* El panel sigue siendo solo iconos */
.pro-nav-link span:not(.pro-nav-icon):not(.tooltip-label){
  display: none !important;
}
/* Borra tooltips viejos insertados */
.pro-nav-link .tooltip-label{
  display: none !important;
}
/* Desactiva pseudo-tooltips para que no se dupliquen ni se corten con el scroll */
.pro-nav-link::before,
.pro-nav-link::after{
  content: none !important;
  display: none !important;
}
.esm-hover-tooltip{
  position: fixed !important;
  z-index: 2147483647 !important;
  display: none;
  opacity: 0;
  transform: translateY(-50%) translateX(-8px) scale(.96);
  pointer-events: none !important;
  white-space: nowrap !important;
  max-width: 280px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(5,14,32,.98), rgba(10,28,60,.97)) !important;
  border: 1px solid rgba(34,225,255,.48) !important;
  color: #eaffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  text-shadow: 0 0 10px rgba(24,216,255,.45) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 22px rgba(24,216,255,.24) !important;
  backdrop-filter: blur(14px) !important;
  transition: opacity .16s ease, transform .16s ease !important;
}
.esm-hover-tooltip::before{
  content:"";
  position:absolute;
  left:-5px;
  top:50%;
  width:10px;
  height:10px;
  transform:translateY(-50%) rotate(45deg);
  background:rgba(5,14,32,.98);
  border-left:1px solid rgba(34,225,255,.48);
  border-bottom:1px solid rgba(34,225,255,.48);
}
.esm-hover-tooltip.visible{
  display:block;
  opacity:1;
  transform: translateY(-50%) translateX(0) scale(1);
}
.pro-settings-toggle{flex-shrink:0!important;}
@media(max-width:760px){
  .topbar{overflow-x:auto!important;overflow-y:hidden!important;}
  .esm-hover-tooltip{display:none!important;}
}