.status-transition-flow{min-height:var(--flow-diagram-viewport-min-height,min(50vh, 28rem));max-height:var(--flow-diagram-viewport-max-height,min(82vh, 54rem));border:1px solid var(--surface-border-color,#dee2e6);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-color,#fff) 96%, var(--primary-color,#0d6efd) 4%) 0%, var(--surface-color,#fff) 100%);border-radius:12px;flex-direction:column;padding:1rem;display:flex;overflow:hidden;box-shadow:0 6px 18px #0d253f0f}.status-transition-flow__header{z-index:5;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-color,#fff) 96%, var(--primary-color,#0d6efd) 4%) 0%, var(--surface-color,#fff) 100%);border-bottom:1px solid var(--surface-border-color,#dee2e6);flex:none;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:0;padding-bottom:.5rem;display:flex;position:sticky;top:0}.status-transition-flow__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--primary-color,#0d6efd) 65%, var(--text-muted-color,#6c757d) 35%);font-size:.72rem;font-weight:800}.status-transition-flow__title{color:var(--text-color,#212529);font-weight:800}.status-transition-flow__subtitle{color:var(--text-muted-color,#6c757d);max-width:54rem;font-size:.92rem}.status-transition-flow__legend{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.status-transition-flow__legend-shell{flex-direction:column;align-items:flex-end;gap:.45rem;max-width:100%;display:flex}.status-transition-flow__legend-collapse-toggle{border:1px solid color-mix(in srgb, var(--primary-color,#0d6efd) 16%, var(--surface-border-color,#dee2e6) 84%);background:color-mix(in srgb, var(--surface-color,#fff) 96%, var(--primary-color,#0d6efd) 4%);color:var(--text-color,#212529);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-transition-flow__legend-collapse-toggle:hover{border-color:color-mix(in srgb, var(--primary-color,#0d6efd) 28%, var(--surface-border-color,#dee2e6) 72%)}.status-transition-flow__legend-collapse-icon{color:color-mix(in srgb, var(--primary-color,#0d6efd) 78%, #0a58ca 22%);font-size:.82rem}.status-transition-flow__selection-panel-header{justify-content:space-between;align-items:flex-start;gap:.65rem;width:100%;display:flex}.status-transition-flow__selection-panel-summary{flex-direction:column;flex:auto;align-items:flex-start;gap:.15rem;min-width:0;display:flex}.status-transition-flow__selection-panel-summary .status-transition-flow__selection-title{word-break:break-word}.status-transition-flow__selection-panel-collapse-btn{border:1px solid color-mix(in srgb, var(--primary-color,#0d6efd) 16%, var(--surface-border-color,#dee2e6) 84%);background:var(--surface-color,#fff);width:1.75rem;height:1.75rem;color:var(--text-muted-color,#6c757d);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.status-transition-flow__selection-panel-collapse-btn:hover{color:var(--primary-color,#0d6efd);border-color:color-mix(in srgb, var(--primary-color,#0d6efd) 28%, var(--surface-border-color,#dee2e6) 72%)}.status-transition-flow__selection-panel--collapsed{min-height:unset;max-height:unset;resize:none;gap:.2rem;padding:.3rem .55rem}.status-transition-flow__selection-panel--collapsed.status-transition-flow__selection-panel--detail{min-height:unset;max-height:unset;width:min(22rem,100% - 1rem);min-width:min(16rem,100% - 1rem)}.status-transition-flow__selection-panel--collapsed .status-transition-flow__selection-panel-header{align-items:center;gap:.45rem}.status-transition-flow__selection-panel--collapsed .status-transition-flow__selection-panel-summary{gap:.05rem}.status-transition-flow__selection-panel--collapsed .status-transition-flow__selection-title{font-size:.84rem;line-height:1.2}.status-transition-flow__selection-panel--collapsed .status-transition-flow__selection-label{font-size:.62rem;line-height:1}.status-transition-flow__selection-panel--collapsed .status-transition-flow__selection-panel-collapse-btn{width:1.55rem;height:1.55rem}.status-transition-flow__toolbar{flex-direction:column;flex:none;align-items:flex-end;gap:.55rem;min-width:0;max-width:100%;display:flex}.status-transition-flow__selection-panel{border:1px solid color-mix(in srgb, var(--primary-color,#0d6efd) 18%, var(--surface-border-color,#dee2e6) 82%);background:color-mix(in srgb, var(--surface-color,#fff) 94%, var(--primary-color,#0d6efd) 6%);border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;max-width:44rem;padding:.65rem .75rem;display:flex;box-shadow:0 3px 12px #0d253f0d}.status-transition-flow__selection-panel--floating{z-index:4;pointer-events:auto;max-width:min(22rem,100% - 1rem);max-height:min(40%,12rem);margin:0;position:absolute;top:.5rem;right:.5rem;overflow:auto;box-shadow:0 8px 24px #0d253f1f}.status-transition-flow__selection-panel--detail{resize:both;flex-flow:column;justify-content:flex-start;align-items:stretch;width:min(44rem,90%);min-width:min(32rem,100% - 1rem);max-width:90%;min-height:min(40%,20rem);max-height:min(90%,52rem);overflow:auto}.status-transition-flow__selection-panel--floating.status-transition-flow__selection-panel--detail{resize:both;width:min(44rem,90%);min-width:min(32rem,100% - 1rem);max-width:90%;min-height:min(40%,20rem);max-height:calc(100% - 1rem)}.status-transition-flow__selection-block--detail{align-items:stretch;width:100%;min-width:0;max-width:100%}.status-transition-flow__selection-block{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.status-transition-flow__selection-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted-color,#6c757d);font-size:.68rem;font-weight:800}.status-transition-flow__selection-title{color:var(--text-color,#212529);font-size:.92rem}.status-transition-flow__selection-meta,.status-transition-flow__selection-hint{color:var(--text-muted-color,#6c757d);font-size:.74rem}.status-transition-flow__selection-list{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.status-transition-flow__selection-chip{border:1px solid color-mix(in srgb, var(--primary-color,#0d6efd) 18%, transparent 82%);background:var(--surface-color,#fff);color:color-mix(in srgb, var(--primary-color,#0d6efd) 80%, #0a58ca 20%);border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-transition-flow__selection-chip--conditional{color:#d58127;border-color:#e58c2d3d}.status-transition-flow__selection-chip--more{color:var(--text-muted-color,#6c757d)}.status-transition-flow__controls{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.status-transition-flow__toggle{border:1px solid var(--surface-border-color,#dee2e6);background:var(--surface-active-color,#f8f9fa);border-radius:999px;align-items:center;padding:.14rem;display:inline-flex}.status-transition-flow__toggle-btn{color:var(--text-muted-color,#6c757d);background:0 0;border:0;border-radius:999px;padding:.26rem .62rem;font-size:.74rem;font-weight:700}.status-transition-flow__toggle-btn.is-active{background:color-mix(in srgb, var(--primary-color,#0d6efd) 14%, var(--surface-color,#fff) 86%);color:color-mix(in srgb, var(--primary-color,#0d6efd) 85%, #0a58ca 15%)}.status-transition-flow__slider{border:1px solid var(--surface-border-color,#dee2e6);background:var(--surface-active-color,#f8f9fa);border-radius:999px;align-items:center;gap:.45rem;padding:.24rem .55rem;display:inline-flex}.status-transition-flow__slider-label{color:var(--text-muted-color,#6c757d);white-space:nowrap;font-size:.72rem;font-weight:700}.status-transition-flow__slider input[type=range]{width:96px;accent-color:var(--primary-color,#0d6efd)}.status-transition-flow__legend-entry{display:inline-flex;position:relative}.status-transition-flow__legend-item{background:var(--surface-color,#fff);border:1px solid var(--surface-border-color,#dee2e6);font:inherit;color:var(--text-muted-color,#6c757d);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.22rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.status-transition-flow__legend-item--open{border-color:color-mix(in srgb, var(--primary-color,#0d6efd) 35%, var(--surface-border-color,#dee2e6) 65%);color:var(--text-color,#212529)}.status-transition-flow__legend-info-icon{opacity:.65;font-size:.72rem}.status-transition-flow__legend-popover{z-index:6;border:1px solid var(--surface-border-color,#dee2e6);background:var(--surface-color,#fff);text-align:left;border-radius:12px;width:min(22rem,100vw - 2rem);padding:.65rem .75rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 10px 28px #0d253f24}.status-transition-flow__legend-popover--portal{z-index:1080;width:min(22rem,100vw - 1rem);max-height:min(70vh,28rem);position:fixed;overflow:auto}.status-transition-flow__legend-popover-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.status-transition-flow__legend-popover-close{width:1.5rem;height:1.5rem;color:var(--text-muted-color,#6c757d);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.status-transition-flow__legend-popover-close:hover{background:color-mix(in srgb, var(--text-muted-color,#6c757d) 12%, transparent 88%);color:var(--text-color,#212529)}.status-transition-flow__legend-popover-title{color:var(--text-color,#212529);font-size:.82rem;font-weight:700}.status-transition-flow__legend-popover-text{color:var(--text-muted-color,#6c757d);font-size:.74rem;line-height:1.45}.status-transition-flow__legend-popover-list{color:var(--text-muted-color,#6c757d);padding-left:1.1rem;font-size:.72rem;line-height:1.4}.status-transition-flow__legend-line{border-top:2px solid color-mix(in srgb, var(--primary-color,#0d6efd) 45%, #8ea0b5 55%);width:28px;height:0;display:inline-block}.status-transition-flow__legend-line--conditional{border-top-style:dashed;border-top-color:#d2842d}.status-transition-flow__legend-line--data{border-top-style:dotted;border-top-color:#1d89a1}.status-transition-flow__legend-line--direct{border-top-color:color-mix(in srgb, var(--primary-color,#0d6efd) 45%, #8297ad 55%)}.status-transition-flow__legend-pill{border-radius:999px;width:12px;height:12px;display:inline-block}.status-transition-flow__legend-pill--active{background:var(--primary-color,#0d6efd);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-color,#0d6efd) 70%, #073f9c 30%)}.status-transition-flow__legend-pill--reachable{background:var(--surface-color,#fff);border:2px solid var(--success-color,#198754)}.status-transition-flow__nav-hint{min-width:10rem;color:var(--text-muted-color,#6c757d);text-align:right;flex:0 auto;margin:0;font-size:.72rem;line-height:1.35}.status-transition-flow__viewport-shell{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.status-transition-flow__viewport-shell>.status-transition-flow__selection-panel--floating{z-index:6;pointer-events:auto}.status-transition-flow__viewport{overscroll-behavior:contain;flex:auto;min-height:0;padding-bottom:.35rem;position:relative;overflow:auto}.status-transition-flow__viewport--space-pan{cursor:grab}.status-transition-flow__viewport--panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.status-transition-flow__viewport--grid{background-color:var(--flow-diagram-grid-bg,var(--surface-subtle-color));background-image:linear-gradient(var(--flow-diagram-grid-line,var(--surface-border-color)) 1px, transparent 1px), linear-gradient(to right, var(--flow-diagram-grid-line,var(--surface-border-color)) 1px, transparent 1px);background-size:var(--flow-diagram-grid-size,20px) var(--flow-diagram-grid-size,20px)}.status-transition-flow--compact-chrome{height:auto;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1 1 0;padding:.5rem .65rem}.status-transition-flow--compact-chrome .status-transition-flow__header{background:var(--surface-color,#fff);align-items:center}.status-transition-flow--compact-chrome .status-transition-flow__header>div:first-child{display:none}.status-transition-flow--compact-chrome .status-transition-flow__toolbar{scrollbar-width:thin;flex-flow:row;justify-content:flex-end;align-items:center;gap:.4rem .65rem;width:100%;overflow:auto visible}.status-transition-flow--compact-chrome .status-transition-flow__controls{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.status-transition-flow--compact-chrome .status-transition-flow__legend{flex-wrap:nowrap;flex-shrink:0;gap:.45rem .65rem;overflow:visible}.status-transition-flow--compact-chrome .status-transition-flow__legend-entry{overflow:visible}.status-transition-flow--compact-chrome .status-transition-flow__viewport-shell,.status-transition-flow--compact-chrome .status-transition-flow__viewport{flex:1 1 0;min-height:0}.status-transition-flow__zoom-surface{min-width:100%;min-height:100%;position:relative}.status-transition-flow__zoom-surface--grid{background-color:var(--flow-diagram-grid-bg,var(--surface-subtle-color));background-image:linear-gradient(var(--flow-diagram-grid-line,var(--surface-border-color)) 1px, transparent 1px), linear-gradient(to right, var(--flow-diagram-grid-line,var(--surface-border-color)) 1px, transparent 1px);background-size:var(--flow-diagram-grid-size,20px) var(--flow-diagram-grid-size,20px)}.status-transition-flow__canvas{min-width:0;position:relative}.status-transition-flow__edges{position:absolute;inset:0;overflow:visible}.status-transition-flow__edge{fill:none;stroke:color-mix(in srgb, var(--primary-color,#0d6efd) 35%, #8899ab 65%);stroke-width:2.1px;opacity:.85;color:color-mix(in srgb, var(--primary-color,#0d6efd) 35%, #8899ab 65%);stroke-linecap:round}.status-transition-flow__edge-hitbox{fill:none;stroke:#0000;stroke-width:14px;cursor:pointer}.status-transition-flow__edge-handle-hitbox{fill:#0000;cursor:grab}.status-transition-flow__edge-handle{fill:var(--surface-color,#fff);stroke:var(--primary-color,#0d6efd);stroke-width:2px;filter:drop-shadow(0 0 4px #0d6efd33)}.status-transition-flow__edge--conditional{stroke:#d5852d;color:#d5852d;stroke-dasharray:8 6}.status-transition-flow__edge--data{stroke:#0d98b3;color:#0d98b3;stroke-dasharray:4 4;stroke-width:2.4px;opacity:1}.status-transition-flow__edge--primary{stroke:var(--primary-color,#0d6efd);color:var(--primary-color,#0d6efd);stroke-width:2.8px}.status-transition-flow__edge--back{opacity:.7;stroke-width:2px}.status-transition-flow__edge--highlighted{stroke-width:3.5px;opacity:1;filter:drop-shadow(0 0 4px)}.status-transition-flow__edge--selected{stroke-width:4px;opacity:1;filter:drop-shadow(0 0 6px)}.status-transition-flow__edge--dimmed{opacity:.18}.status-transition-flow__edge-condition-wrap{pointer-events:auto;overflow:visible}.status-transition-flow__edge-condition{box-sizing:border-box;color:#5c3d0f;text-align:center;word-break:break-word;background:#fffbed;border:1px solid #e2b380;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:100%;height:100%;padding:.42rem .55rem;font-size:.68rem;font-weight:600;line-height:1.25;display:flex;box-shadow:0 0 0 3px #ffffffeb,0 2px 8px #65430c24}.status-transition-flow__edge-condition-line{max-width:100%;display:block}.status-transition-flow__edge-condition--highlighted{border-color:color-mix(in srgb, var(--primary-color,#0d6efd) 55%, #e58c2d 45%);color:#084298;background:#f2f7fa;box-shadow:0 0 0 3px #ffffffe6,0 2px 10px #0d6efd2e}.status-transition-flow__edge-condition--dimmed{opacity:.35}.status-transition-flow__edge-condition--draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.status-transition-flow__edge-condition--draggable:active{cursor:grabbing}.status-transition-flow__node{border:1px solid var(--surface-border-color,#dee2e6);background:var(--surface-color,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:12px;flex-direction:column;gap:.55rem;padding:.85rem .9rem;transition:box-shadow .15s,border-color .15s;display:flex;position:absolute;overflow:visible;box-shadow:0 3px 12px #0d253f12}.status-transition-flow__node--with-ports{padding-left:calc(.9rem + 4px);padding-right:calc(.9rem + 4px)}.status-transition-flow__node-port{background:color-mix(in srgb, var(--text-muted-color,#6c757d) 72%, var(--surface-border-color,#dee2e6) 28%);border:1px solid;border-color:inherit;pointer-events:none;z-index:2;border-radius:2px;width:12px;height:12px;position:absolute}.status-transition-flow__node-port--interactive{pointer-events:auto;cursor:crosshair}.status-transition-flow__node-port--connect{border-style:dashed;border-color:color-mix(in srgb, var(--bs-primary,#0d6efd) 70%, var(--surface-border-color,#dee2e6) 30%);background:color-mix(in srgb, var(--bs-primary,#0d6efd) 18%, var(--surface-color,#fff) 82%)}.status-transition-flow__connection-preview{stroke:var(--bs-primary,#0d6efd);stroke-width:2px;stroke-dasharray:6 4;fill:none}.status-transition-flow__connection-preview--remove{stroke:var(--bs-danger,#dc3545)}.status-transition-flow__edge--remove-drag{opacity:.92;stroke-width:2.4px}.status-transition-flow__node-port--removable{cursor:default}.status-transition-flow__selection-delete{margin-top:.5rem}.status-transition-flow__node--corner-ports{overflow:visible}.status-transition-flow__node-port--corner{border-width:2px;border-color:inherit;border-radius:3px;box-shadow:0 1px 4px #0d253f1f}.status-transition-flow__node-port--corner.status-transition-flow__node-port--failure,.status-transition-flow__node-port--failure{border-color:inherit;background:color-mix(in srgb, var(--danger-color,#dc3545) 82%, var(--surface-color,#fff) 18%)!important}.status-transition-flow__node--condition{color:#5c3d0f;background:#fffbed;border:2px solid #e3aa6e;gap:.35rem;box-shadow:0 0 0 3px #ffffffeb,0 2px 8px #65430c1f}.status-transition-flow__node-condition-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#c37826;font-size:.62rem;font-weight:700}.status-transition-flow__node-condition-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:flex}.status-transition-flow__node-condition-line{word-break:break-word;max-width:100%;font-size:.68rem;font-weight:600;line-height:1.25;display:block}.status-transition-flow__node--condition.status-transition-flow__node--selected{outline-color:color-mix(in srgb, #e58c2d 70%, var(--primary-color,#0d6efd) 30%);box-shadow:0 0 0 5px #e58c2d38,0 2px 8px #65430c29}.status-transition-flow__node--dragging{cursor:grabbing;z-index:2}.status-transition-flow__node--active{background:color-mix(in srgb, var(--primary-color,#0d6efd) 8%, var(--surface-color,#fff) 92%);border-color:color-mix(in srgb, var(--primary-color,#0d6efd) 50%, var(--surface-border-color,#dee2e6) 50%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color,#0d6efd) 18%, transparent 82%)}.status-transition-flow__node--reachable{background:color-mix(in srgb, var(--success-color,#198754) 7%, var(--surface-color,#fff) 93%);border-color:color-mix(in srgb, var(--success-color,#198754) 45%, var(--surface-border-color,#dee2e6) 55%);box-shadow:0 0 0 3px color-mix(in srgb, var(--success-color,#198754) 15%, transparent 85%)}.status-transition-flow__node--selected{outline:2.5px solid var(--primary-color,#0d6efd);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb, var(--primary-color,#0d6efd) 20%, transparent 80%), 0 3px 12px #0d253f1a;z-index:1}.status-transition-flow__node--start:before,.status-transition-flow__node--end:before{content:"";border-radius:16px 0 0 16px;width:5px;position:absolute;inset:0 auto 0 0}.status-transition-flow__node--start:before{background:var(--success-color,#198754)}.status-transition-flow__node--start{border-color:color-mix(in srgb, var(--success-color,#198754) 45%, var(--surface-border-color,#dee2e6) 55%);background:color-mix(in srgb, var(--success-color,#198754) 6%, var(--surface-color,#fff) 94%);box-shadow:0 0 0 3px color-mix(in srgb, var(--success-color,#198754) 18%, transparent 82%), 0 3px 12px #0d253f14}.status-transition-flow__node--start .status-transition-flow__tag--start{background:color-mix(in srgb, var(--success-color,#198754) 22%, var(--surface-color,#fff) 78%);border-color:color-mix(in srgb, var(--success-color,#198754) 40%, transparent 60%);color:color-mix(in srgb, var(--success-color,#198754) 90%, #0f5132 10%)}.status-transition-flow__node--end:before{background:var(--primary-color,#567ebc)}.status-transition-flow__node-topline{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.status-transition-flow__node-id{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted-color,#6c757d);font-size:.68rem;font-weight:700}.status-transition-flow__node-color-badge{border:2px solid color-mix(in srgb, var(--status-node-color,#6c757d) 72%, #1f2b37 28%);background:var(--status-node-color,#6c757d);width:13px;height:13px;box-shadow:0 0 0 3px color-mix(in srgb, var(--status-node-color,#6c757d) 20%, transparent 80%), 0 1px 4px color-mix(in srgb, var(--status-node-color,#6c757d) 30%, transparent 70%);border-radius:999px}.status-transition-flow__node-accent{background:var(--primary-color,#0d6efd);color:#fff;border:1px solid color-mix(in srgb, var(--primary-color,#0d6efd) 70%, #073f9c 30%);border-radius:999px;align-items:center;padding:.14rem .48rem;font-size:.68rem;font-weight:800;display:inline-flex}.status-transition-flow__node--reachable .status-transition-flow__node-accent{background:color-mix(in srgb, var(--success-color,#198754) 8%, var(--surface-color,#fff) 92%);color:color-mix(in srgb, var(--success-color,#198754) 90%, #146c43 10%);border:1px solid color-mix(in srgb, var(--success-color,#198754) 45%, transparent 55%)}.status-transition-flow__node--with-color{border-color:color-mix(in srgb, var(--status-node-color,var(--surface-border-color,#dee2e6)) 52%, var(--surface-border-color,#dee2e6) 48%);background:linear-gradient(180deg, color-mix(in srgb, var(--status-node-color,var(--surface-color,#fff)) 10%, var(--surface-color,#fff) 90%) 0%, color-mix(in srgb, var(--status-node-color,var(--surface-color,#fff)) 4%, var(--surface-color,#fff) 96%) 100%)}.status-transition-flow__node--with-color.status-transition-flow__node--active{border-color:color-mix(in srgb, var(--status-node-color,var(--primary-color,#0d6efd)) 70%, var(--surface-border-color,#dee2e6) 30%);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-node-color,var(--primary-color,#0d6efd)) 16%, transparent 84%)}.status-transition-flow__node--with-color.status-transition-flow__node--reachable{border-color:color-mix(in srgb, var(--status-node-color,var(--success-color,#198754)) 62%, var(--surface-border-color,#dee2e6) 38%);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-node-color,var(--success-color,#198754)) 13%, transparent 87%)}.status-transition-flow__node-title{color:var(--text-color,#212529);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.status-transition-flow__node-tags{flex-wrap:wrap;gap:.35rem;display:flex}.status-transition-flow__tag{border:1px solid var(--surface-border-color,#dee2e6);background:var(--surface-active-color,#f8f9fa);color:var(--text-muted-color,#6c757d);border-radius:999px;align-items:center;padding:.14rem .46rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-transition-flow__tag--start{background:color-mix(in srgb, var(--success-color,#198754) 12%, var(--surface-color,#fff) 88%);color:color-mix(in srgb, var(--success-color,#198754) 85%, #0f5132 15%);border-color:color-mix(in srgb, var(--success-color,#198754) 24%, transparent 76%)}.status-transition-flow__tag--end{background:color-mix(in srgb, var(--primary-color,#0d6efd) 12%, var(--surface-color,#fff) 88%);color:color-mix(in srgb, var(--primary-color,#0d6efd) 85%, #084298 15%);border-color:color-mix(in srgb, var(--primary-color,#0d6efd) 24%, transparent 76%)}.status-transition-flow__tag--conditional{background:color-mix(in srgb, #e58c2d 12%, var(--surface-color,#fff) 88%);color:#d37f26;border-color:#e58c2d42}.status-transition-flow__node-footer{color:var(--text-muted-color,#6c757d);justify-content:space-between;gap:.5rem;margin-top:auto;font-size:.74rem;display:flex}.status-transition-flow--compact{padding:.8rem}.status-transition-flow--compact .status-transition-flow__header{margin-bottom:.65rem}.status-transition-flow--compact .status-transition-flow__subtitle{font-size:.84rem}.status-transition-flow--compact .status-transition-flow__node{gap:.4rem;padding:.7rem .72rem}.status-transition-flow--compact .status-transition-flow__node-title{font-size:.92rem}.status-transition-flow--compact .status-transition-flow__tag,.status-transition-flow--compact .status-transition-flow__node-accent,.status-transition-flow--compact .status-transition-flow__node-id{font-size:.64rem}.status-transition-flow--compact .status-transition-flow__node-footer{font-size:.68rem}@media (width<=992px){.status-transition-flow__header{flex-direction:column}.status-transition-flow__toolbar{align-items:flex-start}.status-transition-flow__controls,.status-transition-flow__legend,.status-transition-flow__selection-panel,.status-transition-flow__selection-list{justify-content:flex-start}.status-transition-flow__selection-panel--floating{left:.5rem;right:auto}.status-transition-flow__selection-block{align-items:flex-start}}@media (width<=768px){.status-transition-flow{padding:.85rem}.status-transition-flow__subtitle{font-size:.88rem}}:is(.main-container:has(.flow-graph-viewport-root),.main-container:has(.process-definition-graph-tab)){flex:auto;min-height:0}:is(.main-content:has(.flow-graph-viewport-root),.main-content:has(.process-definition-graph-tab)){flex-direction:column;flex:auto;min-height:0;display:flex}:is(.main-content>.widget-container:has(.flow-graph-viewport-root),.main-content>.widget-container:has(.process-definition-graph-tab)){flex-direction:column;flex:auto;min-height:0;margin-bottom:0;display:flex}:is(.main-content>.widget-container:has(.flow-graph-viewport-root)>.card-body,.main-content>.widget-container:has(.process-definition-graph-tab)>.card-body){flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:is(.main-content>.widget-container:has(.flow-graph-viewport-root)>.card-body>*,.main-content>.widget-container:has(.process-definition-graph-tab)>.card-body>*){flex-direction:column;flex:auto;min-height:0;display:flex}:is(.main-content .widget.card:has(.flow-graph-viewport-root),.main-content .widget.card:has(.process-definition-graph-tab)){flex-direction:column;flex:auto;height:auto;min-height:0;display:flex}:is(.form-modal .modal-content:has(.flow-graph-tab-content--fill),.form-modal .modal-content:has(.process-tab-content--graph)){flex-direction:column;max-height:min(90dvh,100%);display:flex}:is(.form-modal .modal-content:has(.flow-graph-tab-content--fill)>.modal-body.flow-graph-modal-body--fill,.form-modal .modal-content:has(.flow-graph-tab-content--fill)>.modal-body.process-modal-body--graph,.form-modal .modal-content:has(.process-tab-content--graph)>.modal-body.flow-graph-modal-body--fill,.form-modal .modal-content:has(.process-tab-content--graph)>.modal-body.process-modal-body--graph){flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:is(.form-modal .modal-content:has(.flow-graph-tab-content--fill)>.modal-body.flow-graph-modal-body--fill>div,.form-modal .modal-content:has(.flow-graph-tab-content--fill)>.modal-body.process-modal-body--graph>div,.form-modal .modal-content:has(.process-tab-content--graph)>.modal-body.flow-graph-modal-body--fill>div,.form-modal .modal-content:has(.process-tab-content--graph)>.modal-body.process-modal-body--graph>div){flex-direction:column;flex:auto;min-height:0;display:flex}.widget .card-body.flow-graph-widget-body--fill,.widget .card-body.process-widget-body--graph{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.widget .card-body.flow-graph-widget-body--fill>.tabs-panel.flow-graph-tabs-panel--fill,.widget .card-body.flow-graph-widget-body--fill>.tabs-panel.process-tabs-panel--fill,.widget .card-body.process-widget-body--graph>.tabs-panel.flow-graph-tabs-panel--fill,.widget .card-body.process-widget-body--graph>.tabs-panel.process-tabs-panel--fill{flex-direction:column;flex:auto;min-height:0;display:flex}.tab-content.flow-graph-tab-content--fill,.tab-content.process-tab-content--graph{box-sizing:border-box;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.tab-content.flow-graph-tab-content--fill>.tab-pane.show.active,.tab-content.flow-graph-tab-content--fill>.tab-pane.flow-graph-tab-pane--fill,.tab-content.flow-graph-tab-content--fill>.tab-pane.process-tab-pane--graph,.tab-content.process-tab-content--graph>.tab-pane.show.active,.tab-content.process-tab-content--graph>.tab-pane.flow-graph-tab-pane--fill,.tab-content.process-tab-content--graph>.tab-pane.process-tab-pane--graph{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.tab-content.flow-graph-tab-content--fill>.tab-pane.show.active>.col-sm-12,.tab-content.flow-graph-tab-content--fill>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12,.tab-content.flow-graph-tab-content--fill>.tab-pane.process-tab-pane--graph>.col-sm-12,.tab-content.process-tab-content--graph>.tab-pane.show.active>.col-sm-12,.tab-content.process-tab-content--graph>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12,.tab-content.process-tab-content--graph>.tab-pane.process-tab-pane--graph>.col-sm-12,.tab-content.flow-graph-tab-content--fill>.tab-pane.show.active>.col-sm-12>.row,.tab-content.flow-graph-tab-content--fill>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12>.row,.tab-content.flow-graph-tab-content--fill>.tab-pane.process-tab-pane--graph>.col-sm-12>.row,.tab-content.process-tab-content--graph>.tab-pane.show.active>.col-sm-12>.row,.tab-content.process-tab-content--graph>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12>.row,.tab-content.process-tab-content--graph>.tab-pane.process-tab-pane--graph>.col-sm-12>.row,.tab-content.flow-graph-tab-content--fill>.tab-pane.show.active>.col-sm-12>.row>.col-md-12,.tab-content.flow-graph-tab-content--fill>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12>.row>.col-md-12,.tab-content.flow-graph-tab-content--fill>.tab-pane.process-tab-pane--graph>.col-sm-12>.row>.col-md-12,.tab-content.process-tab-content--graph>.tab-pane.show.active>.col-sm-12>.row>.col-md-12,.tab-content.process-tab-content--graph>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12>.row>.col-md-12,.tab-content.process-tab-content--graph>.tab-pane.process-tab-pane--graph>.col-sm-12>.row>.col-md-12,.tab-content.flow-graph-tab-content--fill>.tab-pane.show.active>.col-sm-12>.row>.col-md-12>.row.align-items-stretch,.tab-content.flow-graph-tab-content--fill>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12>.row>.col-md-12>.row.align-items-stretch,.tab-content.flow-graph-tab-content--fill>.tab-pane.process-tab-pane--graph>.col-sm-12>.row>.col-md-12>.row.align-items-stretch,.tab-content.process-tab-content--graph>.tab-pane.show.active>.col-sm-12>.row>.col-md-12>.row.align-items-stretch,.tab-content.process-tab-content--graph>.tab-pane.flow-graph-tab-pane--fill>.col-sm-12>.row>.col-md-12>.row.align-items-stretch,.tab-content.process-tab-content--graph>.tab-pane.process-tab-pane--graph>.col-sm-12>.row>.col-md-12>.row.align-items-stretch{flex-direction:column;flex:auto;min-height:0;display:flex}.status-transition-board__hero--fill{flex:1 1 0;min-height:0;margin-top:.75rem;overflow:hidden}.status-transition-board__hero--fill>.status-transition-flow{flex:1 1 0;height:auto;min-height:0;max-height:none;overflow:hidden}.status-transition-board__hero--fill>.status-transition-flow.status-transition-flow--compact-chrome,.status-transition-board__hero--fill>.status-transition-flow .status-transition-flow__viewport-shell{flex:1 1 0;min-height:0}.status-transition-board__hero--fill>.status-transition-flow .status-transition-flow__viewport{flex:1 1 0;min-height:0;overflow:auto}.status-transition-board__hero--fill>.status-transition-flow .status-transition-flow__zoom-surface{min-height:0}.react-grid-item>div:has(.status-transition-graph-widget){flex-direction:column;height:100%;min-height:0;display:flex}.react-grid-item>div:has(.status-transition-graph-widget) .status-transition-graph-widget{flex:auto;min-height:0}.status-transition-graph-widget.widget{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.status-transition-graph-widget.widget>.card-body{flex-direction:column;flex:auto;min-height:0;display:flex}.status-transition-graph-widget.widget>.card-body>.status-transition-board{flex:auto;height:100%;min-height:0}.status-transition-board{background:linear-gradient(#0d6efd0d 0%,#0d6efd03 100%);border:1px solid #0d6efd33;border-radius:12px;flex-direction:column;flex:auto;height:100%;min-height:0;padding:1rem;display:flex}.status-transition-board--fill-viewport{flex:1 1 0;min-height:0;overflow:hidden}.status-transition-board__header,.status-transition-board__context,.status-transition-board__tabs,.status-transition-board__manage{flex-shrink:0}.status-transition-board__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.status-transition-board__title{font-weight:700}.status-transition-board__subtitle{color:#6c757d;font-size:.92rem}.status-transition-board__metrics{flex-wrap:wrap;gap:.5rem;display:flex}.status-transition-board__metric{color:#0d6efd;background:#fff;border:1px solid #0d6efd33;border-radius:999px;align-items:center;padding:.2rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.status-transition-board__context{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.status-transition-board__hero,.status-transition-board__details{flex-direction:column;flex:auto;min-height:0;margin-top:1rem;display:flex;overflow:hidden}.status-transition-board__hero>.status-transition-flow{flex-direction:column;flex:auto;min-height:0;display:flex}.status-transition-board__hero .status-transition-flow__header{flex-shrink:0}.status-transition-board__hero .status-transition-flow__viewport{flex:auto;min-height:0;overflow:auto}.status-transition-board__tabs{background:#ffffffb3;border:1px solid #0d6efd33;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem;display:inline-flex}.status-transition-board__tab{color:#3f5f83;background:0 0;border:0;border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:700}.status-transition-board__tab.is-active{color:#0a58ca;background:#0d6efd24}.status-transition-board__chip{border:1px solid #0000;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.8rem;display:inline-flex}.status-transition-board__chip--active{color:#842029;background:#dc35451a;border-color:#dc354559}.status-transition-board__chip--reachable{color:#0f5132;background:#19875414;border-color:#1987544d}.status-transition-board__lanes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.status-transition-board__node{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:.75rem;box-shadow:0 2px 8px #0000000a}.status-transition-board__node--colored{border-left:4px solid var(--stb-node-accent,#4d6fa8)}.status-transition-board__node-swatch{width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--stb-node-accent,#6c757d) 55%, #fff 45%), 0 1px 2px #00000014;border-radius:999px;flex-shrink:0;margin-top:.2rem}.status-transition-board__node--active{border-color:#dc354580;box-shadow:0 0 0 3px #dc35451a}.status-transition-board__node--reachable{border-color:#19875473;box-shadow:0 0 0 3px #1987541a}.status-transition-board__node-header{justify-content:space-between;gap:.5rem;margin-bottom:.5rem;display:flex}.status-transition-board__node-types{flex-wrap:wrap;align-items:flex-start;gap:.35rem;display:flex}.status-transition-board__tag{color:#495057;background:#f1f3f5;border:1px solid #dee2e6;border-radius:999px;padding:.1rem .45rem;font-size:.72rem}.status-transition-board__tag--start{color:#0f5132;background:#1987541f;border-color:#19875459}.status-transition-board__tag--end{color:#084298;background:#0d6efd1f;border-color:#0d6efd59}.status-transition-board__edge-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.status-transition-board__edge-item{background:#f8f9fa;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .4rem;display:flex}.status-transition-board__arrow{color:#6c757d;font-weight:700}.status-transition-board__edge-name{margin-right:auto;font-size:.9rem;font-weight:500}.status-transition-board__edge-badge{color:#664d03;background:#ffc10733;border:1px solid #ffc10759;border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.status-transition-board__edge-badge--solid{color:#084298;background:#0d6efd1f;border-color:#0d6efd59}.status-transition-board__graph-preview summary{cursor:pointer;font-weight:600}.status-transition-board__details{background:#ffffffb8;border:1px solid #0d6efd24;border-radius:12px;padding:.85rem .9rem;overflow:auto}.status-transition-board__manage-panel{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:.75rem}.status-transition-board__task-node-extra{border-top:1px dashed #0d6efd2e;flex-direction:column;gap:.2rem;margin-top:.5rem;padding-top:.45rem;display:flex}.status-transition-board__task-node-pill{color:#0a58ca;letter-spacing:.02em;text-transform:uppercase;background:#0d6efd1f;border-radius:999px;align-self:flex-start;padding:.12rem .45rem;font-size:.75rem;font-weight:700}.status-transition-board__task-node-meta{color:#5c6773;font-size:.75rem;line-height:1.35}.status-transition-board__hero--fill .status-transition-flow__viewport-shell>.status-transition-flow__selection-panel--floating.status-transition-flow__selection-panel--detail{resize:both;width:min(46rem,100% - 1.3rem);min-width:min(34rem,100% - 1.3rem);max-width:calc(100% - 1.3rem);min-height:min(12rem,40%);max-height:calc(100% - 1.25rem);padding-left:1rem;padding-right:1rem;top:.75rem;right:.65rem;overflow:hidden auto}.status-transition-board__hero--fill .status-transition-flow__viewport-shell>.status-transition-flow__selection-panel--floating.status-transition-flow__selection-panel--detail.status-transition-flow__selection-panel--collapsed{width:min(22rem,100% - 1.3rem);min-width:min(16rem,100% - 1.3rem);min-height:unset;max-height:unset;resize:none}.status-transition-board__hero--fill .status-transition-flow__selection-block--detail{flex:auto;align-items:stretch;max-width:100%;min-height:0;padding-left:.2rem;padding-right:.2rem;overflow-x:hidden}.status-transition-edge-panel,.status-transition-node-panel{flex-direction:column;align-items:stretch;width:100%;min-width:0;display:flex}.status-transition-edge-panel__header{flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;display:flex}.status-transition-edge-panel__header .status-transition-flow__selection-title{word-break:break-word;line-height:1.35}.status-transition-edge-panel__conditions-toggle{width:100%}.status-transition-edge-panel__conditions{max-width:100%}@media (width<=768px){.status-transition-board{padding:.75rem}.status-transition-board__header{flex-direction:column}}