.ops-dialog{width:min(720px,calc(100% - 32px));max-height:88svh;padding:0;border:1px solid #c1d0dc;background:#fbfcfd;color:var(--ink);border-radius:10px;box-shadow:0 20px 80px #0d274c38;overflow:auto}.ops-dialog::backdrop{background:#132b44aa;backdrop-filter:blur(5px)}.ops-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:start;justify-content:space-between;gap:20px;background:#fbfcfd;border-bottom:1px solid #d7e1e9;padding:24px 27px}.ops-dialog header span{font-size:.75rem;color:var(--muted)}.ops-dialog h2{font:500 1.4rem/1.4 Jakarta,Arial,sans-serif;letter-spacing:-.025em;margin-top:6px}.ops-dialog header>button{background:none;border:1px solid #cbd8e2;border-radius:50%;color:var(--ink);font:400 1.5rem/1 Chivo,Arial,sans-serif;width:34px;height:34px;flex:none}.ops-dialog-body{padding:24px 27px}.ops-dialog-body p{font-size:.9375rem;line-height:1.7;color:var(--muted)}.ops-dialog-body h3{font-size:1.125rem;font-weight:500;margin:0 0 14px}.ops-dialog-body h4{font-weight:500;font-size:.9375rem;margin:23px 0 10px}.ops-dialog dl{font-size:.875rem;line-height:1.6;margin:20px 0}.ops-dialog dl>div{display:grid;grid-template-columns:40% minmax(0,1fr);gap:18px;padding:11px 0;border-bottom:1px solid #e0e7ec}.ops-dialog dt{color:var(--muted)}.ops-dialog dd{margin:0;overflow-wrap:anywhere}.ops-source-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.ops-source-chips button{border:1px solid #bfcfde;background:white;border-radius:4px;padding:8px 11px;color:#345d81;font-size:.8125rem}.ops-step-list{list-style:none;padding:0;margin:20px 0}.ops-step-list li{border-top:1px solid #dce5ec;padding:15px 0}.ops-step-list li>span{font-size:.75rem;color:#6d8798}.ops-step-list h3{font-size:1rem;margin:5px 0}.ops-step-list p{font-size:.875rem}.ops-audit-entry{padding:17px 0;border-bottom:1px solid #dce5ec}.ops-audit-entry>span{font:.75rem ChivoMono,monospace;color:#648099}.ops-audit-entry h3{font-size:1rem;margin:9px 0 6px}.ops-audit-entry p{font-size:.875rem}.ops-audit-entry .ops-source-chips{margin-top:12px}
.ops-fields{display:grid;gap:20px;margin:25px 0}.ops-fields label{font-size:.875rem;display:grid;grid-template-columns:1fr 150px;align-items:center;gap:20px}.ops-fields input{width:100%;font-size:1rem;background:white;color:var(--ink);border:1px solid #b5c7d6;border-radius:4px;padding:11px 13px}.ops-form-note{font-size:.8125rem!important;margin-bottom:20px}.ops-edit{width:min(570px,calc(100% - 32px))}body:has(.ops-dialog[open]){overflow:hidden}

/* One order, one compact directed process. */
.process-section{padding:28px 0 28px;scroll-margin-top:20px}
.process-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.process-intro h2{font:500 clamp(1.7rem,2.5vw,2.5rem)/1.2 Jakarta,Arial,sans-serif;letter-spacing:-.045em}
.process-intro>p{font:.9375rem/1.5 Chivo,Arial,sans-serif;color:var(--muted)}
.process-landscape{padding:20px 20px 28px;background:transparent}
.ops-app{--ops-edge:#dfe5e9;--ops-muted:#617386;border:1px solid #fff9;border-radius:8px;background:#fbfcfd;color:var(--ink);box-shadow:0 15px 35px #0d274c24;overflow:hidden}
.ops-app button{font:400 .8125rem/1.35 Chivo,Arial,sans-serif;color:inherit;border:0;background:none;cursor:pointer}
.ops-app button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.ops-app button:disabled{cursor:default;opacity:.45}
.ops-header{min-height:64px;display:flex;align-items:center;gap:15px;padding:12px 21px;background:#fff;border-bottom:1px solid var(--ops-edge)}
.ops-identity{display:flex;align-items:center;gap:11px;flex:1;min-width:0}
.ops-identity svg{width:27px;height:25px;stroke:var(--blue);stroke-width:2;fill:none;flex:none}
.ops-identity>span{font-size:.9375rem;line-height:1.4}
.ops-identity small{display:block;color:var(--ops-muted);font-size:.75rem;margin-top:2px}
.ops-modes{display:flex;border:1px solid var(--ops-edge);background:#f2f5f7;padding:3px;border-radius:5px}
.ops-modes button{padding:7px 10px;border-radius:3px}
.ops-modes button[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 1px 3px #0d274c15}
.ops-app .ops-play{padding:9px 10px;border:1px solid var(--ops-edge);border-radius:4px;min-width:80px}
.ops-brief{padding:12px 21px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.ops-brief p{font-size:.8125rem;color:#4c647b;line-height:1.5}
.ops-state{font-size:.75rem;color:#526e85;line-height:1.4;padding:3px 7px;background:#edf2f7;border-radius:3px}
.ops-state[data-phase=waiting]{background:#fcf0d9;color:#8a622b}.ops-state[data-phase=complete]{background:#e7f2ea;color:#376951}
.ops-map{position:relative;padding:20px 21px 22px}
.ops-map-nodes{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr .92fr 1.06fr 1.08fr;grid-template-rows:90px 90px;gap:18px 28px;align-items:center;z-index:1}
#ops-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.ops-link{fill:none;stroke:#c8d4de;stroke-width:1.5;stroke-linejoin:round}
.ops-link[data-status=done]{stroke:#87aa9b}.ops-link[data-status=active]{stroke:var(--blue);stroke-width:2;stroke-dasharray:5 5;animation:ops-stream 1.2s linear infinite}
@keyframes ops-stream{to{stroke-dashoffset:-20}}
.ops-app .ops-node{position:relative;min-width:0;border:1px solid #c9d5df;border-radius:5px;text-align:left;padding:13px 11px 11px;background:#fff;display:flex;flex-direction:column;gap:5px;min-height:138px;transition:background .25s,border-color .25s;grid-row:1/3;align-self:center}
.ops-node[data-node=order]{grid-column:1;grid-row:1;min-height:90px;padding-block:9px}
.ops-node[data-node=stock]{grid-column:1;grid-row:2;min-height:90px;padding-block:9px}
.ops-node[data-node=buy]{grid-column:2}.ops-node[data-node=plan]{grid-column:3}.ops-node[data-node=human]{grid-column:4;background:#fcf8ef;border-color:#d9c7a7}.ops-node[data-node=ops]{grid-column:5}.ops-node[data-node=bill]{grid-column:6}
.ops-node-role{font-size:.75rem;color:#6c8398;line-height:1.1}.ops-node[data-node=human] .ops-node-role{color:#9a713a}
.ops-node strong{font:500 .9375rem/1.3 Jakarta,Arial,sans-serif;letter-spacing:-.025em}
.ops-node-job{font-size:.75rem;line-height:1.4;color:#63798c;min-height:2.8em}
.ops-node-result{font-size:.75rem;line-height:1.4;color:#516a80;padding-top:7px;border-top:1px solid #e2e8ee;margin-top:auto}
.ops-node[data-node=order] .ops-node-role,.ops-node[data-node=stock] .ops-node-role{position:absolute;right:10px;top:12px;font-size:.75rem}
.ops-node[data-node=order] .ops-node-job,.ops-node[data-node=stock] .ops-node-job{display:none}
.ops-node[data-node=order] strong,.ops-node[data-node=stock] strong{padding-right:36px}
.ops-node-state{position:absolute;top:-8px;right:-7px;width:17px;height:17px;display:none;border-radius:50%;background:#376951;color:white;font-size:.75rem;text-align:center;line-height:17px}
.ops-node[data-status=done] .ops-node-state,.ops-node[data-status=waiting] .ops-node-state,.ops-node[data-status=stopped] .ops-node-state{display:block}
.ops-node[data-status=done]{border-color:#a9c4b6;background:#f7faf8}.ops-node[data-status=done] .ops-node-result{color:#376951}
.ops-node[data-status=active]{border-color:var(--blue);box-shadow:0 0 0 2px #1d4ed812;background:#eef4ff}.ops-node[data-status=active] .ops-node-result{color:var(--blue)}
.ops-node[data-status=waiting]{border-color:#b88b46;background:#fff7e8}.ops-node[data-status=waiting] .ops-node-state{background:#a67228}.ops-node[data-status=stopped] .ops-node-state{background:#9a4b59}
.ops-node:hover{border-color:#648eb4}
.ops-now{display:flex;align-items:center;gap:15px;padding:15px 21px;border-block:1px solid #dce4eb;background:#eef3f9;min-height:103px}
.ops-now-count{font:.75rem/1.3 ChivoMono,monospace;color:#5e7a91;align-self:flex-start;margin-top:3px;white-space:nowrap}
.ops-now-copy{flex:1;min-width:0}.ops-now-copy>span{font-size:.75rem;color:#627c93;display:block;margin-bottom:4px}
.ops-now-copy h3{font:500 1.0625rem/1.35 Jakarta,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 5px}
.ops-now-copy p{font-size:.8125rem;line-height:1.5;color:#5b7186;max-width:80ch}
.ops-app #ops-inspect{font-size:.8125rem;padding:10px 12px;border:1px solid #bfd0e0;border-radius:4px;flex:none;background:#fff}
.ops-app #ops-inspect[data-waiting=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.ops-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 21px;background:#fff;min-height:42px}
.ops-footer p{font-size:.75rem;color:#62798d;line-height:1.4}.ops-footer>div{display:flex;gap:18px;align-items:center}.ops-footer button{font-size:.75rem;color:#426682}
.process-caption{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;line-height:1.5;color:#627789;margin-top:10px}
.ops-app[data-playing=false] *{animation-play-state:paused!important}.ops-app[data-phase=waiting] .ops-link{animation-play-state:paused!important}
.ops-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Decisions stay one click away, without expanding the overview. */
.ops-control{width:min(570px,calc(100% - 32px))}
.ops-action{padding:24px 27px;display:flex;flex-direction:column;gap:14px}
.ops-action-label{font-size:.8125rem;color:var(--muted)}
.ops-action h4{font:500 1.25rem/1.4 Jakarta,Arial,sans-serif;letter-spacing:-.03em}
.ops-action>p{font-size:.9375rem;line-height:1.6;color:var(--muted)}
.ops-action dl{margin:0;font-size:.9375rem}.ops-action dl>div{display:flex;justify-content:space-between;gap:16px}
.ops-action dt{color:var(--muted)}.ops-action dd{margin:0}
.ops-actions{display:flex;flex-wrap:wrap;gap:10px}.ops-secondary{border:1px solid #bfcddd;background:white;color:var(--ink);border-radius:4px;padding:10px 15px;font-size:.875rem}
.ops-action label{display:grid;gap:8px;font-size:.875rem}.ops-action input{font:1rem Chivo,Arial,sans-serif;border:1px solid #b5c7d6;border-radius:4px;background:white;color:var(--ink);padding:10px 12px;width:100%}
.ops-error{color:#9e364b!important;font-size:.875rem!important;line-height:1.5}.ops-demo-hint{font-size:.8125rem!important;border-top:1px solid #d7e1e9;padding-top:12px}
.ops-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ops-report{white-space:pre-wrap;overflow-wrap:anywhere;font:.8125rem/1.7 ChivoMono,monospace;color:#345169;border-top:1px solid #d7e1e9;padding-top:22px;margin-top:24px}
@media(max-width:1100px){.ops-map-nodes{gap:16px 19px}.ops-app .ops-node{padding-inline:9px}.ops-node strong{font-size:.875rem}.process-intro{display:block}.process-intro>p{margin-top:8px}}
@media(max-width:900px){
 .process-section{padding:25px 0 35px}.process-intro{margin-bottom:16px}.process-intro h2{font-size:1.6rem}.process-intro>p{font-size:.875rem}
 .process-landscape{width:calc(100% - 24px);padding:10px 10px 15px}.ops-header{padding:10px 13px;gap:8px;flex-wrap:wrap}.ops-identity{flex-basis:100%}.ops-identity>span{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.ops-identity small{margin:0}.ops-modes{flex:1}.ops-modes button{flex:1;font-size:.75rem;padding:6px 8px}.ops-app .ops-play{font-size:.75rem;min-width:70px;padding:8px}
 .ops-brief{padding:10px 13px 0;gap:8px;align-items:start}.ops-brief p{font-size:.75rem}.ops-state{font-size:.75rem;white-space:nowrap}
 .ops-map{padding:13px 13px 14px}.ops-map-nodes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,70px);gap:16px 26px}
 .ops-app .ops-node{height:70px;min-height:70px;grid-row:auto;grid-column:auto;gap:4px;padding:8px 9px}
 .ops-node[data-node=order]{grid-area:1/1}.ops-node[data-node=stock]{grid-area:1/2}.ops-node[data-node=buy]{grid-area:2/1}.ops-node[data-node=plan]{grid-area:2/2}.ops-node[data-node=human]{grid-area:3/2}.ops-node[data-node=ops]{grid-area:3/1}.ops-node[data-node=bill]{grid-area:4/1/5/3}
 .ops-node-role,.ops-node-job{display:none}.ops-node[data-node=order] .ops-node-role,.ops-node[data-node=stock] .ops-node-role{display:none}.ops-node[data-node=order] strong,.ops-node[data-node=stock] strong{padding-right:0}.ops-node strong{font-size:.875rem}.ops-node-result{padding-top:4px;font-size:.75rem}.ops-node[data-node=bill]{flex-direction:row;align-items:center;justify-content:space-between}.ops-node[data-node=bill] .ops-node-result{border:0;margin:0;padding:0}.ops-node[data-node=human] strong:after{content:' · Mensch';font:400 .75rem Chivo,Arial,sans-serif;color:#8b6939}
 .ops-now{padding:11px 13px;gap:8px;min-height:110px;flex-wrap:wrap}.ops-now-count{display:none}.ops-now-copy{flex-basis:100%}.ops-now-copy>span{font-size:.75rem;margin-bottom:3px}.ops-now-copy h3{font-size:.9375rem;margin-bottom:4px}.ops-now-copy p{display:none}.ops-app #ops-inspect{font-size:.75rem;padding:7px 9px}
 .ops-footer{padding:10px 13px;gap:8px;flex-wrap:wrap}.ops-footer>div{gap:16px}.ops-footer p{flex-basis:100%;font-size:.75rem}.ops-footer button{font-size:.75rem}.process-caption{font-size:.75rem;display:block;margin-top:8px}.process-caption>span{display:block}
}
@media(max-width:380px){.ops-brief{flex-wrap:wrap}.ops-map-nodes{gap:14px 20px}.ops-footer>div{gap:12px}.ops-node strong{font-size:.8125rem}.ops-node-result{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.ops-app *{animation:none!important;transition:none!important}}
.ops-node[data-node=order] .ops-node-job,.ops-node[data-node=stock] .ops-node-job{display:block;min-height:0;font-size:.75rem}
.ops-node[data-node=order],.ops-node[data-node=stock]{gap:3px}
.ops-node[data-node=order] .ops-node-result,.ops-node[data-node=stock] .ops-node-result{padding-top:4px}
.ops-dialog .ops-primary{border:1px solid var(--ink);border-radius:4px;color:white;background:var(--ink);padding:11px 15px;font:.875rem/1.4 Chivo,Arial,sans-serif;cursor:pointer}
.ops-dialog .ops-primary:hover{background:#204773}
@media(max-width:900px){.ops-node[data-node=order] .ops-node-job,.ops-node[data-node=stock] .ops-node-job{display:none}}
@media(max-width:520px){.ops-dialog>header,.ops-dialog-body,.ops-action{padding:18px}.ops-dialog dl>div{grid-template-columns:1fr;gap:4px}.ops-fields label{grid-template-columns:1fr;gap:8px}.ops-action dl>div{flex-wrap:wrap}.ops-dialog h2{overflow-wrap:anywhere}}
/* Text zoom may grow the page; it must never clip the process. */
.ops-map-nodes{grid-template-rows:repeat(2,minmax(5.625rem,auto))}
.ops-app .ops-node{overflow-wrap:anywhere}
.ops-header,.ops-modes{flex-wrap:wrap}.ops-identity>span{min-width:0}
.ops-now-copy h3,.ops-now-copy p,.process-intro h2{overflow-wrap:anywhere}
@media(max-width:900px){.ops-map-nodes{grid-template-rows:repeat(4,minmax(4.375rem,auto))}.ops-app .ops-node{height:auto;min-height:4.375rem}.ops-node[data-node=bill]{flex-wrap:wrap}.ops-header .ops-identity{flex-basis:100%}.ops-modes button{min-width:0}.ops-brief{flex-wrap:wrap}.ops-now{min-height:0}}
@media(min-width:901px){.ops-map:before{content:'Parallel prüfen';position:absolute;top:2px;left:21px;color:#6b8194;font-size:.75rem;line-height:1.2}}
.ops-app{container-type:inline-size}
.ops-app #ops-inspect{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.ops-footer>div{flex-wrap:wrap;max-width:100%}
@container(max-width:15rem){
 .ops-map{padding-left:26px}.ops-map-nodes{grid-template-columns:1fr;grid-template-rows:none}
 .ops-map-nodes .ops-node{grid-area:auto;height:auto;min-height:4.375rem}
 .ops-node[data-node=bill]{flex-direction:column;align-items:start}
}