/* NEXEI v290 - pesquisa consolidada, biblioteca visual de ações e tarefas do workflow */

/* Biblioteca do canvas: comporta todos os nodes sem ampliar verticalmente a página. */
.canvas-page .component-panel{
  max-height:230px!important;
  overflow:auto!important;
  scrollbar-width:thin;
  align-content:flex-start!important;
}
.canvas-page .component-panel h3,.canvas-page .component-panel .muted-light{flex:0 0 100%!important}
.canvas-page .component-panel .canvas-hint{flex:0 0 100%!important}
.canvas-page .component-panel form:hover,.canvas-page .component-panel .component-help-card:hover{z-index:30}

/* Identidade visual dos novos nodes. */
.component-symbol.sym-email,.canvas-node.email .canvas-node-symbol{color:#2563eb}
.component-symbol.sym-notification,.canvas-node.notification .canvas-node-symbol{color:#d97706}
.component-symbol.sym-document_request,.canvas-node.document_request .canvas-node-symbol{color:#dc2626}
.component-symbol.sym-status_change,.canvas-node.status_change .canvas-node-symbol{color:#7c3aed}
.component-symbol.sym-task,.canvas-node.task .canvas-node-symbol{color:#0891b2}
.component-symbol.sym-history_event,.canvas-node.history_event .canvas-node-symbol{color:#475569}
.component-symbol.sym-route_user,.canvas-node.route_user .canvas-node-symbol{color:#0f766e}
.component-symbol.sym-route_department,.canvas-node.route_department .canvas-node-symbol{color:#0369a1}
.component-symbol.sym-deadline,.canvas-node.deadline .canvas-node-symbol{color:#ea580c}
.component-symbol.sym-webhook,.canvas-node.webhook .canvas-node-symbol{color:#4f46e5}
.canvas-node.email{border-color:#60a5fa!important;background:linear-gradient(180deg,#fff,#eff6ff)!important}
.canvas-node.notification{border-color:#fbbf24!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}
.canvas-node.document_request{border-color:#f87171!important;background:linear-gradient(180deg,#fff,#fef2f2)!important}
.canvas-node.status_change{border-color:#a78bfa!important;background:linear-gradient(180deg,#fff,#f5f3ff)!important}
.canvas-node.task{border-color:#22d3ee!important;background:linear-gradient(180deg,#fff,#ecfeff)!important}
.canvas-node.history_event{border-color:#94a3b8!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.canvas-node.route_user,.canvas-node.route_department{border-color:#2dd4bf!important;background:linear-gradient(180deg,#fff,#f0fdfa)!important}
.canvas-node.deadline{border-color:#fb923c!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}
.canvas-node.webhook{border-color:#818cf8!important;background:linear-gradient(180deg,#fff,#eef2ff)!important}
.canvas-node.condition{border-color:#f59e0b!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}

/* Ações de gerenciamento dos workflows permanecem separadas do botão de Canvas. */
.workflow-visual-card .row-actions{align-items:center;justify-content:flex-end}
.workflow-visual-card .row-actions a,.workflow-visual-card .row-actions button{white-space:nowrap}

/* Tarefas geradas visualmente aparecem dentro do processo. */
.workflow-task-list{display:grid;gap:8px;margin:8px 0 16px}
.workflow-task-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid #dbe7ff;border-radius:14px;padding:10px 12px;background:#fff}
.workflow-task-card.open{border-left:4px solid #f59e0b;background:#fffbeb}
.workflow-task-card.done{border-left:4px solid #22c55e;background:#f0fdf4}
.workflow-task-card p{margin:4px 0;color:#475569;font-size:12px;line-height:1.35}
.workflow-task-card small{display:block;color:#64748b;margin-top:4px}
.workflow-task-card form{margin:0}
.workflow-task-card .pill.warn{background:#fef3c7;color:#92400e}
.workflow-task-card .pill.success{background:#dcfce7;color:#166534}

/* Resultados são uma linha por processo; evita aparências duplicadas em carregamentos. */
.doc-list .doc-card[data-process-id],.supplier-doc-list .supplier-doc-card{isolation:isolate}

@media(max-width:900px){
  .canvas-page .component-panel{max-height:190px!important}
  .workflow-task-card{grid-template-columns:1fr auto}
  .workflow-task-card form{grid-column:1/-1}
  .workflow-task-card form button{width:100%}
}