/* Target the actual SVG shape: a stroke on its parent group is overridden by BPMN styles. */
#bpmn .djs-shape.b2base-current .djs-visual > :first-child {
    fill: #d6f5ec !important;
    stroke: #087f70 !important;
    stroke-width: 4px !important;
    filter: drop-shadow(0 0 5px #119c8060);
}
#bpmn .djs-connection.b2base-route .djs-visual > path:first-of-type {
    stroke: #139b91 !important;
    stroke-width: 3px !important;
}
#bpmn .b2base-route-progress {
    fill: none;
    stroke: #087f70;
    stroke-width: 4px;
    stroke-linecap: round;
    pointer-events: none;
}
#bpmn .b2base-route-token {
    fill: #087f70;
    stroke: #fff;
    stroke-width: 2.5px;
    filter: drop-shadow(0 1px 3px #087f7060);
    pointer-events: none;
}
.ws-diagram-legend { display: inline-flex; align-items: center; gap: 6px; }
.ws-diagram-legend::before { content: ''; width: 8px; height: 8px; border: 2px solid #087f70; border-radius: 50%; background: #d6f5ec; }
@media (prefers-reduced-motion: reduce) {
    #bpmn .b2base-route-progress, #bpmn .b2base-route-token { display: none; }
}