/* Compact, responsive workflow with raised nodes and measured connections. */
#ablauf-simulation .scenario-tabs{max-width:1020px;margin-left:auto;margin-right:auto}
#ablauf-simulation .wf-panel{max-width:1020px;margin:0 auto;padding:0;border:1px solid #d9e4ec;border-radius:18px;overflow:hidden;background:#fff;color:#183247;box-shadow:0 14px 40px -28px #0a30484d;isolation:isolate}
.wf-topbar{min-height:53px;padding:13px 23px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eaf0f5;background:#fcfdff}
.wf-canvas-brand{display:flex;align-items:center;gap:10px;font-size:10px;color:#6b8092}.wf-canvas-brand>.ic{color:#0782bd;width:17px}.wf-canvas-brand b{font-size:15px;color:#19364c;font-weight:700;letter-spacing:-.04em}.wf-canvas-brand>span:first-of-type{color:#b0c0cc}
.wf-preview-status{display:flex;align-items:center;gap:6px;color:#627c89;font-size:9px;white-space:nowrap}.wf-preview-status i{width:5px;height:5px;display:block;border-radius:50%;background:#329d88;box-shadow:0 0 0 3px #329d880d}
.wf-canvas{padding:20px 25px 14px;position:relative;background-color:white;background-image:radial-gradient(ellipse at 50% 50%,#169de708,transparent 61%),radial-gradient(circle,#b9cbd752 1px,transparent 1.25px);background-size:auto,20px 20px;background-position:center,9px 9px}
#ablauf-simulation .flow-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;max-width:820px;margin:0 auto 10px;color:#6b8295;font-size:8px;letter-spacing:.14em;font-weight:650}.flow-labels>span:nth-child(3){text-align:right}
#ablauf-simulation .wf-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;position:relative;max-width:820px;min-height:333px;margin:0 auto;padding:11px 0 13px;transform:none}
#ablauf-simulation .flow-column{display:grid;grid-template-columns:1fr;gap:16px;justify-items:center;position:relative;z-index:1}
#ablauf-simulation .flow-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:180px;text-align:center}
#ablauf-simulation .wf-node{position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:59px;padding:0;margin:0 0 12px;border:1px solid #d2dfe9;border-radius:13px;background:linear-gradient(145deg,#fff,#f0f5f9 88%);color:#567da6;box-shadow:inset 0 1px 1px #fff,0 5px 0 #dce6ed,0 6px 0 1px #c8d7e2,0 13px 19px -9px #26475c47;transition:border-color .18s,background .18s,box-shadow .18s,color .18s;cursor:pointer}
#ablauf-simulation .wf-node>.ic{width:26px;height:26px;stroke-width:1.6;filter:drop-shadow(0 2px 1px #487c9d15)}
#ablauf-simulation .wf-outputs .wf-node{color:#3b8f83}
#ablauf-simulation .wf-node:hover,#ablauf-simulation .wf-node[aria-pressed=true]{border-color:#72c2e9;background:linear-gradient(145deg,#fff,#e9f6ff);color:#087faf;box-shadow:inset 0 1px 1px #fff,0 5px 0 #bedceb,0 6px 0 1px #95c9e1,0 0 22px #138fc90d,0 13px 19px -9px #26475c47}
#ablauf-simulation .wf-node:focus-visible{outline:3px solid #1499d1;outline-offset:6px}
.wf-node-check{position:absolute;right:-5px;top:-5px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#52ad95;font-size:9px;color:white;opacity:0;transition:opacity .18s}.wf-node[aria-pressed=true] .wf-node-check{opacity:1}
#ablauf-simulation .flow-title{display:block;min-height:29px;max-width:175px;margin:0;font-size:11px;font-weight:550;letter-spacing:0;line-height:1.4;color:#304b61;text-wrap:balance}
#ablauf-simulation .wf-description{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#ablauf-simulation .wf-hub{width:100%;max-width:225px;justify-self:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0;text-align:center;border:0;background:none;border-radius:0;box-shadow:none}
#ablauf-simulation .wf-node-hub{width:108px;height:91px;background:linear-gradient(145deg,#fff,#f0f8ff);border:1px solid #b8daed;border-radius:18px;margin-bottom:20px;box-shadow:inset 0 1px 0 #fff,0 6px 0 #c5deed,0 7px 0 1px #a2c9de,0 0 45px #159ad00c,0 19px 26px -13px #2e638b4d}
#ablauf-simulation .wf-node-hub:hover,#ablauf-simulation .wf-node-hub[aria-pressed=true]{background:linear-gradient(145deg,#fff,#edf8ff);border-color:#8dc8e7;box-shadow:inset 0 1px 0 #fff,0 6px 0 #c5deed,0 7px 0 1px #87c0df,0 0 48px #159ad015,0 19px 26px -13px #2e638b4d}
.wf-node-hub img{display:block;width:83px;height:69px;object-fit:contain;filter:none;pointer-events:none}
.wf-hub-spark{position:absolute;right:-8px;bottom:-7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:3px solid #fff;background:#0d8ac4;color:white;border-radius:8px}.wf-hub-spark .ic{width:13px;height:13px}
.wf-hub-tag{font-size:7px;letter-spacing:.18em;color:#087ead;font-weight:750;margin:0 0 5px}
#ablauf-simulation .wf-hub h3{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.025em;margin:0;max-width:220px;color:#193d56;text-wrap:balance}
#ablauf-simulation .wf-hub .hub-status{font-size:8px;font-weight:400;border:0;margin:7px 0 0;padding:0;color:#728a9c;line-height:1.5}
.wf-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.wf-link{fill:none;stroke:#b7cbd9;stroke-width:1.5;vector-effect:non-scaling-stroke}.wf-link-glow{fill:none;stroke:#199cd6;stroke-width:2.7;stroke-linecap:round;stroke-dasharray:4 96;vector-effect:non-scaling-stroke;animation:wf-flow 5s linear infinite;opacity:.65;filter:drop-shadow(0 0 2px #26a8df55)}.wf-link-glow.is-related{stroke:#0583c0;opacity:.9}.wf-port{fill:#a1b9ca;stroke:white;stroke-width:1.8}.wf-port.is-related{fill:#49abda;stroke:#e6f4fc}
@keyframes wf-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
#ablauf-simulation.motion-paused .wf-link-glow{animation-play-state:paused}
.wf-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:13px 0 0;color:#758c9e;font-size:9px;line-height:1.5}.wf-hint .ic{width:11px;height:11px;color:#8ba6b8}
.wf-inspector{display:flex;align-items:center;gap:13px;min-height:80px;padding:16px 23px;background:#f7fbfe;border-top:1px solid #e4eef5}.wf-inspector-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;background:white;border:1px solid #cce2ee;border-radius:9px;color:#2189b6}.wf-inspector-icon .ic{width:17px;height:17px}.wf-inspector b{display:block;font-size:11px;line-height:1.45;color:#24465e;font-weight:600}.wf-inspector p{margin-top:4px;max-width:760px;font-size:10px;color:#637d90;line-height:1.6}.wf-inspector-number{margin-left:auto;font-size:9px;letter-spacing:-.02em;color:#7d95a8;padding-left:15px}
#ablauf-simulation .sim-result{margin:0;padding:18px 23px;border-top:1px solid #e7eef4;display:flex;gap:26px;align-items:center;justify-content:space-between;background:white}.sim-result>div{max-width:700px}#ablauf-simulation .sim-result b{color:#375b73;font-size:9px}#ablauf-simulation .sim-result p{color:#668094;font-size:10px;line-height:1.65;margin-top:5px}#ablauf-simulation .saving-pill{white-space:nowrap;flex-shrink:0;padding:8px 10px;color:#137eac;background:#f0f9fe;border:1px solid #c8e7f6;border-radius:7px;font-size:9px}
#ablauf-simulation .motion-control{display:flex}
@media(max-width:1000px){.wf-canvas{padding:20px 22px 14px}#ablauf-simulation .wf-board{gap:32px}.wf-topbar{padding:13px 21px}.wf-inspector-number{display:none}#ablauf-simulation .sim-result{gap:22px}}
@media(max-width:680px){#ablauf-simulation .wf-panel{border-radius:15px}.wf-topbar{padding:13px 14px;min-height:51px;gap:10px}.wf-canvas-brand{gap:7px;font-size:8px}.wf-canvas-brand b{font-size:14px}.wf-canvas-brand>.ic{width:15px}.wf-preview-status{font-size:7px;gap:5px}.wf-canvas{padding:13px 13px 12px;background-size:auto,18px 18px}#ablauf-simulation .flow-labels{display:none}#ablauf-simulation .wf-board{grid-template-columns:1fr;gap:36px;min-height:0;padding:12px 0 7px}#ablauf-simulation .flow-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}#ablauf-simulation .flow-card{max-width:none}#ablauf-simulation .wf-node{width:59px;height:52px;border-radius:12px;margin-bottom:11px}#ablauf-simulation .wf-node>.ic{width:23px;height:23px}#ablauf-simulation .flow-title{font-size:9px;line-height:1.4;min-height:32px;max-width:110px}#ablauf-simulation .wf-node-hub{width:96px;height:81px;margin-bottom:17px;border-radius:16px}.wf-node-hub img{width:73px;height:63px}#ablauf-simulation .wf-hub{max-width:230px}#ablauf-simulation .wf-hub h3{font-size:13px;max-width:230px}.wf-hub-tag{font-size:6px}#ablauf-simulation .wf-hub .hub-status{font-size:8px;margin-top:6px}.wf-hub-spark{width:24px;height:24px;border-radius:7px}.wf-hint{font-size:8px;gap:5px;margin-top:18px;text-align:center}.wf-hint .ic{width:10px;flex-shrink:0}.wf-inspector{padding:14px;gap:10px;align-items:flex-start;min-height:85px}.wf-inspector-icon{width:27px;height:27px;border-radius:7px;flex-shrink:0}.wf-inspector-icon .ic{width:14px;height:14px}.wf-inspector b{font-size:10px}.wf-inspector p{font-size:9px;margin-top:4px}#ablauf-simulation .sim-result{display:block;padding:16px 15px}#ablauf-simulation .sim-result p{font-size:9px}#ablauf-simulation .saving-pill{display:inline-flex;margin-top:12px;font-size:8px;padding:6px 9px}.sim-foot{flex-wrap:wrap}.sim-foot p{flex:1 1 100%}#ablauf-simulation .motion-control{min-height:35px;font-size:10px}}
@media(max-width:360px){.wf-canvas-brand>span:last-child{max-width:75px;line-height:1.4}.wf-canvas{padding-left:10px;padding-right:10px}#ablauf-simulation .wf-node{width:54px;height:49px}#ablauf-simulation .wf-node-hub{width:92px;height:79px}#ablauf-simulation .flow-title{font-size:9px}.wf-preview-status{font-size:7px}}
@media(prefers-reduced-motion:reduce){.wf-link-glow{animation:none;stroke-dasharray:none;opacity:.35}#ablauf-simulation .wf-node{transition:none}}