.operational-flow{border:1px solid #cbdde5;margin:0 0 22px}.operational-flow h2{display:flex;align-items:center;gap:10px;font-size:18px}.flow-dot{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:50%;margin-right:7px;vertical-align:middle;background:var(--flow-color,#168158)}.flow-dot.red{--flow-color:#c43945}.flow-dot.yellow{--flow-color:#c28a12}.flow-dot.green{--flow-color:#168158}.flow-dot.pending{animation:flow-glow 1.8s ease-in-out infinite}@keyframes flow-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--flow-color) 16%,transparent),0 0 12px var(--flow-color)}}.flow-legend{font-size:12px;line-height:2;color:#4c6171}.flow-sync{font-size:12px;color:#426b79}.flow-family{border-top:1px solid #e0e9ee;padding:12px 0}.flow-family summary{cursor:pointer;font-weight:650;font-size:14px}.flow-lanes{display:flex;gap:22px;overflow-x:auto;padding:15px 6px}.flow-stage{position:relative;min-width:145px;border:1px solid #dae5e9;border-radius:9px;background:#f6fafb;padding:13px;text-align:left;color:#31485a;cursor:pointer}.flow-stage:not(:last-child):after{content:'→';position:absolute;right:-20px;top:35%;color:#778b98}.flow-stage:last-child{border-style:dashed}.flow-stage strong,.flow-stage span:not(.flow-dot){display:block;font-size:12px;margin-top:7px}.flow-stage.red{background:#fff0f1;border-color:#e6b6bc}.flow-stage.yellow{background:#fff9e9;border-color:#ead59d}.flow-stage.green{background:#eef9f3;border-color:#b5d8c6}.flow-stage[aria-pressed=true]{outline:2px solid #226b84;outline-offset:2px}.flow-work-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-open{border:0;background:none;color:#155d7a;font:inherit;text-align:left;text-decoration:underline;cursor:pointer;padding:0}.flow-work{min-width:680px}.flow-row.red td,.flow-red td{background:#fff0f2!important}.flow-row.yellow td,.flow-yellow td{background:#fff9e9!important}.flow-row.green td,.flow-green td{background:#eff9f3!important}.flow-row td:first-child,.flow-red td:first-child,.flow-yellow td:first-child,.flow-green td:first-child{border-left:3px solid #168158}.flow-row.red td:first-child,.flow-red td:first-child{border-left-color:#c43945}.flow-row.yellow td:first-child,.flow-yellow td:first-child{border-left-color:#c28a12}.flow-red:not(tr){border-left:3px solid #c43945}.flow-yellow:not(tr){border-left:3px solid #c28a12}.flow-green:not(tr){border-left:3px solid #168158}@media(prefers-reduced-motion:reduce){.flow-dot.pending{animation:none;box-shadow:0 0 0 3px #d8e4e8}}@media(max-width:600px){.operational-flow .cardhead{flex-wrap:wrap}.flow-lanes{gap:20px}.flow-stage{min-width:135px}}
.flow-red[data-flow-pending] td:first-child:before,.flow-yellow[data-flow-pending] td:first-child:before,.flow-green[data-flow-pending] td:first-child:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--flow-color,#168158)}.flow-red{--flow-color:#c43945}.flow-yellow{--flow-color:#c28a12}.flow-green{--flow-color:#168158}tr[data-flow-pending="true"] td:first-child:before{animation:flow-glow 1.8s ease-in-out infinite}.sidebar .flow-dot{margin-left:auto}@media(prefers-reduced-motion:reduce){tr[data-flow-pending="true"] td:first-child:before{animation:none}}
.flow-line-scroll{overflow-x:auto}.flow-line-diagram{position:relative;min-width:800px;height:230px;margin:12px 0}.flow-connectors{position:absolute;width:100%;height:230px;inset:0;overflow:visible;color:#628596}.flow-connectors>path{fill:none;stroke:currentColor;stroke-width:2}.flow-connectors .flow-branch{stroke-dasharray:5 4;color:#b66b45}.flow-connectors text{font:11px sans-serif;fill:#7b6452}.flow-node{position:absolute;top:22px;width:19%;height:78px;border:0;background:#fff;color:#31485a;cursor:pointer;text-align:center;border-radius:10px}.flow-node .flow-dot{display:block;margin:0 auto 9px;width:13px;height:13px}.flow-node strong{display:block;font-size:12px}.flow-node span:not(.flow-dot){display:block;font-size:12px;margin-top:5px;color:#627787}.flow-node.node-0{left:3%}.flow-node.node-1{left:27%}.flow-node.node-2{left:51%}.flow-node.node-3{left:75%}.flow-node.node-4{left:27%;top:132px}.flow-node.red{background:#fff3f4}.flow-node.yellow{background:#fffaf0}.flow-node.green{background:#f2faf6}.flow-node[aria-pressed=true]{outline:2px solid #226b84;outline-offset:3px}.flow-node:hover{box-shadow:0 3px 12px #244e6820}
.flow-node{height:105px;top:8px}.flow-node.node-4{top:135px}.flow-actors{display:block;font-size:10px;line-height:1.4;margin-top:7px;color:#4d6675;overflow-wrap:anywhere}.flow-line-diagram{height:265px}.flow-actor-trail{min-width:220px;font-size:12px;line-height:1.8}.flow-work{min-width:980px}
.flow-node{height:140px;top:5px}.flow-node.node-4{top:190px}.flow-line-diagram,.flow-connectors{height:340px}.flow-actors{padding:0 5px}
.flow-line-diagram{min-width:540px}.flow-node{padding:6px}.flow-node strong{overflow-wrap:anywhere;font-size:11px}.flow-actors{font-size:9px;padding:0 2px}.flow-connectors text{font-size:10px}
.flow-node strong{font-size:12px;line-height:1.5;padding:0 4px}.flow-node span:not(.flow-dot){margin-top:9px}
.flow-merged-diagram{display:flex;align-items:center;gap:0;overflow-x:auto;padding:20px 8px;min-height:160px}.flow-department{flex:0 0 165px;min-height:145px;border:1px solid #c8ddd2;border-radius:12px;background:#f0f9f4;color:#24465a;padding:17px 12px;cursor:pointer}.flow-department.yellow{background:#fff9ec;border-color:#e5d29b}.flow-department.red{background:#fff0f2;border-color:#e4afb7}.flow-department strong,.flow-department span:not(.flow-dot),.flow-department small{display:block;line-height:1.5}.flow-department strong{margin:12px 0 6px;font-size:13px}.flow-department span:not(.flow-dot),.flow-department small{font-size:12px;color:#557183}.flow-department .flow-dot{margin:0}.flow-department[aria-pressed=true]{outline:2px solid #24677e;outline-offset:3px}.flow-merged-line{flex:0 0 50px;text-align:center;font-size:26px;color:#658a9d}.flow-details{scroll-margin-top:180px}.flow-details h3{font-size:17px}
.flow-subprocess-box{flex:0 0 295px;cursor:default;background:#f6fafb;border-color:#d1e0e7;min-height:180px}.flow-subprocess-box>strong{font-size:14px;margin:0 0 8px}.flow-subprocesses{display:flex;gap:5px;margin-top:15px}.flow-subprocess{flex:1;min-width:0;background:white;border:1px solid #dce7ea;border-radius:9px;padding:13px 3px;cursor:pointer;color:#315168}.flow-subprocess .flow-dot{display:block;margin:0 auto 10px;width:13px;height:13px}.flow-subprocess span:not(.flow-dot){font-size:11px;display:block}.flow-subprocess small{font-size:10px;display:block}.flow-subprocess.red{background:#fff0f2;border-color:#e5b7bf}.flow-subprocess.yellow{background:#fff9ea;border-color:#e4d29c}.flow-subprocess.green{background:#f0faf5;border-color:#bedbcd}.flow-subprocess[aria-pressed=true]{outline:2px solid #24677e;outline-offset:1px}.flow-subprocess:focus-visible{outline:3px solid #24677e}
.operational-flow .flow-merged-diagram{align-items:flex-start;min-height:120px;padding:20px 8px;gap:0}
.operational-flow .flow-department.flow-subprocess-box{flex:0 0 175px;min-height:110px;border:0;border-radius:0;background:transparent;padding:0;text-align:center}
.operational-flow .flow-subprocess-box>strong{font-size:12px;line-height:18px;min-height:36px;margin:0;display:flex;align-items:center;justify-content:center}
.operational-flow .flow-subprocesses{justify-content:center;margin-top:10px;gap:14px}
.operational-flow .flow-department .flow-subprocess{flex:0 1 90px;border:0;background:transparent;padding:0 3px;border-radius:0}
.operational-flow .flow-subprocess .flow-dot{width:15px;height:15px;margin:0 auto 9px}
.operational-flow .flow-subprocess[aria-pressed=true]{outline:none}
.operational-flow .flow-subprocess[aria-pressed=true] .flow-dot{outline:2px solid #24677e;outline-offset:5px}
.operational-flow .flow-subprocess:focus-visible{outline:2px solid #24677e;outline-offset:6px;border-radius:6px}
.operational-flow .flow-department.flow-subprocess-box{position:relative}
.operational-flow .flow-subprocess-box>strong{height:36px}
.operational-flow .flow-department.flow-subprocess-box:before{content:'';position:absolute;left:0;right:0;top:52.5px;height:2px;background:#658a9d;pointer-events:none}
.operational-flow .flow-subprocess .flow-dot{position:relative;z-index:1}
.operational-flow .flow-merged-line{position:relative;flex:0 0 78px;height:2px;margin-top:52.5px;background:#658a9d;pointer-events:none}
.operational-flow .flow-merged-line:before,.operational-flow .flow-merged-line:after{position:absolute;top:-4px;width:8px;height:8px;border-top:2px solid #658a9d;border-right:2px solid #658a9d}
.operational-flow .flow-merged-line[data-direction='→']:after,.operational-flow .flow-merged-line[data-direction='↔']:after{content:'';right:8px;transform:rotate(45deg)}
.operational-flow .flow-merged-line[data-direction='←']:before,.operational-flow .flow-merged-line[data-direction='↔']:before{content:'';left:8px;transform:rotate(-135deg)}

.registration-workspace-title{padding:20px 24px!important;border-left:6px solid #0b8594;border-radius:12px;background:linear-gradient(110deg,#e0f4f5,#f8fcff);margin-bottom:14px!important}.registration-workspace-title h1{font-size:32px!important;font-weight:800!important;color:#123f50!important;letter-spacing:-.5px}.registration-workspace-title + .operational-flow{border-top:3px solid #0b8594;box-shadow:0 5px 18px #174b6514}

.operational-flow .flow-department .flow-subprocess{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0}


.operational-flow .flow-subprocess.gray{opacity:1;color:#7b858d;cursor:default}.operational-flow .flow-dot.gray{background:#a8afb6;box-shadow:none;animation:none}.operational-flow .flow-integrated-igd{position:relative;padding-left:18px}.flow-integrated-igd:before{content:'';position:absolute;left:8px;top:72px;bottom:72px;border-left:2px solid #658a9d}.flow-integrated-igd>.flow-merged-diagram{position:relative}.flow-integrated-igd>.flow-merged-diagram:before{content:'';position:absolute;left:-10px;top:72.5px;width:18px;border-top:2px solid #658a9d}.flow-integrated-igd .flow-department{flex-basis:280px!important}
.operational-flow .flow-subprocess .flow-dot{flex:none;width:15px;height:15px}
.operational-flow .flow-integrated-igd:before{left:18px;top:85.5px;bottom:92.5px}
.operational-flow .flow-integrated-igd>.flow-merged-diagram:before{left:0;width:8px}
.operational-flow .flow-whole-outpatient .flow-department{flex-basis:155px}.operational-flow .flow-whole-outpatient .flow-merged-line{flex-basis:34px}

.operational-flow .flow-department.flow-active-workspace{border-radius:10px;outline:2px solid #0b8594;outline-offset:7px;background:#eef8fa;box-shadow:0 3px 10px #174b6514}

.operational-flow .flow-subprocess.flow-context-only{cursor:default;pointer-events:none;border-color:transparent;box-shadow:none}