/* v109 - Cabecera comun para todos los paneles VIVEO.TV
   Normaliza solo estructura/legibilidad del header. Los colores de cada plantilla se mantienen. */

body.admin-body .topbar{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  min-height:78px;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);
  align-items:center!important;
  gap:14px 22px!important;
  padding:12px 28px!important;
  overflow:visible!important;
}

body.admin-body .topbar .brand{
  grid-column:1;
  justify-self:start;
  min-width:0;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap;
  gap:10px 14px!important;
  margin:0!important;
}

body.admin-body .topbar .brand-logo{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0;
  flex:0 0 auto;
}

body.admin-body .topbar .brand-logo img{
  display:block!important;
  width:auto!important;
  max-width:210px!important;
  max-height:46px!important;
  object-fit:contain!important;
}

body.admin-body .topbar .topnav{
  grid-column:2;
  justify-self:center;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap;
  gap:10px 16px!important;
  margin:0!important;
  min-width:0;
  text-align:center;
}

body.admin-body .topbar .topnav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap;
  text-decoration:none!important;
}

body.admin-body .topbar .user-pill{
  grid-column:3;
  justify-self:end;
  align-self:center;
  margin:0!important;
  max-width:290px;
  min-width:0;
  overflow:hidden;
  text-decoration:none!important;
}

body.admin-body .topbar .user-pill span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}

body.admin-body .topbar .superadmin-return,
body.admin-body .topbar .channel-switcher-highlight{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
}

body.admin-body .topbar .superadmin-return:hover,
body.admin-body .topbar .channel-switcher-highlight:hover{
  transform:translateY(-1px);
  text-decoration:none!important;
}

@media(max-width:1180px){
  body.admin-body .topbar{
    grid-template-columns:minmax(190px,1fr) minmax(0,auto);
  }
  body.admin-body .topbar .brand{grid-column:1;}
  body.admin-body .topbar .topnav{grid-column:2;justify-self:end;}
  body.admin-body .topbar .user-pill{grid-column:1 / -1;justify-self:end;}
}

@media(max-width:760px){
  body.admin-body .topbar{
    grid-template-columns:1fr!important;
    padding:14px 16px!important;
  }
  body.admin-body .topbar .brand,
  body.admin-body .topbar .topnav,
  body.admin-body .topbar .user-pill{
    grid-column:1!important;
    justify-self:start!important;
  }
  body.admin-body .topbar .topnav{
    justify-content:flex-start!important;
    text-align:left;
  }
  body.admin-body .topbar .brand-logo img{
    max-width:170px!important;
    max-height:40px!important;
  }
}


/* v100 - Footer comun y enlace de ajustes homogeneo */
body.admin-body .topbar .topnav a .nav-gear{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-right:6px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
}

body.admin-body .footer{
  width:100%!important;
  max-width:none!important;
  margin:44px auto 24px auto!important;
  padding:20px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:0!important;
  color:rgba(15,23,42,.72)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.5!important;
  background:transparent!important;
  border:0!important;
}

body.admin-body .footer span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  max-width:100%!important;
  text-align:center!important;
}


/* v103 - Ajustes sin icono y previsualizacion de imagenes actuales */
body.admin-body .topbar .topnav a .nav-gear{
  display:none!important;
}

body.admin-body .panel-image-preview,
body.admin-body .logo-preview-card{
  margin-top:12px!important;
  padding:12px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
  display:inline-flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-width:320px!important;
}

body.admin-body .panel-image-preview span,
body.admin-body .logo-preview-card span{
  display:block!important;
  color:rgba(15,23,42,.62)!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.admin-body .panel-image-preview img,
body.admin-body .logo-preview-card img{
  display:block!important;
  max-width:280px!important;
  max-height:170px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.05)!important;
}

body.admin-body .panel-image-preview.cover-preview img{
  max-width:320px!important;
  max-height:190px!important;
  object-fit:cover!important;
}

/* v108 - Acciones derechas: herramientas, usuario y salida */
body.admin-body .topbar .top-actions{
  grid-column:3;
  justify-self:end;
  align-self:center;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:0;
  margin:0!important;
}

body.admin-body .topbar .top-actions .user-pill{
  grid-column:auto!important;
  justify-self:auto!important;
  flex:0 1 auto;
}

body.admin-body .topbar .topnav > a[href="/logout.php"]{
  display:none!important;
}

body.admin-body .logout-icon,
body.admin-body .tools-button{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

body.admin-body .logout-icon:hover,
body.admin-body .tools-button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.42)!important;
}

body.admin-body .logout-door{
  position:relative;
  display:block;
  width:18px;
  height:22px;
  border:2px solid currentColor;
  border-radius:3px;
  box-sizing:border-box;
}

body.admin-body .logout-door:before{
  content:"";
  position:absolute;
  left:-7px;
  top:3px;
  width:6px;
  height:14px;
  border-top:2px solid currentColor;
  border-bottom:2px solid currentColor;
  border-left:2px solid currentColor;
  border-radius:2px 0 0 2px;
}

body.admin-body .logout-door:after{
  content:"";
  position:absolute;
  right:3px;
  top:9px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
}

body.admin-body .tools-menu{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.admin-body .tools-menu summary{
  list-style:none!important;
}

body.admin-body .tools-menu summary::-webkit-details-marker{
  display:none!important;
}

body.admin-body .tools-button svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
  fill:currentColor!important;
}

body.admin-body .tools-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:220px;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.96)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.34)!important;
  z-index:10050!important;
}

body.admin-body .tools-dropdown a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%;
  padding:11px 12px!important;
  border-radius:12px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap;
}

body.admin-body .tools-dropdown a:hover{
  background:rgba(255,255,255,.12)!important;
  text-decoration:none!important;
}

body.admin-body .tools-menu:not([open]) .tools-dropdown{
  display:none!important;
}

@media(max-width:1180px){
  body.admin-body .topbar .top-actions{
    grid-column:1 / -1;
    justify-self:end;
  }
}

@media(max-width:760px){
  body.admin-body .topbar .top-actions{
    grid-column:1!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    flex-wrap:wrap;
  }
}


/* v109 - Rueda de ajustes tambien en paneles de usuario */
body.admin-body .topbar .top-actions .channel-tools-menu{
  order:0;
}

body.admin-body .topbar .top-actions .user-pill{
  order:1;
}

body.admin-body .topbar .top-actions .logout-icon{
  order:2;
}

body.admin-body .topbar .top-actions .tools-menu.is-active .tools-button{
  background:rgba(56,189,248,.22)!important;
  border-color:rgba(56,189,248,.62)!important;
  box-shadow:0 0 0 1px rgba(56,189,248,.20),0 12px 30px rgba(0,0,0,.22)!important;
}

body.admin-body .topbar .top-actions .tools-menu.is-active .tools-button svg{
  transform:rotate(18deg);
}


/* v110 - Kioskos dentro de la rueda de ajustes y estado actual del desplegable */
body.admin-body .tools-dropdown a.is-current{
  background:rgba(56,189,248,.18)!important;
  color:#e0f2fe!important;
  box-shadow:inset 3px 0 0 rgba(56,189,248,.95)!important;
}

body.admin-body .topbar .topnav a[href$="/kiosks.php"]{
  display:none!important;
}

/* v111 - Accesos publicos del canal en el menu principal */
body.admin-body .topbar .topnav .public-view-link{
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}

body.admin-body .topbar .topnav .public-view-link:hover{
  background:rgba(56,189,248,.20)!important;
  border-color:rgba(56,189,248,.50)!important;
  text-decoration:none!important;
  transform:translateY(-1px);
}

@media(max-width:1180px){
  body.admin-body .topbar .topnav .public-view-link{
    padding:7px 10px!important;
    font-size:11px!important;
  }
}

/* v112 - Menu principal con botones tipo Ver Kiosko / Ver QR Cliente */
body.admin-body .topbar .topnav{
  gap:9px!important;
}

body.admin-body .topbar .topnav > a{
  min-height:34px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.admin-body .topbar .topnav > a:hover{
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(255,255,255,.28)!important;
  text-decoration:none!important;
  transform:translateY(-1px);
}

body.admin-body .topbar .topnav > a.active{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(56,189,248,.72)!important;
  box-shadow:0 0 0 1px rgba(56,189,248,.22),0 12px 28px rgba(0,0,0,.16)!important;
  color:#fff!important;
}

body.admin-body .topbar .topnav > a.active::after{
  display:none!important;
}

body.admin-body .topbar .topnav .public-view-link{
  min-height:34px!important;
  padding:8px 13px!important;
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.24)!important;
}

body.admin-body .topbar .topnav .public-view-link:hover{
  background:rgba(56,189,248,.20)!important;
  border-color:rgba(56,189,248,.52)!important;
}

@media(max-width:1180px){
  body.admin-body .topbar .topnav > a,
  body.admin-body .topbar .topnav .public-view-link{
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:11px!important;
  }
}

/* v132 - Accesos publicos del canal como iconos junto a ajustes */
body.admin-body .topbar .top-actions .header-icon-link{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

body.admin-body .topbar .top-actions .header-icon-link:hover{
  transform:translateY(-1px);
  background:rgba(56,189,248,.20)!important;
  border-color:rgba(56,189,248,.54)!important;
  text-decoration:none!important;
}

body.admin-body .topbar .top-actions .header-icon-link svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.admin-body .topbar .top-actions .header-kiosk-link{order:0;}
body.admin-body .topbar .top-actions .header-qr-link{order:1;}
body.admin-body .topbar .top-actions .channel-tools-menu{order:2;}
body.admin-body .topbar .top-actions .user-pill{order:3;}
body.admin-body .topbar .top-actions .logout-icon{order:4;}


/* v134 - Menu hamburguesa movil para paneles internos */
body.admin-body .topbar .mobile-menu-toggle{
  display:none!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:0!important;
  cursor:pointer!important;
}

body.admin-body .topbar .mobile-menu-toggle span{
  display:block!important;
  width:20px!important;
  height:2px!important;
  border-radius:99px!important;
  background:currentColor!important;
  transition:transform .18s ease, opacity .18s ease;
}

body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(2){
  opacity:0;
}
body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media(max-width:760px){
  body.admin-body .topbar{
    grid-template-columns:1fr auto!important;
    padding:12px 14px!important;
    gap:10px 12px!important;
    min-height:70px!important;
  }

  body.admin-body .topbar .brand{
    grid-column:1!important;
    justify-self:start!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  body.admin-body .topbar .brand-logo img{
    max-width:148px!important;
    max-height:34px!important;
  }

  body.admin-body .topbar .superadmin-return,
  body.admin-body .topbar .channel-switcher-highlight{
    display:none!important;
  }

  body.admin-body .topbar .mobile-menu-toggle{
    display:inline-flex!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
  }

  body.admin-body .topbar .topnav,
  body.admin-body .topbar .top-actions{
    display:none!important;
    grid-column:1 / -1!important;
    width:100%!important;
    justify-self:stretch!important;
    margin:0!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav,
  body.admin-body .topbar.mobile-menu-open .top-actions{
    display:flex!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    padding:12px 0 4px 0!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    padding:6px 0 0 0!important;
    justify-content:flex-start!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  body.admin-body .topbar .topnav > a,
  body.admin-body .topbar .topnav .public-view-link{
    min-height:38px!important;
    padding:9px 13px!important;
    font-size:12px!important;
  }

  body.admin-body .topbar .top-actions .header-icon-link,
  body.admin-body .logout-icon,
  body.admin-body .tools-button{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }

  body.admin-body .topbar .user-pill{
    max-width:calc(100vw - 116px)!important;
    min-height:42px!important;
    padding:8px 13px!important;
    font-size:12px!important;
  }

  body.admin-body .tools-dropdown{
    left:0!important;
    right:auto!important;
    min-width:230px!important;
  }

  body.admin-body .container{
    padding-top:18px!important;
  }
}

/* v135 - Acceso superadmin restaurado dentro del burger movil */
body.admin-body .topbar .mobile-superadmin-return{
  display:none!important;
}

@media(max-width:760px){
  body.admin-body .topbar.mobile-menu-open .mobile-superadmin-return{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:9px 15px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.1!important;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
}

/* v136 - Burger movil tipo panel completo y menu textual */
body.admin-body .topbar .mobile-action-text{
  display:none!important;
}

@media(max-width:760px){
  body.admin-body.mobile-menu-lock{
    overflow:hidden!important;
  }

  body.admin-body .topbar{
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    min-height:72px!important;
    max-height:72px!important;
    padding:12px 18px!important;
    overflow:visible!important;
  }

  body.admin-body .topbar .brand{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    min-height:48px!important;
  }

  body.admin-body .topbar .brand-logo img{
    max-width:178px!important;
    max-height:40px!important;
  }

  body.admin-body .topbar .mobile-menu-toggle{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    z-index:100080!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    background:rgba(255,255,255,.13)!important;
    backdrop-filter:blur(12px)!important;
  }

  body.admin-body .topbar .topnav,
  body.admin-body .topbar .top-actions{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav,
  body.admin-body .topbar.mobile-menu-open .top-actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    z-index:100060!important;
    width:100vw!important;
    margin:0!important;
    background:linear-gradient(180deg, rgba(24,8,25,.98), rgba(11,16,32,.98))!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    display:flex!important;
    top:72px!important;
    bottom:170px!important;
    padding:24px 18px 12px 18px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:12px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    display:flex!important;
    top:auto!important;
    bottom:0!important;
    min-height:170px!important;
    padding:14px 18px 22px 18px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(180deg, rgba(17,12,30,.99), rgba(9,13,26,.99))!important;
  }

  body.admin-body .topbar .topnav > a,
  body.admin-body .topbar .topnav .public-view-link,
  body.admin-body .topbar .top-actions .header-icon-link,
  body.admin-body .topbar .mobile-superadmin-return,
  body.admin-body .topbar .logout-icon,
  body.admin-body .topbar .tools-button,
  body.admin-body .topbar .user-pill{
    width:100%!important;
    min-height:52px!important;
    height:auto!important;
    max-width:none!important;
    padding:14px 16px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    text-align:left!important;
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.15!important;
    text-decoration:none!important;
  }

  body.admin-body .topbar .topnav > a.active{
    background:linear-gradient(90deg, rgba(124,58,237,.36), rgba(56,189,248,.16))!important;
    border-color:rgba(168,85,247,.62)!important;
  }

  body.admin-body .topbar .top-actions .header-icon-link svg,
  body.admin-body .topbar .tools-button svg{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }

  body.admin-body .topbar .logout-icon .logout-door{
    flex:0 0 18px!important;
  }

  body.admin-body .topbar .mobile-action-text{
    display:inline!important;
    font-size:15px!important;
    font-weight:900!important;
    color:inherit!important;
  }

  body.admin-body .topbar .user-pill{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
  }

  body.admin-body .topbar .user-pill span{
    display:block!important;
    font-size:12px!important;
    opacity:.78!important;
    white-space:normal!important;
  }

  body.admin-body .topbar .tools-menu{
    width:100%!important;
    display:block!important;
  }

  body.admin-body .topbar .tools-dropdown{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:8px 0 0 0!important;
    padding:8px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }

  body.admin-body .topbar .tools-menu:not([open]) .tools-dropdown{
    display:block!important;
  }

  body.admin-body .topbar .tools-dropdown a{
    width:100%!important;
    min-height:44px!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    color:#fff!important;
    background:transparent!important;
    font-size:14px!important;
    font-weight:850!important;
    white-space:normal!important;
  }

  body.admin-body .topbar .tools-dropdown a.is-current{
    background:rgba(56,189,248,.16)!important;
    box-shadow:inset 3px 0 0 rgba(56,189,248,.95)!important;
  }

  body.admin-body .topbar.mobile-menu-open:after{
    content:"";
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:100040;
    background:rgba(2,6,23,.42);
    pointer-events:none;
  }
}


/* v137 - Correccion burger movil: menu textual a pantalla completa real */
@media(max-width:760px){
  body.admin-body.mobile-menu-lock{
    overflow:hidden!important;
    height:100dvh!important;
  }

  body.admin-body .topbar{
    position:sticky!important;
    top:0!important;
    z-index:100000!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    min-height:74px!important;
    max-height:74px!important;
    height:74px!important;
    padding:12px 18px!important;
    overflow:hidden!important;
  }

  body.admin-body .topbar .brand{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    margin:0!important;
  }

  body.admin-body .topbar .brand-logo img{
    width:auto!important;
    max-width:176px!important;
    max-height:38px!important;
  }

  body.admin-body .topbar .mobile-menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:100020!important;
    width:54px!important;
    height:54px!important;
    border-radius:999px!important;
    margin:0!important;
  }

  body.admin-body .topbar .topnav,
  body.admin-body .topbar .top-actions{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:none!important;
    min-height:100dvh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:22px 22px 28px 22px!important;
    background:linear-gradient(180deg,#1a0718 0%,#111827 58%,#06111f 100%)!important;
    box-shadow:none!important;
  }

  body.admin-body .topbar.mobile-menu-open:before{
    content:""!important;
    position:fixed!important;
    inset:-20%!important;
    z-index:0!important;
    background:
      radial-gradient(circle at 16% 8%,rgba(168,85,247,.28),transparent 34%),
      radial-gradient(circle at 92% 18%,rgba(56,189,248,.20),transparent 30%),
      radial-gradient(circle at 50% 95%,rgba(236,72,153,.18),transparent 34%)!important;
    pointer-events:none!important;
  }

  body.admin-body .topbar.mobile-menu-open:after{
    display:none!important;
    content:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .brand{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:56px!important;
    padding-right:76px!important;
    margin:0 0 22px 0!important;
    width:100%!important;
  }

  body.admin-body .topbar.mobile-menu-open .brand-logo img{
    max-width:178px!important;
    max-height:42px!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle{
    position:fixed!important;
    right:22px!important;
    top:22px!important;
    z-index:100030!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.36)!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav,
  body.admin-body .topbar.mobile-menu-open .top-actions{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:2!important;
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    margin:0 0 16px 0!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    padding:16px 0 0 0!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a,
  body.admin-body .topbar.mobile-menu-open .topnav .public-view-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link,
  body.admin-body .topbar.mobile-menu-open .mobile-superadmin-return,
  body.admin-body .topbar.mobile-menu-open .logout-icon,
  body.admin-body .topbar.mobile-menu-open .tools-button,
  body.admin-body .topbar.mobile-menu-open .user-pill{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:15px 17px!important;
    border-radius:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    text-align:left!important;
    color:#fff!important;
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a.active,
  body.admin-body .topbar.mobile-menu-open .tools-menu.is-active .tools-button{
    background:linear-gradient(90deg,rgba(124,58,237,.48),rgba(14,165,233,.20))!important;
    border-color:rgba(168,85,247,.70)!important;
    box-shadow:0 16px 38px rgba(124,58,237,.22)!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-action-text{
    display:inline!important;
    font-size:16px!important;
    font-weight:900!important;
    color:inherit!important;
  }

  body.admin-body .topbar.mobile-menu-open .header-icon-link svg,
  body.admin-body .topbar.mobile-menu-open .tools-button svg{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }

  body.admin-body .topbar.mobile-menu-open .tools-menu{
    width:100%!important;
    display:block!important;
  }

  body.admin-body .topbar.mobile-menu-open .tools-menu summary{
    list-style:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .tools-menu summary::-webkit-details-marker{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .tools-dropdown{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:10px 0 0 0!important;
    padding:8px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .tools-menu:not([open]) .tools-dropdown{
    display:block!important;
  }

  body.admin-body .topbar.mobile-menu-open .tools-dropdown a{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    color:#fff!important;
    background:transparent!important;
    font-size:15px!important;
    font-weight:850!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  body.admin-body .topbar.mobile-menu-open .tools-dropdown a.is-current{
    background:rgba(56,189,248,.16)!important;
    box-shadow:inset 3px 0 0 rgba(56,189,248,.95)!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill span{
    display:block!important;
    font-size:12px!important;
    opacity:.78!important;
    white-space:normal!important;
  }
}

/* v138 - Orden correcto del menu burger movil */
@media (max-width: 760px){
  body.admin-body .topbar.mobile-menu-open{
    gap:0!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    order:1!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    order:2!important;
    flex:1 1 auto!important;
    min-height:0!important;
    padding-bottom:6px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .header-kiosk-link{order:10!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .header-qr-link{order:20!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .channel-tools-menu{order:30!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill{order:40!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{order:50!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-superadmin-return{
    order:99!important;
    margin-top:auto!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:58px!important;
    background:linear-gradient(90deg,rgba(14,165,233,.28),rgba(124,58,237,.34))!important;
    border-color:rgba(125,211,252,.45)!important;
    color:#e0f2fe!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-superadmin-return::before{
    content:""!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    border-radius:6px!important;
    background:linear-gradient(135deg,#38bdf8,#8b5cf6)!important;
    box-shadow:0 0 18px rgba(56,189,248,.35)!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill .mobile-user-icon{
    display:inline-flex!important;
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#38bdf8,#8b5cf6)!important;
    position:relative!important;
    margin-right:2px!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill .mobile-user-icon:before{
    content:""!important;
    position:absolute!important;
    left:7px!important;
    top:5px!important;
    width:8px!important;
    height:8px!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill .mobile-user-icon:after{
    content:""!important;
    position:absolute!important;
    left:5px!important;
    bottom:4px!important;
    width:12px!important;
    height:6px!important;
    border-radius:999px 999px 4px 4px!important;
    background:#fff!important;
  }
}

/* v139 - Burger movil: superadmin fuera del menu y accesos directos ajustes/kioskos */
.mobile-superadmin-header,
.mobile-direct-tool{
  display:none;
}

@media (max-width: 760px){
  body.admin-body .mobile-superadmin-header{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin-left:auto!important;
    margin-right:10px!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    color:#e0f2fe!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(124,58,237,.34))!important;
    border:1px solid rgba(125,211,252,.45)!important;
    box-shadow:0 10px 28px rgba(14,165,233,.14)!important;
  }

  body.admin-body .mobile-superadmin-header-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    border-radius:8px!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
    background:linear-gradient(135deg,#38bdf8,#8b5cf6)!important;
    box-shadow:0 0 16px rgba(56,189,248,.36)!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .channel-tools-menu{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-direct-tool{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:15px 17px!important;
    border-radius:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    text-align:left!important;
    color:#fff!important;
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-direct-tool.is-current{
    background:linear-gradient(90deg,rgba(124,58,237,.48),rgba(14,165,233,.20))!important;
    border-color:rgba(168,85,247,.70)!important;
    box-shadow:0 16px 38px rgba(124,58,237,.22)!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-direct-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border-radius:8px!important;
    color:#fff!important;
    font-size:16px!important;
    background:linear-gradient(135deg,#38bdf8,#8b5cf6)!important;
    box-shadow:0 0 16px rgba(56,189,248,.28)!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .header-kiosk-link{order:10!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .header-qr-link{order:20!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link{order:30!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-kiosks-link{order:40!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill{order:50!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{order:60!important;}

  body.admin-body .topbar.mobile-menu-open .mobile-superadmin-return{
    display:none!important;
  }
}

@media (max-width: 420px){
  body.admin-body .mobile-superadmin-header span:not(.mobile-superadmin-header-icon){
    display:none!important;
  }
  body.admin-body .mobile-superadmin-header{
    width:44px!important;
    padding:0!important;
  }
}


/* v140 - Correccion final menu burger movil: superadmin fuera del menu, icono en header y menu vertical textual */
@media (max-width: 760px){
  body.admin-body.mobile-menu-lock{
    overflow:hidden!important;
    height:100vh!important;
  }

  body.admin-body .topbar{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:82px!important;
    height:82px!important;
    padding:0 18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px 56px!important;
    grid-template-rows:82px!important;
    align-items:center!important;
    gap:10px!important;
    overflow:visible!important;
    z-index:10000!important;
  }

  body.admin-body .topbar .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    z-index:10004!important;
  }

  body.admin-body .topbar .brand-logo img{
    max-width:178px!important;
    max-height:42px!important;
  }

  body.admin-body .topbar .superadmin-return,
  body.admin-body .topbar .channel-switcher-highlight{
    display:none!important;
  }

  body.admin-body .mobile-superadmin-header{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    border-radius:999px!important;
    text-decoration:none!important;
    background:linear-gradient(135deg,rgba(14,165,233,.36),rgba(124,58,237,.45))!important;
    border:1px solid rgba(125,211,252,.58)!important;
    box-shadow:0 12px 30px rgba(14,165,233,.20), inset 0 1px 0 rgba(255,255,255,.18)!important;
    z-index:10005!important;
  }

  body.admin-body .mobile-superadmin-header-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    border-radius:9px!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
    background:linear-gradient(135deg,#38bdf8,#8b5cf6)!important;
    box-shadow:0 0 16px rgba(56,189,248,.34)!important;
  }

  body.admin-body .topbar .mobile-menu-toggle{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:inline-flex!important;
    position:relative!important;
    z-index:10006!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    margin:0!important;
  }

  body.admin-body .topbar .topnav,
  body.admin-body .topbar .top-actions{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    padding:18px 18px 28px 18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px 56px!important;
    grid-template-rows:72px auto 1fr!important;
    align-items:start!important;
    gap:0 10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:radial-gradient(circle at 18% 0%,rgba(126,34,206,.36),transparent 34%),linear-gradient(180deg,#1b0717 0%,#07111f 55%,#070b18 100%)!important;
    box-shadow:none!important;
  }

  body.admin-body .topbar.mobile-menu-open:before,
  body.admin-body .topbar.mobile-menu-open:after{
    display:none!important;
    content:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .brand{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-superadmin-header{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    background:rgba(255,255,255,.13)!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:18px 0 0 0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:11px!important;
    position:static!important;
    transform:none!important;
    text-align:left!important;
    overflow:visible!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:12px 0 0 0!important;
    padding:0 0 18px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:11px!important;
    position:static!important;
    transform:none!important;
    overflow:visible!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a,
  body.admin-body .topbar.mobile-menu-open .top-actions > a,
  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill,
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:56px!important;
    height:auto!important;
    margin:0!important;
    padding:15px 18px!important;
    border-radius:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    text-align:left!important;
    color:#fff!important;
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    text-decoration:none!important;
    white-space:normal!important;
    position:static!important;
    transform:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a.active,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool.is-current{
    background:linear-gradient(90deg,rgba(124,58,237,.50),rgba(14,165,233,.24))!important;
    border-color:rgba(168,85,247,.70)!important;
    box-shadow:0 16px 38px rgba(124,58,237,.22)!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .channel-tools-menu{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-action-text,
  body.admin-body .topbar.mobile-menu-open .mobile-direct-tool span,
  body.admin-body .topbar.mobile-menu-open .user-pill span{
    display:inline!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link svg,
  body.admin-body .topbar.mobile-menu-open .top-actions .tools-button svg{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .header-kiosk-link{order:10!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .header-qr-link{order:20!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link{order:30!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-kiosks-link{order:40!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill{order:50!important;}
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{order:60!important;}

  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill{
    flex-direction:row!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill > span:last-child{
    opacity:.72!important;
    font-size:13px!important;
    font-weight:800!important;
    margin-left:auto!important;
    max-width:42%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 380px){
  body.admin-body .topbar .brand-logo img{
    max-width:150px!important;
  }
  body.admin-body .mobile-superadmin-header{
    width:42px!important;
    min-width:42px!important;
  }
  body.admin-body .topbar .mobile-menu-toggle{
    width:52px!important;
    min-width:52px!important;
  }
}

/* v141 - Menu burger movil mas compacto y sin icono superadmin dentro del menu abierto */
@media (max-width: 760px){
  body.admin-body .topbar.mobile-menu-open{
    grid-template-columns:minmax(0,1fr) 56px!important;
    grid-template-rows:68px auto 1fr!important;
    padding:16px 16px 22px 16px!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-superadmin-header{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    margin-top:14px!important;
    gap:8px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    margin-top:8px!important;
    gap:8px!important;
    padding-bottom:12px!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a,
  body.admin-body .topbar.mobile-menu-open .top-actions > a,
  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill,
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{
    min-height:48px!important;
    padding:12px 16px!important;
    border-radius:18px!important;
    gap:11px!important;
    font-size:15px!important;
    line-height:1.1!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link svg,
  body.admin-body .topbar.mobile-menu-open .top-actions .tools-button svg{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill > span:last-child{
    font-size:12px!important;
    max-width:38%!important;
  }
}

@media (max-width: 380px){
  body.admin-body .topbar.mobile-menu-open .topnav > a,
  body.admin-body .topbar.mobile-menu-open .top-actions > a,
  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill,
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{
    min-height:46px!important;
    padding:11px 14px!important;
    border-radius:16px!important;
    font-size:14px!important;
  }
}

/* v142 - Ajuste visual menu burger: iconos sin borde/color, usuario simple y grupos separados */
body.admin-body .topbar .user-pill .mobile-user-label{
  display:none!important;
}

@media (max-width: 760px){
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link{
    margin-top:10px!important;
    position:relative!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-10px!important;
    height:1px!important;
    background:rgba(255,255,255,.16)!important;
    box-shadow:0 1px 0 rgba(0,0,0,.18)!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-direct-icon{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:20px!important;
    margin:0 2px!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill .mobile-user-icon{
    display:inline-flex!important;
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    position:relative!important;
    margin:0 2px!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill .mobile-user-icon:before{
    content:""!important;
    position:absolute!important;
    left:7px!important;
    top:3px!important;
    width:8px!important;
    height:8px!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  body.admin-body .topbar.mobile-menu-open .user-pill .mobile-user-icon:after{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    bottom:3px!important;
    width:14px!important;
    height:8px!important;
    border-radius:999px 999px 5px 5px!important;
    background:#fff!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill{
    justify-content:flex-start!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill .mobile-user-label{
    display:inline!important;
    font-size:15px!important;
    font-weight:900!important;
    opacity:1!important;
    color:#fff!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill .desktop-user-name,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill .desktop-user-club,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill > span:last-child{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-kiosks-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill,
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
}

/* v143 - Burger movil: todo junto y cabecera mas alta/compacta */
@media (max-width: 760px){
  body.admin-body .topbar.mobile-menu-open{
    grid-template-rows:58px auto 1fr!important;
    padding:12px 16px 18px 16px!important;
  }

  body.admin-body .topbar.mobile-menu-open .brand{
    min-height:50px!important;
    margin:0!important;
    align-self:center!important;
  }

  body.admin-body .topbar.mobile-menu-open .brand-logo img{
    max-width:166px!important;
    max-height:38px!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    align-self:center!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    margin-top:6px!important;
    gap:7px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    margin-top:7px!important;
    gap:7px!important;
    padding-top:0!important;
    border-top:0!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link{
    margin-top:0!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link:before{
    display:none!important;
    content:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a,
  body.admin-body .topbar.mobile-menu-open .top-actions > a,
  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill,
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{
    min-height:46px!important;
    padding:11px 15px!important;
    border-radius:16px!important;
    gap:10px!important;
  }
}

@media (max-width: 380px){
  body.admin-body .topbar.mobile-menu-open{
    grid-template-rows:54px auto 1fr!important;
    padding:10px 14px 16px 14px!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    margin-top:4px!important;
    gap:6px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    margin-top:6px!important;
    gap:6px!important;
  }
}

/* v144 - Burger movil: menu realmente unificado y sin separacion entre bloques */
@media (max-width: 760px){
  body.admin-body.mobile-menu-lock{
    overflow:hidden!important;
  }

  body.admin-body .topbar.mobile-menu-open{
    position:fixed!important;
    left:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    z-index:99999!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:16px 18px 22px 18px!important;
    background:linear-gradient(180deg,#2a0730 0%,#07111f 42%,#050a14 100%)!important;
  }

  body.admin-body .topbar.mobile-menu-open .brand{
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0 0 4px 0!important;
    padding:0 64px 0 0!important;
    flex:0 0 auto!important;
  }

  body.admin-body .topbar.mobile-menu-open .brand-logo img{
    max-width:166px!important;
    max-height:38px!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-superadmin-header{
    display:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle{
    position:absolute!important;
    right:18px!important;
    top:16px!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    margin:0!important;
    z-index:2!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav,
  body.admin-body .topbar.mobile-menu-open .top-actions{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    position:static!important;
    transform:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav{
    margin-top:2px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions{
    margin-top:6px!important;
  }

  body.admin-body .topbar.mobile-menu-open .top-actions:before,
  body.admin-body .topbar.mobile-menu-open .top-actions:after,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link:before,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-profile-link:after{
    display:none!important;
    content:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a,
  body.admin-body .topbar.mobile-menu-open .top-actions > a,
  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill,
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 14px!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:left!important;
    white-space:normal!important;
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.17)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.12!important;
    text-decoration:none!important;
  }

  body.admin-body .topbar.mobile-menu-open .topnav > a.active,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool.is-current{
    background:linear-gradient(90deg,rgba(124,58,237,.50),rgba(14,165,233,.24))!important;
    border-color:rgba(168,85,247,.66)!important;
  }
}

@media (max-width: 380px){
  body.admin-body .topbar.mobile-menu-open{
    gap:5px!important;
    padding:12px 14px 18px 14px!important;
  }
  body.admin-body .topbar.mobile-menu-open .brand{
    height:46px!important;
    min-height:46px!important;
    padding-right:58px!important;
  }
  body.admin-body .topbar.mobile-menu-open .mobile-menu-toggle{
    right:14px!important;
    top:12px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  body.admin-body .topbar.mobile-menu-open .topnav,
  body.admin-body .topbar.mobile-menu-open .top-actions{
    gap:5px!important;
  }
  body.admin-body .topbar.mobile-menu-open .top-actions{
    margin-top:5px!important;
  }
  body.admin-body .topbar.mobile-menu-open .topnav > a,
  body.admin-body .topbar.mobile-menu-open .top-actions > a,
  body.admin-body .topbar.mobile-menu-open .top-actions .header-icon-link,
  body.admin-body .topbar.mobile-menu-open .top-actions .mobile-direct-tool,
  body.admin-body .topbar.mobile-menu-open .top-actions .user-pill,
  body.admin-body .topbar.mobile-menu-open .top-actions .logout-icon{
    min-height:42px!important;
    padding:9px 13px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }
}


/* v145 - Header movil fijo arriba en superadmin y paneles internos */
@media (max-width: 760px){
  body.admin-body{
    padding-top:82px!important;
  }

  body.admin-body .topbar:not(.mobile-menu-open){
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    z-index:2147483000!important;
    transform:none!important;
    margin:0!important;
  }

  body.admin-body .topbar.mobile-menu-open{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:2147483000!important;
  }

  body.admin-body .container,
  body.admin-body main.container{
    margin-top:18px!important;
  }
}