/* NEXEI v295 - limpeza visual final do canvas e paleta de componentes */

/* 1) Paleta superior/lateral: cada ícone com sua cor própria e sem o retângulo ao redor */
.canvas-page .component-panel .component-symbol,
.canvas-page .empty-palette .component-symbol,
.canvas-page .component-help-card .component-symbol{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0 8px 0 0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  line-height:1!important;
  font-size:20px!important;
  font-weight:900!important;
  color:var(--sym-color,#3157e8)!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
}
.canvas-page .component-btn,
.canvas-page .empty-palette button{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
.canvas-page .component-btn:hover .component-symbol,
.canvas-page .empty-palette button:hover .component-symbol,
.canvas-page .component-help-card button:hover .component-symbol{
  transform:none!important;
  box-shadow:none!important;
}

/* Cores explícitas da paleta */
.canvas-page .sym-start{--sym-color:#16a34a!important}
.canvas-page .sym-approval{--sym-color:#2563eb!important}
.canvas-page .sym-condition,
.canvas-page .sym-gateway_exclusive{--sym-color:#d97706!important}
.canvas-page .sym-gateway_parallel{--sym-color:#c2410c!important}
.canvas-page .sym-email{--sym-color:#7c3aed!important}
.canvas-page .sym-notification{--sym-color:#ca8a04!important}
.canvas-page .sym-document_request{--sym-color:#e11d48!important}
.canvas-page .sym-status_change{--sym-color:#0891b2!important}
.canvas-page .sym-task{--sym-color:#059669!important}
.canvas-page .sym-history_event{--sym-color:#475569!important}
.canvas-page .sym-route_user{--sym-color:#7c3aed!important}
.canvas-page .sym-route_department{--sym-color:#0f766e!important}
.canvas-page .sym-deadline{--sym-color:#ea580c!important}
.canvas-page .sym-webhook{--sym-color:#0284c7!important}
.canvas-page .sym-subprocess{--sym-color:#4f46e5!important}
.canvas-page .sym-lane{--sym-color:#0e7490!important}
.canvas-page .sym-end{--sym-color:#e11d48!important}
.canvas-page .sym-cancel{--sym-color:#64748b!important}
.canvas-page .sym-help{--sym-color:#0f172a!important}

/* 2) Nós do canvas: remover o retângulo em volta do ícone e manter apenas ícone + legenda */
.canvas-page .workflow-canvas-v292 .canvas-node-symbol{
  display:inline-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;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:27px!important;
  line-height:1!important;
  color:var(--node-accent,#3157e8)!important;
}

/* Cores explícitas por tipo de node */
.canvas-page .workflow-canvas-v292 .canvas-node.start{--node-accent:#16a34a!important;--node-soft:#ecfdf3!important}
.canvas-page .workflow-canvas-v292 .canvas-node.approval{--node-accent:#2563eb!important;--node-soft:#eff6ff!important}
.canvas-page .workflow-canvas-v292 .canvas-node.condition,
.canvas-page .workflow-canvas-v292 .canvas-node.gateway_exclusive{--node-accent:#d97706!important;--node-soft:#fffbeb!important}
.canvas-page .workflow-canvas-v292 .canvas-node.gateway_parallel{--node-accent:#c2410c!important;--node-soft:#fff7ed!important}
.canvas-page .workflow-canvas-v292 .canvas-node.email{--node-accent:#7c3aed!important;--node-soft:#f5f3ff!important}
.canvas-page .workflow-canvas-v292 .canvas-node.notification{--node-accent:#ca8a04!important;--node-soft:#fefce8!important}
.canvas-page .workflow-canvas-v292 .canvas-node.document_request{--node-accent:#e11d48!important;--node-soft:#fff1f2!important}
.canvas-page .workflow-canvas-v292 .canvas-node.status_change{--node-accent:#0891b2!important;--node-soft:#ecfeff!important}
.canvas-page .workflow-canvas-v292 .canvas-node.task{--node-accent:#059669!important;--node-soft:#ecfdf5!important}
.canvas-page .workflow-canvas-v292 .canvas-node.history_event{--node-accent:#475569!important;--node-soft:#f8fafc!important}
.canvas-page .workflow-canvas-v292 .canvas-node.route_user{--node-accent:#7c3aed!important;--node-soft:#faf5ff!important}
.canvas-page .workflow-canvas-v292 .canvas-node.route_department{--node-accent:#0f766e!important;--node-soft:#f0fdfa!important}
.canvas-page .workflow-canvas-v292 .canvas-node.deadline{--node-accent:#ea580c!important;--node-soft:#fff7ed!important}
.canvas-page .workflow-canvas-v292 .canvas-node.webhook{--node-accent:#0284c7!important;--node-soft:#f0f9ff!important}
.canvas-page .workflow-canvas-v292 .canvas-node.subprocess{--node-accent:#4f46e5!important;--node-soft:#eef2ff!important}
.canvas-page .workflow-canvas-v292 .canvas-node.lane{--node-accent:#0e7490!important;--node-soft:#ecfeff!important}
.canvas-page .workflow-canvas-v292 .canvas-node.end{--node-accent:#e11d48!important;--node-soft:#fff1f3!important}
.canvas-page .workflow-canvas-v292 .canvas-node.cancel{--node-accent:#64748b!important;--node-soft:#f1f5f9!important}

.canvas-page .workflow-canvas-v292 .canvas-node.start .canvas-node-symbol{color:#16a34a!important}
.canvas-page .workflow-canvas-v292 .canvas-node.approval .canvas-node-symbol{color:#2563eb!important}
.canvas-page .workflow-canvas-v292 .canvas-node.condition .canvas-node-symbol,
.canvas-page .workflow-canvas-v292 .canvas-node.gateway_exclusive .canvas-node-symbol{color:#d97706!important}
.canvas-page .workflow-canvas-v292 .canvas-node.gateway_parallel .canvas-node-symbol{color:#c2410c!important}
.canvas-page .workflow-canvas-v292 .canvas-node.email .canvas-node-symbol{color:#7c3aed!important}
.canvas-page .workflow-canvas-v292 .canvas-node.notification .canvas-node-symbol{color:#ca8a04!important}
.canvas-page .workflow-canvas-v292 .canvas-node.document_request .canvas-node-symbol{color:#e11d48!important}
.canvas-page .workflow-canvas-v292 .canvas-node.status_change .canvas-node-symbol{color:#0891b2!important}
.canvas-page .workflow-canvas-v292 .canvas-node.task .canvas-node-symbol{color:#059669!important}
.canvas-page .workflow-canvas-v292 .canvas-node.history_event .canvas-node-symbol{color:#475569!important}
.canvas-page .workflow-canvas-v292 .canvas-node.route_user .canvas-node-symbol{color:#7c3aed!important}
.canvas-page .workflow-canvas-v292 .canvas-node.route_department .canvas-node-symbol{color:#0f766e!important}
.canvas-page .workflow-canvas-v292 .canvas-node.deadline .canvas-node-symbol{color:#ea580c!important}
.canvas-page .workflow-canvas-v292 .canvas-node.webhook .canvas-node-symbol{color:#0284c7!important}
.canvas-page .workflow-canvas-v292 .canvas-node.subprocess .canvas-node-symbol{color:#4f46e5!important}
.canvas-page .workflow-canvas-v292 .canvas-node.lane .canvas-node-symbol{color:#0e7490!important}
.canvas-page .workflow-canvas-v292 .canvas-node.end .canvas-node-symbol{color:#e11d48!important}
.canvas-page .workflow-canvas-v292 .canvas-node.cancel .canvas-node-symbol{color:#64748b!important}

/* Mantém o cartão visual limpo após a remoção da moldura do ícone */
.canvas-page .workflow-canvas-v292 .canvas-node.node-icon-card{
  grid-template-columns:34px 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:28px minmax(0,1fr)!important;
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
}
.canvas-page .workflow-canvas-v292 .canvas-node.start .node-head>b,
.canvas-page .workflow-canvas-v292 .canvas-node.end .node-head>b,
.canvas-page .workflow-canvas-v292 .canvas-node.cancel .node-head>b{
  color:#0f172a!important;
  text-shadow:none!important;
}
.canvas-page .workflow-canvas-v292 .canvas-node.start .node-meta,
.canvas-page .workflow-canvas-v292 .canvas-node.end .node-meta,
.canvas-page .workflow-canvas-v292 .canvas-node.cancel .node-meta{
  color:#52627a!important;
}