/* NEXEI v298 - sidebar do Canvas rigidamente estável + ajustes visuais de segurança. */

@media (min-width:901px){
  body.page-admin_workflow_canvas{
    --nexei-sidebar-fixed-width:220px!important;
  }
  body.page-admin_workflow_canvas .sidebar,
  body.page-admin_workflow_canvas .sidebar:hover,
  body.page-admin_workflow_canvas .sidebar:not(:hover),
  body.page-admin_workflow_canvas .sidebar:focus-within{
    position:fixed!important;
    inset:0 auto 0 0!important;
    box-sizing:border-box!important;
    width:var(--nexei-sidebar-fixed-width)!important;
    min-width:var(--nexei-sidebar-fixed-width)!important;
    max-width:var(--nexei-sidebar-fixed-width)!important;
    flex:0 0 var(--nexei-sidebar-fixed-width)!important;
    padding:22px 18px!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    transition:none!important;
    animation:none!important;
    contain:layout paint style!important;
    will-change:auto!important;
    overflow:hidden!important;
  }
  body.page-admin_workflow_canvas .sidebar *,
  body.page-admin_workflow_canvas .sidebar:hover *{
    transition-property:background-color,color,border-color,opacity!important;
    transition-duration:.15s!important;
    transform:none!important;
  }
  body.page-admin_workflow_canvas .sidebar::before,
  body.page-admin_workflow_canvas .sidebar::after,
  body.page-admin_workflow_canvas .sidebar:hover::before,
  body.page-admin_workflow_canvas .sidebar:hover::after{
    max-width:0!important;
  }
  body.page-admin_workflow_canvas .main,
  body.page-admin_workflow_canvas .sidebar + .main,
  body.page-admin_workflow_canvas .sidebar ~ .main,
  body.page-admin_workflow_canvas .sidebar:hover + .main,
  body.page-admin_workflow_canvas .sidebar:hover ~ .main,
  body.page-admin_workflow_canvas .sidebar:not(:hover) + .main,
  body.page-admin_workflow_canvas .sidebar:not(:hover) ~ .main{
    box-sizing:border-box!important;
    margin-left:var(--nexei-sidebar-fixed-width)!important;
    width:calc(100vw - var(--nexei-sidebar-fixed-width))!important;
    max-width:calc(100vw - var(--nexei-sidebar-fixed-width))!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
  }
}

.user-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.user-card-actions .logout-form{display:inline-flex;margin:0;padding:0}
.user-card-actions .logout-form button{
  appearance:none;border:0;background:transparent;color:#fff;padding:0;margin:0;
  font:inherit;font-weight:700;cursor:pointer;width:auto;min-width:0;box-shadow:none;
}
.user-card-actions .logout-form button:hover{text-decoration:underline}

/* O formulário de logout não altera a geometria do card lateral. */
.sidebar .user-card,.sidebar:hover .user-card{box-sizing:border-box!important}