/* ══ Logo-as-dropdown Branch Switcher ════════════════════════ */

  /* El botón ocupa todo el logo-box */
  .sbs-logo-btn {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 10px 14px 10px 10px;
    background: none; border: none; cursor: pointer; text-align: left;
    border-radius: 0; transition: background .18s;
    position: relative;
  }
  .sbs-logo-btn:hover { background: rgba(255,255,255,.04); }
  /* Indicador sutil de que es clickeable */
  .sbs-logo-btn::after {
    content: ''; position: absolute; bottom: 0; left: 10px; right: 10px;
    height: 1px; background: rgba(255,255,255,.05);
  }

  .sbs-logo-img-wrap { display: contents; }

  /* Nombre + sub-label — solo en sidebar expandido */
  .sbs-logo-info {
    flex: 1; min-width: 0; overflow: hidden;
    display: flex; flex-direction: column;
  }
  .sbs-logo-nombre {
    font-size: 13px; font-weight: 800; color: #e2e8f0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2;
  }
  .sbs-logo-sub {
    font-size: 10px; color: #475569; margin-top: 2px;
    display: flex; align-items: center; gap: 4px;
  }
  .sbs-dot-sm {
    width: 5px; height: 5px; border-radius: 50%; background: #10B981;
    box-shadow: 0 0 0 2px rgba(16,185,129,.22); flex-shrink: 0;
    animation: sbs-pulse 2s ease-in-out infinite;
  }
  @keyframes sbs-pulse {
    0%,100% { box-shadow: 0 0 0 2px rgba(16,185,129,.22); }
    50%      { box-shadow: 0 0 0 4px rgba(16,185,129,.06); }
  }
  .sbs-logo-chevron { font-size: 11px; color: #334155; flex-shrink: 0; }

  /* Sidebar colapsado: oculta texto, solo logo */
  .main-nav:not(.expanded) .sbs-logo-info,
  .main-nav:not(.expanded) .sbs-logo-chevron { display: none; }
  .main-nav:not(.expanded) .sbs-logo-btn { padding: 10px; justify-content: center; }

  /* ── Menú flotante — posición calculada por JS con position:fixed ── */
  /*    Así escapa de cualquier overflow:hidden del sidebar              */
  .sbs-menu {
    position: fixed !important;   /* flota sobre todo, escapa del sidebar */
    z-index: 99999 !important;
    min-width: 260px;
    background: #0f172a;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    padding: 6px;
    box-shadow: 0 16px 48px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04);
    display: none;                /* JS lo muestra/oculta */
    opacity: 0;
    transform: translateY(-6px) scale(.98);
    transition: opacity .16s ease, transform .16s ease;
    pointer-events: none;
  }
  .sbs-menu.sbs-open {
    display: block;
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: all;
  }
  .sbs-menu-header {
    padding: 10px 12px 8px; border-bottom: 1px solid rgba(255,255,255,.06); margin-bottom: 4px;
  }
  .sbs-menu-label  { display:block; font-size:10px; font-weight:700; color:#334155; text-transform:uppercase; letter-spacing:.08em; }
  .sbs-menu-empresa { display:block; font-size:14px; font-weight:800; color:#f1f5f9; margin-top:3px; }

  /* ── Items ── */
  .sbs-item {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 9px 10px; border-radius: 9px;
    background: none; border: none; cursor: pointer; text-align: left;
    transition: background .14s; color: inherit;
  }
  .sbs-item:hover { background: rgba(255,255,255,.05); }
  .sbs-item-current { background: rgba(24,95,165,.14); }
  .sbs-item-current:hover { background: rgba(24,95,165,.2); }

  .sbs-item-icon {
    width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
    background: rgba(255,255,255,.07); display:flex; align-items:center;
    justify-content:center; font-size: 15px; color: #60A5FA;
  }
  .sbs-item-suc { background: rgba(16,185,129,.1); color: #34D399; }

  .sbs-item-body { flex: 1; min-width: 0; }
  .sbs-item-name  { display:block; font-size:13px; font-weight:700; color:#e2e8f0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .sbs-item-sub   { display:block; font-size:11px; color:#475569; margin-top:1px; }
  .sbs-check { font-size:16px; color:#10B981; flex-shrink:0; }

  /* ── Divisor ── */
  .sbs-divider { height: 1px; background: rgba(255,255,255,.06); margin: 4px 0; }

  /* ── Agregar sucursal ── */
  .sbs-add-link {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 9px 10px; border-radius: 9px; text-decoration: none;
    border: none; background: none; cursor: pointer; text-align: left;
    transition: background .14s;
  }
  .sbs-add-link:hover { background: rgba(0,229,255,.06); }
  .sbs-add-icon {
    width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
    background: rgba(0,229,255,.1); border: 1.5px dashed rgba(0,229,255,.3);
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: #00E5FF;
  }

  /* ══ Modal Nueva Sucursal ════════════════════════════════════ */
  /* GOV-SEC-74: visibility ademas de opacity -- oculto por opacity solo, el
     overlay seguia ocupando la pantalla completa (fixed/inset:0/z-index:9999)
     y era enfocable por teclado y lector de pantalla. El estado oculto critico
     esta duplicado inline en _tenant_switcher.html (este archivo carga tarde). */
  .sbs-overlay {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(5,7,20,.82); backdrop-filter: blur(6px);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
  }
  /* !important inevitable: el estado oculto vive en un atributo style inline en
     _tenant_switcher.html (para que no dependa de que este archivo haya cargado),
     y solo !important le gana a un atributo style. */
  .sbs-overlay.sbs-overlay-show { opacity: 1 !important; visibility: visible !important; pointer-events: auto; }

  .sbs-modal {
    background: #fff; border-radius: 20px; width: 100%; max-width: 480px;
    padding: 32px 28px 24px; position: relative;
    box-shadow: 0 32px 80px rgba(0,0,0,.4);
    transform: translateY(20px) scale(.97);
    transition: transform .22s ease, opacity .22s ease;
  }
  .sbs-overlay.sbs-overlay-show .sbs-modal {
    transform: translateY(0) scale(1);
  }

  .sbs-modal-close {
    position: absolute; top: 16px; right: 16px;
    width: 32px; height: 32px; border-radius: 50%;
    background: #f1f5f9; border: none; cursor: pointer; font-size: 16px;
    color: #64748b; display: flex; align-items: center; justify-content: center;
    transition: background .14s;
  }
  .sbs-modal-close:hover { background: #e2e8f0; }

  .sbs-modal-header { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 24px; }
  .sbs-modal-icon {
    width: 48px; height: 48px; border-radius: 12px;
    background: linear-gradient(135deg,#185FA5,#0284c7);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; color: #fff; flex-shrink: 0;
  }
  .sbs-modal-title { font-size: 22px; font-weight: 800; color: #0f172a; line-height: 1.2; }
  .sbs-modal-badge {
    display: inline-block; background: #dcfce7; color: #166534;
    font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 20px;
    margin-top: 4px;
  }

  .sbs-field { margin-bottom: 16px; }
  .sbs-field label {
    display: block; font-size: 11px; font-weight: 700; color: #64748b;
    text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px;
  }
  .sbs-field label .sbs-req { color: #ef4444; margin-left: 2px; }
  .sbs-field label .sbs-opt { color: #94a3b8; font-weight: 400; text-transform: none; font-size: 11px; margin-left: 4px; }
  .sbs-field input {
    width: 100%; padding: 12px 14px; border-radius: 10px;
    border: 1.5px solid #e2e8f0; font-size: 15px; color: #0f172a;
    transition: border .16s, box-shadow .16s; outline: none;
  }
  .sbs-field input:focus { border-color: #00E5FF; box-shadow: 0 0 0 3px rgba(0,229,255,.14); }
  .sbs-field input::placeholder { color: #94a3b8; }

  /* Plan card */
  .sbs-plan-label {
    font-size: 11px; font-weight: 700; color: #64748b;
    text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px;
  }
  .sbs-plan-card {
    border-radius: 12px; border: 1.5px solid #d1fae5;
    background: linear-gradient(135deg,#f0fdf4,#ecfdf5);
    padding: 14px 16px; margin-bottom: 16px;
  }
  .sbs-plan-top { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
  .sbs-plan-icon {
    width: 34px; height: 34px; border-radius: 8px;
    background: linear-gradient(135deg,#10B981,#059669);
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; color: #fff;
  }
  .sbs-plan-name { font-size: 16px; font-weight: 800; color: #0f172a; }
  .sbs-plan-badge-h {
    display: inline-block; background: #d1fae5; color: #065f46;
    font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 20px;
    margin-left: 6px; vertical-align: middle;
  }
  .sbs-plan-price-row { display: flex; align-items: baseline; gap: 6px; margin-bottom: 4px; }
  .sbs-plan-original { font-size: 13px; color: #94a3b8; text-decoration: line-through; }
  .sbs-plan-price { font-size: 22px; font-weight: 800; color: #059669; }
  .sbs-plan-period { font-size: 13px; color: #64748b; }
  .sbs-plan-desc { font-size: 12px; color: #475569; line-height: 1.5; }
  .sbs-plan-desc strong { color: #0f172a; }

  /* Ciclo */
  .sbs-ciclo-wrap {
    display: flex; gap: 0; border-radius: 10px; overflow: hidden;
    border: 1.5px solid #e2e8f0; margin-bottom: 16px;
  }
  .sbs-ciclo-btn {
    flex: 1; padding: 10px; font-size: 13px; font-weight: 700;
    border: none; background: #fff; color: #64748b; cursor: pointer;
    transition: background .14s, color .14s; position: relative;
  }
  .sbs-ciclo-btn.active { background: #0f172a; color: #fff; }
  .sbs-ciclo-discount {
    position: absolute; top: 4px; right: 6px;
    background: #f59e0b; color: #fff;
    font-size: 9px; font-weight: 800; padding: 1px 5px; border-radius: 20px;
  }

  /* Total */
  .sbs-total-card {
    background: #f8fafc; border: 1.5px solid #e2e8f0;
    border-radius: 12px; padding: 14px 16px; margin-bottom: 20px;
    display: flex; justify-content: space-between; align-items: center;
  }
  .sbs-total-label { font-size: 13px; font-weight: 700; color: #0f172a; }
  .sbs-total-sub { font-size: 11px; color: #64748b; margin-top: 2px; }
  .sbs-total-amount { font-size: 26px; font-weight: 900; color: #0f172a; text-align: right; }
  .sbs-total-savings { font-size: 11px; color: #059669; font-weight: 700; text-align: right; margin-top: 1px; }

  /* Botón pagar */
  .sbs-btn-pagar {
    width: 100%; padding: 15px; border-radius: 12px; border: none; cursor: pointer;
    font-size: 15px; font-weight: 800; color: #fff; letter-spacing: .02em;
    background: linear-gradient(135deg,#00B1EA,#009ee3);
    display: flex; align-items: center; justify-content: center; gap: 8px;
    transition: filter .16s, transform .14s; box-shadow: 0 4px 20px rgba(0,158,227,.35);
  }
  .sbs-btn-pagar:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-1px); }
  .sbs-btn-pagar:disabled { opacity: .65; cursor: not-allowed; transform: none; }
  .sbs-btn-pagar .sbs-btn-lock { font-size: 14px; }

  .sbs-btn-meta {
    text-align: center; margin-top: 10px; font-size: 11px; color: #94a3b8;
    display: flex; align-items: center; justify-content: center; gap: 12px;
  }
  .sbs-btn-meta span { display: flex; align-items: center; gap: 4px; }

  /* Error / éxito */
  .sbs-form-error {
    background: #fef2f2; border: 1px solid #fca5a5; color: #dc2626;
    border-radius: 9px; padding: 10px 14px; font-size: 13px; font-weight: 600;
    margin-bottom: 12px; display: none; align-items: center; gap: 8px;
  }
  .sbs-form-error.show { display: flex; }

/* High-contrast highlight for active sub-nav items */
    /* ORCH-CANON-SCALE-75: .sub-nav-link.active suma margin:2px 8px que el
       link INACTIVO no tiene -- el <li> del item activo mide 4px mas de alto
       (37px) que sus hermanos (33px), en CUALQUIER submenu del sidebar (no
       solo Dashboard, verificado con Playwright en Inventario tambien). Con
       esto el mismo margin va SIEMPRE, activo o no: todas las filas quedan
       parejas y activar un item distinto no cambia el alto de esa fila. */
    .sub-nav-link {
      margin: 2px 8px;
    }
    /* ORCH-CANON-SCALE-76: el highlight activo se veia mas ancho SOLO en el
       submenu Dashboard (reporte del usuario). Medido con Playwright: el
       <li> de CUALQUIER item de Dashboard mide 356px, mas ancho que su
       propio <ul> (280px) -- en Inventario el <li> mide 282px, a la par de
       su <ul>. Causa: .sub-nav-link tiene white-space:nowrap (vendor
       app.css) y .sub-navbar-nav es flex-direction:column -- un item flex
       en columna no puede achicarse por debajo del ancho de su CONTENIDO
       (min-width:auto implicito de flexbox) salvo que se lo permita
       explicitamente. "Simulador de Escenarios de Negocio" es el label mas
       largo de TODO el sidebar -- ningun otro submenu tiene un item tan
       largo, por eso el bug es exclusivo de Dashboard. El link inactivo no
       tiene fondo, asi que el desborde es invisible; el activo si tiene
       fondo solido y lo revela. Fix: min-width:0 rompe el piso implicito, y
       overflow+ellipsis evita que el texto se corte de forma abrupta si
       algun dia hay un label todavia mas largo.

       min-width:0 solo NO alcanzo (probado y descartado con Playwright): con
       min-width:0 el ancho seguia resolviendo a 356px -- align-items:normal
       (=stretch) no achicaba el item pese al min-width en 0. Forzar
       width:100% de forma explicita si funciona (confirmado: 356px -> 268px)
       -- no depende de que el motor decida estirar via align-items. */
    .sub-nav-item {
      min-width: 0;
      width: 100%;
    }
    .sub-nav-link {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    /* #378ADD + texto blanco media 3.59:1, bajo AA 4.5:1 (ORCH-EXPERIENCE-16).
       --sge-blue (#185FA5) es el azul canonico de marca, ya usado en toda la
       app, y pasa 6.5:1+ con texto blanco. */
    .sub-nav-link.active {
      background: var(--sge-blue-600) !important;
      color: #ffffff !important;
      font-weight: 700 !important;
      border-radius: 6px !important;
      margin: 2px 8px !important;
      padding-left: 12px !important;
      box-shadow: 0 4px 6px rgba(55, 138, 221, 0.4) !important;
      display: flex !important;
      align-items: center !important;
      position: relative;
    }
    .sub-nav-link.active::before {
      content: "";
      position: absolute;
      left: 0;
      top: 20%;
      height: 60%;
      width: 4px;
      background: #ffffff;
      border-radius: 0 4px 4px 0;
    }
    .sub-nav-link.active iconify-icon {
      color: #ffffff !important;
    }
    [data-bs-theme="dark"] .sub-nav-link.active {
      background: #00E5FF !important;
      color: #000000 !important;
      box-shadow: 0 4px 6px rgba(0, 229, 255, 0.5) !important;
    }
    [data-bs-theme="dark"] .sub-nav-link.active::before {
      background: #000000;
    }
    [data-bs-theme="dark"] .sub-nav-link.active iconify-icon {
      color: #000000 !important;
    }

    /* Badge "Nuevo" del sidebar: bg-success (#22c55e, global de app.css) +
       texto blanco media 2.28:1, bajo AA (ORCH-EXPERIENCE-16). El sidebar es
       siempre oscuro por defecto (data-menu-color="dark"), independiente de
       data-bs-theme -- por eso este fix no lleva guard de tema, igual que la
       regla que reemplaza. Si el usuario cambia "Color del menu" a claro
       (data-menu-color="light", preferencia manual poco usada) este ajuste
       no fue verificado -- deuda documentada, no corregida aqui.

       NO tokenizado a proposito (ORCH-EXPERIENCE-17): --sge-success-text y
       --sge-success-soft son theme-conditional (varian con data-bs-theme,
       ver sge-tokens.css seccion 7), pero esta regla necesita SIEMPRE el
       valor dark-safe sin importar data-bs-theme (el sidebar no sigue ese
       atributo). Referenciar var(--sge-success-text) aqui resolveria a
       #047857 en paginas con data-bs-theme="light", reintroduciendo el bug
       original (~2.2:1) que este mismo bloque corrigio. Tampoco se usa
       --sge-success-soft (.12) porque el alpha real (.16) es distinto a
       proposito para reforzar legibilidad sobre el sidebar oscuro -- swapear
       el token cambiaria el valor, violando "cero diferencia visual" de este
       WO. No existe un token "siempre variante oscura" y crear uno esta
       fuera de scope (este WO no toca sge-tokens.css). Hex explicito. */
    #navbar-nav .badge.bg-success {
      background: rgba(16, 185, 129, .16) !important;
      color: #34d399 !important;
    }

    /* Indicator for active parent menus.
       #378ADD sobre el fondo del sidebar (#353E4B) media 2.99:1, bajo AA 4.5:1
       (runner, residual cross-superficie en tema claro). El sidebar es SIEMPRE
       oscuro (data-menu-color="dark", independiente de data-bs-theme -- mismo
       razonamiento que el fix del badge bg-success de arriba), asi que el color
       activo debe ser dark-safe en ambos temas. #00E5FF ya era el valor de la
       variante dark y mide 7.03:1 sobre #353E4B -- se unifica sin guard. */
    .nav-link.active-parent {
      color: #00E5FF !important;
      font-weight: 700 !important;
    }
    /* GOV-UX-83: el padre activo de la barra lleva TAMBIEN `.active`, y con
       eso el degradado azul de `.nav-enhanced .nav-link.active` (app.min.css).
       El cian de arriba sobre ese degradado mide 3.50:1 (#3B5DE7), bajo AA, en
       claro y oscuro, colapsado y expandido. Blanco: 5.38:1 sobre el mismo
       azul -- el icono ya era blanco. */
    #navbar-nav .nav-link.active.active-parent {
      color: #ffffff !important;
    }

.cc-group-chevron{transition:transform .2s;}
                .sub-nav-link[aria-expanded="true"] .cc-group-chevron{transform:rotate(180deg);}
                .pg-item .pg-chevron{transition:transform .2s;}
                .pg-item [aria-expanded="true"] .pg-chevron{transform:rotate(180deg);}
                .pg-sub a.sub-nav-link{padding-top:2px!important;padding-bottom:2px!important;line-height:1.3;}

@keyframes spin{to{transform:rotate(360deg)}}

/* Extracted small nav utility styles. */
.mnv-1da9facb { margin:0; }
.mnv-cad5515a { color:#00E5FF; }
.mnv-f1fa12bb { color:#38bdf8; }
.mnv-e71ae94b { font-size:12px; }
.mnv-e6e90ef1 { margin-left:auto; text-align:right; }
.mnv-6c28d089 { font-size:16px; }
.mnv-b7f22029 { font-size:10px;font-weight:700; }
.mnv-dda9f8cd { border-top:1px solid rgba(0,0,0,.06);padding-top:6px; }
.mnv-027f9ded { font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;padding-left:4px; }
.mnv-415baafe { font-size:9px;padding:2px 6px; }
.mnv-3fcb6c3f { font-size:11px;margin-right:3px;color:#22d3ee; }
.mnv-d2ecc02b { font-size:11px;margin-right:3px;color:#25D366; }
.mnv-a9dccbff { color:#25D366; }
.mnv-8a1030e3 { color:#378ADD;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em; }
.mnv-e48b0583 { font-size:11px; }
.mnv-0c8a27e1 { font-size:10px; }
.mnv-e84886c0 { gap:0; }
.mnv-a5982fac { font-size:.75rem; }
.mnv-363b22b5 { color:#378ADD;font-size:12px; }
.mnv-c2d1f624 { color:#1f8f4d;font-size:12px; }
.mnv-ab4f7cd0 { color:#185FA5;font-size:12px; }
.mnv-0146d081 { color:#9a6b00;font-size:12px; }
.mnv-e0765c3d { color:#6c757d;font-size:.72rem; }

/* GOV-UX-82: barra lateral COLAPSADA (data-menu-size=condensed) fija a todo el
   alto del viewport, con scroll propio para los iconos.

   El bug (reportado por el dueno el 30-sep): en colapsado el tema (app.min.css)
   pone `.main-nav{position:absolute}` y le saca el alto a la lista
   (`.scrollbar{height:auto!important}` + SimpleBar en `overflow:visible`). La
   caja con fondo mide lo que mide `.wrapper` (top:0/bottom:0), pero los iconos
   se dibujan por fuera de ella. El tema lo compensaba con
   `.page-content{min-height:1300px}`, y footer-fix.css lo anula con
   `min-height:0!important`. Medido con el CSS real a 1366x768 y una pagina
   corta: la caja de la barra mide 768 px, el ultimo icono termina en 1033 px
   (7 de 22 items fuera de la caja) y al bajar 275 px el fondo termina en
   y=493 con iconos flotando hasta y=758. En una pagina larga no se ve el hueco,
   pero la barra entera se va para arriba con el scroll.

   Arreglo: la misma geometria que el modo expandido (fija, alto completo,
   la lista hace scroll adentro). Los desplegables flotantes y el cartel con el
   nombre pasan a `position:fixed` para que el `overflow` nuevo de la lista no
   los recorte; su `top` lo calcula main-nav-enterprise_part2.js al pasar el
   mouse (el top "estatico" de un fixed dentro de un contenedor con scroll NO
   descuenta el scroll: medido, el desplegable caia exactamente `scrollTop` px
   mas abajo). Movil (<=1140 px) usa data-menu-size=hidden: no lo toca. */
html[data-menu-size=condensed] .wrapper .main-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    height: 100dvh;
}
html[data-menu-size=condensed] .wrapper .main-nav .scrollbar {
    height: calc(100% - var(--bs-topbar-height)) !important;
}
html[data-menu-size=condensed] .wrapper .main-nav .simplebar-mask {
    overflow: hidden !important;
}
html[data-menu-size=condensed] .wrapper .main-nav .simplebar-content-wrapper {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
html[data-menu-size=condensed] .wrapper .main-nav .navbar-nav > .nav-item:hover > .collapse,
html[data-menu-size=condensed] .wrapper .main-nav .navbar-nav > .nav-item:hover > .collapsing {
    position: fixed;
    left: var(--bs-main-nav-width-sm);
    z-index: 1030;
}
/* app.min.css le da `.nav-enhanced .nav-link:hover{transform:translateY(-1px)}`,
   y un transform convierte al link en el bloque contenedor de sus hijos
   `fixed`: el cartel con el nombre quedaba anclado al link (medido: top
   1427 px con el link en 713) y recortado por el scroll de la lista. */
html[data-menu-size=condensed] .wrapper .main-nav .navbar-nav > .nav-item > .nav-link:hover {
    transform: none;
}
html[data-menu-size=condensed] .wrapper .main-nav .navbar-nav > .nav-item:hover > .nav-link > .nav-text {
    position: fixed;
    z-index: 1030;
}