/* BPMN process editor.
   A node is a <g class="bpmn-node"> that paints no stroke itself, so (mindmap / circuit pattern)
   the hover/selection outline is relayed onto the group's inner glyph shapes — the whole symbol
   highlights, not one path. Flows are a single <polyline> and take the outline directly. */

/* the group is clickable across its whole box via a transparent .bpmn-hit rect inside it */
.dia-bpmn .flow-canvas g.bpmn-node { cursor: pointer; }
.dia-bpmn .flow-canvas .bpmn-hit { pointer-events: all; }
.dia-bpmn .flow-canvas .bpmn-flow { cursor: pointer; }

/* flows: outline straight onto the polyline */
.dia-bpmn .flow-canvas .bpmn-flow.dia-pick-hover { stroke: rgba(59, 110, 246, 0.5) !important; stroke-width: 4px !important; }
.dia-bpmn .flow-canvas .bpmn-flow.dia-pick-sel { stroke: var(--accent, #3b6ef6) !important; stroke-width: 4px !important; }

/* nodes: relay the outline to every inner shape so the full glyph lights up */
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-hover line,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-hover polyline,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-hover path,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-hover rect,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-hover circle {
  stroke: rgba(59, 110, 246, 0.6) !important;
}
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-sel line,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-sel polyline,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-sel path,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-sel rect,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-sel circle {
  stroke: var(--accent, #3b6ef6) !important;
}
/* the transparent hit-rect must never take a visible outline */
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-hover rect.bpmn-hit,
.dia-bpmn .flow-canvas g.bpmn-node.dia-pick-sel rect.bpmn-hit { stroke: none !important; }

/* the rendered diagram sits nicely centred in the preview panes */
.bpmn-svg { display: block; max-width: 100%; height: auto; }