/* NEXEI v3.6.3 - ajuste exclusivo da sidebar sobre a v3.6.2 validada. */
:root{--nexei-sidebar-v363:104px}

@media (min-width:901px){
  /* Mantem a barra exatamente com a mesma geometria em qualquer estado. */
  html body:not(.page-login) .sidebar,
  html body:not(.page-login) .sidebar:hover,
  html body:not(.page-login) .sidebar:focus,
  html body:not(.page-login) .sidebar:focus-within,
  html body:not(.page-login) .sidebar-v351,
  html body:not(.page-login) .sidebar-v351:hover,
  html body:not(.page-login) .sidebar-v352,
  html body:not(.page-login) .sidebar-v352:hover{
    width:var(--nexei-sidebar-v363)!important;
    min-width:var(--nexei-sidebar-v363)!important;
    max-width:var(--nexei-sidebar-v363)!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }

  /* Logo um pouco maior e rigorosamente centralizada. */
  html body:not(.page-login) .sidebar .brand,
  html body:not(.page-login) .sidebar:hover .brand{
    position:absolute!important;
    left:0!important;
    top:8px!important;
    width:var(--nexei-sidebar-v363)!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar .brand-mark,
  html body:not(.page-login) .sidebar:hover .brand-mark,
  html body:not(.page-login) .sidebar .brand-mark img,
  html body:not(.page-login) .sidebar:hover .brand-mark img{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    flex:0 0 50px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }

  /* Os atalhos ficam centralizados pela coordenada, sem depender de margin/flex legado. */
  html body:not(.page-login) .sidebar nav,
  html body:not(.page-login) .sidebar:hover nav{
    position:absolute!important;
    left:0!important;
    top:72px!important;
    width:var(--nexei-sidebar-v363)!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:4px!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar nav>a,
  html body:not(.page-login) .sidebar nav>a:hover,
  html body:not(.page-login) .sidebar nav>a:focus,
  html body:not(.page-login) .sidebar nav>a:focus-visible,
  html body:not(.page-login) .sidebar nav>a:active,
  html body:not(.page-login) .sidebar:hover nav>a{
    position:relative!important;
    left:27px!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar nav>a *,
  html body:not(.page-login) .sidebar nav>a:hover *,
  html body:not(.page-login) .sidebar nav>a:focus *,
  html body:not(.page-login) .sidebar nav>a:active *{
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar .nav-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    display:grid!important;
    place-items:center!important;
  }
  html body:not(.page-login) .sidebar .nav-icon img,
  html body:not(.page-login) .sidebar .nav-icon svg{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Perfil/sair: posicoes absolutas dentro do card impedem qualquer reflow no hover. */
  html body:not(.page-login) .sidebar .user-card-v351,
  html body:not(.page-login) .sidebar .user-card-v351:hover,
  html body:not(.page-login) .sidebar:hover .user-card-v351{
    position:absolute!important;
    left:21px!important;
    right:auto!important;
    bottom:12px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar .sidebar-profile-v351,
  html body:not(.page-login) .sidebar .sidebar-profile-v351:hover,
  html body:not(.page-login) .sidebar .sidebar-profile-v351:focus,
  html body:not(.page-login) .sidebar .sidebar-profile-v351:active{
    position:absolute!important;
    left:9px!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    background:transparent!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar .sidebar-avatar,
  html body:not(.page-login) .sidebar .sidebar-avatar:hover,
  html body:not(.page-login) .sidebar .sidebar-profile-v351:hover .sidebar-avatar{
    position:absolute!important;
    left:4px!important;
    top:4px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar .sidebar-avatar img,
  html body:not(.page-login) .sidebar .sidebar-profile-v351:hover .sidebar-avatar img{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar .sidebar-logout-v351,
  html body:not(.page-login) .sidebar .sidebar-logout-v351:hover{
    position:absolute!important;
    left:13px!important;
    bottom:0!important;
    top:auto!important;
    right:auto!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }
  html body:not(.page-login) .sidebar .sidebar-logout-v351 button,
  html body:not(.page-login) .sidebar .sidebar-logout-v351 button:hover,
  html body:not(.page-login) .sidebar .sidebar-logout-v351 button:focus,
  html body:not(.page-login) .sidebar .sidebar-logout-v351 button:active{
    width:36px!important;
    height:24px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
  }

  html body:not(.page-login) main.main{margin-left:var(--nexei-sidebar-v363)!important}
  html body.page-admin_workflow_canvas main.main{margin:0!important;padding:0!important}
  html body.page-admin_workflow_canvas .bpmn-page-v359{left:var(--nexei-sidebar-v363)!important}
}