/*
 * IONA: ajustes propios sobre el tema de administración.
 * Mantener aquí los comportamientos de UI del producto que no deben alterar
 * directamente las hojas del tema de terceros.
 */
@media (min-width: 768px) {
  /*
   * El tema original muestra el nombre de cada opción ensanchando el <a> a
   * 260px al hacer hover. Esa caja invisible quedaba encima del contenido y
   * bloqueaba controles de la primera columna de las tablas.
   *
   * Conservamos el mismo flyout visual, pero el elemento interactivo del menú
   * se queda en 60px. El texto puede salir fuera del carril gracias al overflow
   * visible, sin crear una franja invisible permanente sobre la página.
   */
  .mini-sidebar .left-sidebar,
  .mini-sidebar .scroll-sidebar,
  .mini-sidebar .slimScrollDiv,
  .mini-sidebar .sidebar-nav,
  .mini-sidebar .sidebar-nav #sidebarnav {
    overflow: visible !important;
  }

  .mini-sidebar .scroll-sidebar,
  .mini-sidebar .sidebar-nav,
  .mini-sidebar .sidebar-nav #sidebarnav {
    width: 60px;
  }

  .mini-sidebar .sidebar-nav #sidebarnav > li {
    position: relative;
    width: 60px;
  }

  .mini-sidebar .sidebar-nav #sidebarnav > li > a {
    position: relative;
    width: 60px;
    overflow: visible;
  }

  .mini-sidebar .sidebar-nav #sidebarnav > li:hover {
    z-index: 1002;
  }

  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    width: 60px;
    overflow: visible;
    background: #f2f6f8;
  }

  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
    position: absolute;
    left: 60px;
    top: 0;
    z-index: 1002;
    display: flex;
    align-items: center;
    width: 200px;
    height: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    white-space: nowrap;
    background: #f2f6f8;
    pointer-events: auto;
  }

  /* Los submenús mantienen el flyout original a la derecha del icono. */
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    pointer-events: auto;
  }

  /* Este elemento no es un enlace del menú: en mini sólo debe verse el switch. */
  .mini-sidebar #menu-switch-integracion {
    width: 60px;
    box-sizing: border-box;
    padding: 10px 13px !important;
    overflow: hidden !important;
  }

  .mini-sidebar #menu-switch-integracion > div {
    width: 34px;
  }

  .mini-sidebar #menu-switch-integracion > div > span:first-child {
    display: none !important;
  }
}