.bpmn-live{margin-top:3.5rem;scroll-margin-top:1rem}.bpmn-live-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.bpmn-live-heading h3{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;margin:.6rem 0 1rem}.bpmn-live-heading p:not(.fwm-eyebrow){font-size:1rem;line-height:1.8;color:#557078;max-width:46rem}.bpmn-example-label{font-size:.7rem;color:#56756b;max-width:14rem;flex:none;text-align:right;line-height:1.7}.bpmn-workspace{border:1px solid #c5dcd1;border-radius:16px;background:white;overflow:hidden;box-shadow:0 20px 55px #183b4410}.bpmn-workspace-bar{display:flex;align-items:center;gap:1rem;background:#173e40;color:white;padding:1.1rem 1.4rem}.bpmn-workspace-bar>div{display:flex;align-items:center;gap:.8rem;flex:1}.bpmn-workspace-bar strong{font-size:.98rem}.bpmn-workspace-bar>[data-bpmn-status]{font-size:.72rem;color:#c4e6da;max-width:24rem}.bpmn-workspace-bar button{font:inherit;font-size:.75rem;color:#d3e9e0;background:transparent;border:1px solid #63887c;border-radius:6px;padding:.55rem .7rem;cursor:pointer;white-space:nowrap}.bpmn-workspace-bar button:hover{background:#2c5955}.bpmn-canvas{overflow-x:auto;background:#fbfdfc;overscroll-behavior-x:contain}.bpmn-diagram{display:block;width:100%;min-width:1020px;height:auto;font-family:inherit}.bpmn-lanes rect{fill:#fcfefdc7;stroke:#d7e5df}.bpmn-lanes text{font-size:12px;fill:#7d968c;font-weight:600;letter-spacing:1.4px}.bpmn-edge{fill:none;stroke:#b7cac3;stroke-width:2.3;transition:stroke .25s,stroke-width .25s}.bpmn-edge.is-traversed{stroke:#4c9a7d;stroke-width:3.4}.bpmn-node>rect,.bpmn-node>path,.bpmn-node>circle:not(.bpmn-node-marker){fill:#fff;stroke:#a7bdb2;stroke-width:2;transition:fill .25s,stroke .25s}.bpmn-node-title{fill:#294b47;font-size:18px;font-weight:600}.bpmn-node-sub{fill:#759087;font-size:13px}.bpmn-node-marker{fill:transparent;stroke:none}.bpmn-node.is-visited>rect,.bpmn-node.is-visited>path,.bpmn-node.is-visited>circle:not(.bpmn-node-marker){fill:#e7f4ed;stroke:#6eae92}.bpmn-node.is-visited .bpmn-node-marker{fill:#76b296}.bpmn-node.is-active>rect,.bpmn-node.is-active>path,.bpmn-node.is-active>circle:not(.bpmn-node-marker){fill:#d5f0e3;stroke:#237852;stroke-width:3.4;filter:drop-shadow(0 3px 8px #286d5330)}.bpmn-node.is-active .bpmn-node-marker{fill:#228051;animation:bpmn-pulse 1.5s ease-in-out infinite}.bpmn-node.is-active .bpmn-node-title{fill:#145b3b}.bpmn-gateway-mark{font-size:30px;fill:#7d755b}.bpmn-gateway-label{font-size:15px;fill:#6f7a69;font-weight:600}.bpmn-gateway.is-active>path{fill:#fff0cc;stroke:#bd8c35}.bpmn-gateway.is-active .bpmn-node-marker{fill:#bd8c35}.bpmn-node.service>rect{fill:#eaf2fa;stroke:#8aa8c0}.bpmn-node.service.is-active>rect{fill:#dcecfb;stroke:#4284b1;filter:drop-shadow(0 3px 10px #4284b12f)}.bpmn-node.service.is-active .bpmn-node-marker{fill:#4284b1}.bpmn-event text{font-size:14px;fill:#6c867b}.bpmn-end>circle{stroke-width:4!important}.bpmn-route-labels{font-size:14px;fill:#7b8d79}.bpmn-legend{border-top:1px solid #e2ece6;border-bottom:1px solid #e2ece6;padding:.85rem 1.4rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;font-size:.68rem;color:#638075}.bpmn-legend>span{display:flex;align-items:center;gap:.4rem}.bpmn-legend>span:last-child{margin-left:auto;color:#336f59;font-weight:600}.bpmn-legend i{width:9px;height:9px;border-radius:3px;background:#cfe8da;display:inline-block}.bpmn-legend i.active{background:#2b885a}.bpmn-legend i.automatic{background:#4f8bba}.bpmn-action-area{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:1.6rem 1.5rem;background:#f3f8f5}.bpmn-step-type{font-size:.7rem;color:#56826c;font-weight:600}.bpmn-action-area h4{font-size:1.25rem;font-weight:600;margin:.5rem 0}.bpmn-action-area p{font-size:.85rem;line-height:1.8;color:#638075;max-width:48rem;margin:0}.bpmn-actions{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;min-width:11rem}.bpmn-actions button{font:inherit;font-size:.82rem;line-height:1.6;padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s,transform .2s}.bpmn-actions button:active{transform:translateY(1px)}.bpmn-primary{background:#266e52;color:white;border:1px solid #266e52}.bpmn-primary:hover{background:#1a573f}.bpmn-secondary{background:white;color:#47664f;border:1px solid #b8cabb}.bpmn-secondary:hover{background:#e8f2e9}.bpmn-working{padding:.7rem;font-size:.8rem;color:#35739e;max-width:13rem;line-height:1.8}.bpmn-working:before{content:'';display:inline-block;width:8px;height:8px;background:#4c8ab9;border-radius:50%;margin-right:.5rem;animation:bpmn-pulse 1s infinite}.bpmn-results{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;border-top:1px solid #e1ebe5}.bpmn-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.bpmn-panel-heading h4{font-size:.98rem;margin:0;font-weight:600}.bpmn-panel-heading>strong{font-size:1rem;background:#dfefe5;color:#367357;border-radius:5px;padding:.2rem .6rem;font-variant-numeric:tabular-nums}.bpmn-panel-heading>span{font-size:.65rem;color:#82978c}.bpmn-ledger-empty{font-size:.8rem;line-height:1.8;color:#7a9084;padding:1rem;background:#f6f9f7;border:1px dashed #d5e2da;border-radius:8px}.bpmn-ledger ul,.bpmn-event-log ol{padding:0;margin:0;list-style:none}.bpmn-ledger li{display:flex;align-items:start;gap:.75rem;background:#eef7f1;border:1px solid #d0e7d8;border-radius:8px;padding:1rem;margin-bottom:.65rem}.bpmn-booked-mark{font-size:1rem;color:#2c8357}.bpmn-ledger li strong{display:block;font-size:.85rem;color:#2d6850}.bpmn-ledger li span>span{font-size:.7rem;line-height:1.7;display:block;color:#6e8a7b;margin-top:.3rem}.bpmn-event-log ol{max-height:15rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.bpmn-event-log li{display:flex;gap:.8rem;padding:.55rem 0;border-bottom:1px solid #edf2ee;font-size:.72rem;color:#6f877b}.bpmn-log-number{font-variant-numeric:tabular-nums;color:#a4b4aa;font-size:.66rem;padding-top:.1rem}.bpmn-event-log li strong{display:block;color:#486b56;font-size:.65rem;font-weight:600;margin-bottom:.2rem}.bpmn-event-log li span>span{line-height:1.7}.bpmn-event-log .bpmn-log-system strong{color:#347ba5}.bpmn-event-log .bpmn-log-decision strong{color:#9c7b35}.bpmn-event-log .bpmn-log-placeholder{font-size:.8rem;line-height:1.8;color:#81978a;padding:1rem 0}.bpmn-scroll-hint{display:none;font-size:.67rem;color:#82978c;padding:.6rem 1rem;border-bottom:1px solid #edf2ee}.bpmn-footnote{font-size:.75rem!important;color:#718b7c;line-height:1.8;margin:1rem 0 0!important}.bpmn-sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes bpmn-pulse{50%{opacity:.45}}
@media(max-width:1050px){.bpmn-scroll-hint{display:block}.bpmn-workspace-bar{flex-wrap:wrap}.bpmn-workspace-bar>[data-bpmn-status]{order:3;flex-basis:100%;max-width:none}.bpmn-action-area{grid-template-columns:1fr;gap:1rem}.bpmn-actions{flex-direction:row;flex-wrap:wrap}.bpmn-actions button{flex:1}.bpmn-example-label{max-width:11rem}.bpmn-legend>span:last-child{margin-left:0;width:100%}}
@media(max-width:600px){.bpmn-live-heading{display:block}.bpmn-example-label{display:block;text-align:left;max-width:none;margin-top:1rem}.bpmn-workspace-bar{padding:1rem}.bpmn-workspace-bar strong{font-size:.85rem}.bpmn-workspace-bar button{font-size:.67rem;padding:.45rem}.bpmn-workspace-bar>[data-bpmn-status]{font-size:.68rem}.bpmn-action-area{padding:1.2rem 1rem}.bpmn-action-area h4{font-size:1.15rem;line-height:1.4}.bpmn-actions{flex-direction:column}.bpmn-results{grid-template-columns:1fr;gap:1.3rem;padding:1.2rem 1rem}.bpmn-legend{gap:.7rem;padding:.8rem 1rem}.bpmn-event-log ol{max-height:13rem}.bpmn-diagram{min-width:1050px}.bpmn-live{margin-top:2.5rem}}
@media(prefers-reduced-motion:reduce){.bpmn-live *{animation:none!important;transition:none!important}}