/**
 * @startsimpli/ui/workflows/styles
 *
 * Scoped stylesheet for the workflow editor/viewer. Re-exports the
 * @xyflow/react base stylesheet (required for the canvas to render its
 * pane, controls, handles, and edges) and adds the animated-edge keyframes
 * used by WorkflowEdge for live runs. Consumers import this once, e.g.:
 *
 *   import '@startsimpli/ui/workflows/styles';
 */

@import '@xyflow/react/dist/style.css';

/* Animated flow for edges whose source node is running/succeeded. */
.workflow-edge--animated {
  stroke-dasharray: 6 4;
  animation: workflow-edge-dash 0.6s linear infinite;
}

@keyframes workflow-edge-dash {
  to {
    stroke-dashoffset: -10;
  }
}

/* Keep the canvas filling its container. */
.workflow-canvas {
  min-height: 0;
}