/* FIX REAL: barra izquierda solo iconos, funcional y sin iconos montados */
:root{--esm-sidebar:92px!important}
.app-panel:not(.oculto){padding-left:var(--esm-sidebar)!important}
.topbar{
  width:var(--esm-sidebar)!important;
  padding:14px 10px!important;
  align-items:center!important;
  overflow-x:hidden!important;
}
.brand{width:100%!important;justify-content:center!important;margin-bottom:8px!important}
.brand>div:not(.logo-circle){display:none!important}
.logo-circle{width:54px!important;height:54px!important;min-width:54px!important;border-radius:18px!important}
.user-info{width:62px!important;min-height:62px!important;padding:7px!important;justify-content:center!important;border-radius:20px!important}
.user-info img{width:44px!important;height:44px!important;border-radius:15px!important;object-fit:cover!important}
.user-info>div,.user-info::before{display:none!important}
.btn-sonido{width:58px!important;height:42px!important;border-radius:16px!important;padding:0!important;margin:4px auto!important}
.pro-side-nav{width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;margin-top:6px!important}
.pro-side-title{display:none!important}
.pro-nav-link{
  width:58px!important;
  height:58px!important;
  padding:0!important;
  margin:0 auto!important;
  border-radius:19px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(24,216,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.pro-nav-link span:not(.pro-nav-icon){display:none!important}
.pro-nav-icon{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;color:#7cf3ff!important;filter:drop-shadow(0 0 9px rgba(24,216,255,.75))!important}
.pro-nav-icon svg{width:28px!important;height:28px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pro-nav-link:hover,.pro-nav-link.active{
  border-color:rgba(24,216,255,.58)!important;
  background:linear-gradient(135deg,rgba(24,216,255,.22),rgba(155,77,255,.20))!important;
  box-shadow:0 0 24px rgba(24,216,255,.22),0 0 26px rgba(155,77,255,.14),inset 0 1px 0 rgba(255,255,255,.10)!important;
  transform:translateY(-1px)!important;
}
.pro-nav-link::after{
  content:attr(data-title);
  position:absolute!important;
  left:74px!important;
  top:50%!important;
  transform:translateY(-50%) scale(.96)!important;
  opacity:0!important;
  pointer-events:none!important;
  white-space:nowrap!important;
  z-index:9999!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  background:rgba(5,14,32,.96)!important;
  border:1px solid rgba(24,216,255,.32)!important;
  color:#eaffff!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45),0 0 18px rgba(24,216,255,.16)!important;
  transition:.18s ease!important;
}
.pro-nav-link:hover::after{opacity:1!important;transform:translateY(-50%) scale(1)!important}
.pro-settings-toggle{
  width:58px!important;height:48px!important;margin:8px auto 0!important;padding:0!important;font-size:0!important;border-radius:18px!important;display:grid!important;place-items:center!important;
}
.pro-settings-toggle::before{content:'⚙';font-size:22px!important;color:#dff9ff!important;filter:drop-shadow(0 0 9px rgba(24,216,255,.75))}
.pro-settings-panel{
  position:fixed!important;left:104px!important;top:78px!important;width:270px!important;z-index:3000!important;padding:12px!important;border-radius:18px!important;background:rgba(5,14,32,.96)!important;border:1px solid rgba(24,216,255,.30)!important;box-shadow:0 22px 60px rgba(0,0,0,.55)!important;backdrop-filter:blur(18px)!important;
}
/* iconos de tarjetas: SOLO svg, sin emojis pseudo-elementos */
.modulo-card .icono{font-size:0!important;color:#eaffff!important;text-shadow:none!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.modulo-card .icono::before,.modulo-card .icono::after{content:none!important;display:none!important}
.modulo-card .icono svg{width:31px!important;height:31px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 12px rgba(24,216,255,.82))!important}
@media(max-width:760px){
  :root{--esm-sidebar:0px!important}
  .app-panel:not(.oculto){padding-left:0!important}
  .topbar{width:100%!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:10px!important;justify-content:flex-start!important}
  .brand{width:auto!important}.pro-side-nav{flex-direction:row!important;overflow-x:auto!important;width:auto!important}.pro-nav-link{min-width:52px!important;width:52px!important;height:52px!important}.pro-nav-link::after{display:none!important}.pro-settings-panel{left:12px!important;right:12px!important;top:88px!important;width:auto!important}
}