/* CLEAN0049 CONTROLFINAL · Prozessanzeige + DFG. Bestehende Farb-/Typografiebasis bleibt unverändert. */
.process-tray{display:grid;gap:8px;margin:0 0 16px}.process-tray-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.process-tray-head small{color:var(--muted)}.process-mini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.process-mini.bad{border-color:#e8b8b4}.process-mini-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.process-mini-title>div{display:grid;gap:2px;min-width:0}.process-mini-title small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.wf19-process-rail{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:5px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.wf19-process-rail::-webkit-scrollbar{display:none}.process-step{min-width:90px;display:grid;justify-items:center;gap:3px;text-align:center;padding:8px 4px;border-radius:10px;background:#f1f4f6;color:#8a969f}.process-step span{font-size:19px}.process-step small{font-size:10px}.process-step.done{background:#eef4f7;color:var(--blue)}.process-step.current{outline:2px solid #9db4c4}.process-step.current.failed{background:var(--red2);color:var(--red);outline-color:#df9b95}
.dfg-layout{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);gap:14px;align-items:start}.dfg-process-list{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;box-shadow:var(--shadow);max-height:74vh;overflow:auto;position:sticky;top:126px}.dfg-list-head{display:grid;gap:2px;padding:8px 9px 11px}.dfg-list-head small{color:var(--muted)}.dfg-process{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;background:transparent;border:1px solid transparent;border-radius:13px;padding:10px}.dfg-process+ .dfg-process{border-top-color:#edf1f4}.dfg-process>span{font-size:22px}.dfg-process>div{display:grid;gap:2px;min-width:0}.dfg-process b,.dfg-process small,.dfg-process code{overflow-wrap:anywhere}.dfg-process small{color:var(--muted);font-weight:400}.dfg-process code{font-size:9px;color:#86939c}.dfg-process em{font-style:normal;font-size:10px;color:var(--red);max-width:100px;overflow-wrap:anywhere}.dfg-process.active{background:#eef4f7;border-color:#c7d8e3;color:var(--blue)}.dfg-detail-host{min-width:0;padding:0}.dfg-detail{display:grid;gap:12px}.dfg-business,.dfg-tech,.dfg-facts{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.dfg-section-title{display:flex;gap:10px;align-items:flex-start}.dfg-section-title>span{font-size:28px}.dfg-section-title h3,.dfg-section-title p{margin:0}.dfg-section-title p{color:var(--muted);margin-top:3px}.dfg-business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin:14px 0}.dfg-business-grid>div{display:grid;gap:3px;background:#f6f8fa;border-radius:10px;padding:10px}.dfg-business-grid small{color:var(--muted);font-size:10px;text-transform:uppercase}.dfg-explain{background:#f7fafb;border-left:4px solid var(--blue);border-radius:10px;padding:10px 12px;margin:10px 0}.dfg-explain p{margin:5px 0}.dfg-tech-chain{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:6px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.dfg-tech-chain::-webkit-scrollbar{display:none}.dfg-tech-step{min-width:110px;display:grid;grid-template-rows:auto auto 1fr;gap:4px;align-content:start;padding:10px;border-radius:12px;background:#f1f4f6;color:#85919a}.dfg-tech-step>span{font-size:24px}.dfg-tech-step b{font-size:12px}.dfg-tech-step small{font-size:10px;line-height:1.3}.dfg-tech-step.done{background:#eef4f7;color:var(--blue)}.dfg-tech-step.current{outline:2px solid #9db4c4}.dfg-tech-step.failed{background:var(--red2);color:var(--red);outline-color:#df9b95}.dfg-facts h3{margin-top:18px}.dfg-facts>h3:first-child{margin-top:0}.dfg-actions{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));background:#fff;padding:10px 0 0;z-index:4}
@media(max-width:760px){.process-tray-head{display:grid}.process-mini{padding:10px}.wf19-process-rail{grid-template-columns:repeat(6,92px);padding-bottom:3px}.dfg-layout{grid-template-columns:1fr}.dfg-process-list{position:static;max-height:36vh}.dfg-detail-host{padding:0}.dfg-tech-chain{grid-template-columns:repeat(6,116px)}.dfg-actions{display:grid;grid-template-columns:1fr 1fr}.dfg-actions button{width:100%;min-height:48px}.dfg-process{min-height:58px}.dfg-business,.dfg-tech,.dfg-facts{padding:13px}.dfg-business-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.dfg-business-grid{grid-template-columns:1fr}.dfg-actions{grid-template-columns:1fr}.process-mini-title{display:grid}.process-mini-title .badge{justify-self:start}}