/* Ventyum 12.8.936 — Mismos 5 controles, una sola cápsula real visual.
   NO convierte sidebar en fixed, NO cambia grid, workspace, contenido ni HUD.
   Corrige exclusivamente el desacople entre ::before, nav y #logout heredado.
*/
@media (min-width:901px) {
  body #root .app-shell > aside.sidebar.sidebar-minimal {
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    transform:none!important;
    padding:0!important;
    height:100vh!important;min-height:100vh!important;max-height:none!important;
    flex-shrink:0!important;
    display:block!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    isolation:isolate!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:calc(50% - 164px)!important;
    bottom:auto!important;
    left:7px!important;right:7px!important;
    height:328px!important;
    border-radius:23px!important;
    background:linear-gradient(180deg,#0a77c6,#05a5d6 60%,#086eb9)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 12px 26px rgba(11,72,121,.17)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions {
    position:absolute!important;
    top:calc(50% - 154px)!important;
    bottom:auto!important;
    left:8px!important;right:8px!important;
    width:auto!important;height:248px!important;
    max-height:248px!important;min-height:248px!important;
    flex:none!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:stretch!important;
    gap:7px!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;box-shadow:none!important;
    border-radius:0!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > a,
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > button,
  body #root .app-shell > aside.sidebar.sidebar-minimal > button.logout {
    position:static!important;
    inset:auto!important;transform:none!important;
    display:flex!important;
    box-sizing:border-box!important;
    flex:0 0 46px!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    margin:0!important;
    padding:0 6px!important;
    align-items:center!important;justify-content:center!important;
    gap:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#eefaff!important;
    overflow:hidden!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal > button.logout {
    position:absolute!important;
    top:calc(50% + 99px)!important;
    left:8px!important;right:8px!important;bottom:auto!important;
    width:auto!important;
    margin:0!important;
    z-index:2!important;
    cursor:pointer!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > * > b,
  body #root .app-shell > aside.sidebar.sidebar-minimal > button.logout > b {
    display:grid!important;
    place-items:center!important;
    flex:0 0 26px!important;
    width:26px!important;min-width:26px!important;
    height:29px!important;
    line-height:1!important;
    padding:0!important;margin:0!important;
    font-size:23px!important;color:inherit!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > * > b svg {
    max-width:24px!important;max-height:24px!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > a.active,
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > a:hover,
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > button:hover,
  body #root .app-shell > aside.sidebar.sidebar-minimal > button.logout:hover {
    background:rgba(255,255,255,.17)!important;
  }
  body #root .app-shell.sidebar-collapsed > aside.sidebar.sidebar-minimal nav.sidebar-actions > * span,
  body #root .app-shell.sidebar-collapsed > aside.sidebar.sidebar-minimal > button.logout span {
    display:none!important;
  }
  body #root .app-shell:not(.sidebar-collapsed) > aside.sidebar.sidebar-minimal nav.sidebar-actions > a,
  body #root .app-shell:not(.sidebar-collapsed) > aside.sidebar.sidebar-minimal nav.sidebar-actions > button,
  body #root .app-shell:not(.sidebar-collapsed) > aside.sidebar.sidebar-minimal > button.logout {
    justify-content:flex-start!important;
    gap:10px!important;padding:0 11px!important;
  }
  body #root .app-shell:not(.sidebar-collapsed) > aside.sidebar.sidebar-minimal nav.sidebar-actions > * span,
  body #root .app-shell:not(.sidebar-collapsed) > aside.sidebar.sidebar-minimal > button.logout span {
    display:inline!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal > button.sidebar-collapse-float {
    display:none!important;
  }
}
/* Pantallas de escritorio con poca altura util (ej. 1280x720, Chrome con
   barra de herramientas o escalado de Windows): compactar los 5 controles.
   Se limita a >=901px para no alterar la estructura movil/tablet.
*/
@media (min-width:901px) and (max-height:700px) {
  body #root .app-shell > aside.sidebar.sidebar-minimal::before {
    top:calc(100% - 210px)!important;
    bottom:auto!important;
    height:204px!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions {
    top:calc(100% - 204px)!important;
    bottom:auto!important;
    height:154px!important;min-height:154px!important;max-height:154px!important;
    gap:4px!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > a,
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > button {
    flex:0 0 35px!important;height:35px!important;min-height:35px!important;max-height:35px!important;
    border-radius:9px!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal > button.logout {
    position:absolute!important;
    top:calc(100% - 48px)!important;
    bottom:auto!important;
    height:35px!important;min-height:35px!important;max-height:35px!important;
    flex:0 0 35px!important;
    border-radius:9px!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > * > b,
  body #root .app-shell > aside.sidebar.sidebar-minimal > button.logout > b {
    width:22px!important;min-width:22px!important;flex:0 0 22px!important;
    height:24px!important;font-size:20px!important;
  }
  body #root .app-shell > aside.sidebar.sidebar-minimal nav.sidebar-actions > * > b svg {
    max-width:22px!important;max-height:22px!important;
  }
}