/* NEXEI v296 - acabamento final do canvas + sidebar fixa no modo visual */

/* =========================
   1) Canvas: ícones sem moldura e centralizados
   ========================= */
.canvas-page .workflow-canvas-v292 .canvas-node.node-icon-card,
.canvas-page .workflow-canvas-v292 .canvas-node.start,
.canvas-page .workflow-canvas-v292 .canvas-node.end,
.canvas-page .workflow-canvas-v292 .canvas-node.cancel{
  align-items:center!important;
}

.canvas-page .workflow-canvas-v292 .canvas-node.node-icon-card{
  grid-template-columns:24px minmax(0,1fr)!important;
  column-gap:12px!important;
}

.canvas-page .workflow-canvas-v292 .canvas-node.start,
.canvas-page .workflow-canvas-v292 .canvas-node.end,
.canvas-page .workflow-canvas-v292 .canvas-node.cancel{
  grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:12px!important;
}

.canvas-page .workflow-canvas-v292 .canvas-node .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.start .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.end .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.cancel .canvas-node-symbol{
  position:static!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:1 / 4!important;
  align-self:center!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  text-indent:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

.canvas-page .workflow-canvas-v292 .canvas-node.start .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.end .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.cancel .canvas-node-symbol{
  font-size:16px!important;
}

.canvas-page .workflow-canvas-v292 .canvas-node.approval .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.condition .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.gateway_exclusive .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.gateway_parallel .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.email .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.notification .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.document_request .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.status_change .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.task .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.history_event .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.route_user .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.route_department .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.deadline .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.webhook .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.subprocess .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.lane .canvas-node-symbol{
  font-size:22px!important;
}

/* Garante que nenhuma pseudo-caixa seja desenhada ao redor do ícone */
.canvas-page .workflow-canvas-v292 .canvas-node .canvas-node-symbol::before,
.canvas-page .workflow-canvas-v292 .canvas-node .canvas-node-symbol::after,
.canvas-page .component-panel .component-symbol::before,
.canvas-page .component-panel .component-symbol::after,
.canvas-page .empty-palette .component-symbol::before,
.canvas-page .empty-palette .component-symbol::after{
  content:none!important;
  display:none!important;
}

/* =========================
   2) Sidebar: card do usuário fixo e visível no modo visual
   ========================= */
body.page-view .sidebar,
body.page-view .sidebar:hover,
body.nexei-view-mode .sidebar,
body.nexei-view-mode .sidebar:hover{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  padding:22px 18px!important;
  overflow:hidden!important;
}

body.page-view .main,
body.page-view .sidebar ~ .main,
body.nexei-view-mode .main,
body.nexei-view-mode .sidebar ~ .main{
  margin-left:260px!important;
}

body.page-view .sidebar .brand,
body.page-view .sidebar:hover .brand,
body.nexei-view-mode .sidebar .brand,
body.nexei-view-mode .sidebar:hover .brand{
  width:auto!important;
  justify-content:flex-start!important;
  gap:12px!important;
}

body.page-view .sidebar .brand div,
body.page-view .sidebar:hover .brand div,
body.page-view .sidebar .brand-text,
body.page-view .sidebar:hover .brand-text,
body.page-view .sidebar .nav-text,
body.page-view .sidebar:hover .nav-text,
body.page-view .sidebar .user-card,
body.page-view .sidebar:hover .user-card,
body.nexei-view-mode .sidebar .brand div,
body.nexei-view-mode .sidebar:hover .brand div,
body.nexei-view-mode .sidebar .brand-text,
body.nexei-view-mode .sidebar:hover .brand-text,
body.nexei-view-mode .sidebar .nav-text,
body.nexei-view-mode .sidebar:hover .nav-text,
body.nexei-view-mode .sidebar .user-card,
body.nexei-view-mode .sidebar:hover .user-card{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

body.page-view .sidebar nav,
body.page-view .sidebar:hover nav,
body.nexei-view-mode .sidebar nav,
body.nexei-view-mode .sidebar:hover nav{
  width:100%!important;
  display:grid!important;
  gap:8px!important;
  justify-items:stretch!important;
}

body.page-view .sidebar nav a,
body.page-view .sidebar:hover nav a,
body.nexei-view-mode .sidebar nav a,
body.nexei-view-mode .sidebar:hover nav a{
  width:100%!important;
  min-height:42px!important;
  justify-content:flex-start!important;
  gap:10px!important;
  white-space:nowrap!important;
}

body.page-view .sidebar .user-card,
body.page-view .sidebar:hover .user-card,
body.nexei-view-mode .sidebar .user-card,
body.nexei-view-mode .sidebar:hover .user-card{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:22px!important;
  height:auto!important;
  min-height:82px!important;
  max-height:none!important;
  overflow:visible!important;
}