/* Ilhas React da área Agentes. Escopo fechado: não altera o restante do ERP. */
.react-org,.workflow-studio{--ink:#171c1c;--muted:#697270;--paper:#fffdf8;--line:#d9d4c8;--gold:#b58a20;color:var(--ink);font-family:"IBM Plex Sans",sans-serif}
.agent-os .agent-internal-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none}.agent-os .agent-internal-switch button{min-width:0}
.react-org{overflow:hidden;border:1px solid #d8d3c8;border-radius:18px;background:#f8f6ef;box-shadow:0 22px 60px rgba(38,45,42,.08)}
.react-org-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 28px 18px;background:linear-gradient(110deg,#fffdf8 0%,#f6f3e9 62%,#eef8f4 100%);border-bottom:1px solid #dbd6ca}
.react-org-head>div:first-child{max-width:780px}.react-org-head span,.workflow-studio .kicker{color:#8f6b14;font:700 10px/1 "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase}
.react-org-head h2{margin:8px 0 5px;font:700 clamp(28px,3vw,46px)/.98 "Syne",sans-serif;letter-spacing:-.055em}.react-org-head p{margin:0;color:#64706c;font-size:12px;line-height:1.55}
.react-org-controls{display:flex;gap:4px;padding:4px;border:1px solid #d5d0c4;background:rgba(255,255,255,.82);box-shadow:0 8px 30px rgba(32,43,40,.07)}
.react-org-controls button{min-height:34px;padding:0 11px;border:0;background:transparent;color:#39403e;font:700 9px "IBM Plex Mono",monospace;letter-spacing:.04em;cursor:pointer}.react-org-controls button:hover,.react-org-controls button:focus-visible,.react-org-controls button.active{outline:0;background:#171c1c;color:#f7e7ad}
.react-org-legend{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:18px;padding:9px 28px;border-bottom:1px solid #dfdbd0;background:#fff;color:#6e7572;font:600 9px "IBM Plex Mono",monospace;text-transform:uppercase}.react-org-legend span{display:flex;align-items:center;gap:6px}.react-org-legend i{width:7px;height:7px;border-radius:50%}.react-org-legend .live{background:#18a581;box-shadow:0 0 0 4px rgba(24,165,129,.12)}.react-org-legend .link{border:1px solid #ae8725}.react-org-legend .human{background:#171c1c}.react-org-legend b{justify-self:end;color:#282e2c;font-weight:700}
.react-org-viewport{height:820px;overflow:hidden;touch-action:none;cursor:grab;outline:0;background-color:#f8f6ef;background-image:radial-gradient(circle at 1px 1px,rgba(89,102,97,.13) 1px,transparent 0);background-size:24px 24px}.react-org-viewport:active{cursor:grabbing}.react-org-viewport:focus-visible{box-shadow:inset 0 0 0 3px rgba(181,138,32,.4)}
.react-org-world{position:relative;width:1800px;height:1220px;transform-origin:0 0;will-change:transform}.react-org-aurora{position:absolute;inset:0;background:radial-gradient(circle at 50% 11%,rgba(214,176,72,.16),transparent 22%),radial-gradient(circle at 38% 44%,rgba(41,151,133,.08),transparent 25%),radial-gradient(circle at 72% 50%,rgba(52,116,155,.07),transparent 28%);pointer-events:none}
.react-org-edges{position:absolute;inset:0;width:1800px;height:1220px;overflow:visible;pointer-events:none}.react-org-edge path{fill:none;stroke:var(--edge-color);stroke-width:2.2;opacity:.72;filter:url(#orgGlow);transition:opacity .2s}.react-org-edge.branch path{stroke-width:1.7;opacity:.6}.react-org-edge.micro path{stroke-dasharray:4 5;opacity:.55}.react-org-edge circle{fill:var(--edge-color);filter:url(#orgGlow)}.react-org-edge.dim{opacity:.08}
.react-org-root,.react-org-sector,.react-org-agent,.react-org-subagent{position:absolute;transform:translate(-50%,-50%);transition:opacity .2s,filter .2s,transform .2s}.react-org-root{z-index:5;display:flex;flex-direction:column;align-items:center;width:210px;border:0;background:transparent;color:#171c1c;cursor:pointer}.react-org-root:hover{transform:translate(-50%,-50%) scale(1.035)}.react-org-root-rings{position:absolute;top:-22px;width:158px;height:158px;border:1px solid rgba(181,138,32,.36);border-radius:50%;animation:orgRing 4s ease-in-out infinite}.react-org-root-rings::before,.react-org-root-rings::after{position:absolute;inset:13px;border:1px dashed rgba(34,47,44,.23);border-radius:50%;content:""}.react-org-root-rings::after{inset:-12px;border-style:solid;border-color:rgba(31,124,112,.12)}
.react-agent-avatar{position:relative;display:grid;place-items:center;width:82px;height:82px;border:6px solid #fff;border-radius:50%;overflow:hidden;background:#e3d6ad;color:#43330b;box-shadow:0 0 0 1px var(--sector-color,#b58a20),0 14px 35px rgba(37,44,41,.16)}.react-agent-avatar.root{width:116px;height:116px;background:linear-gradient(150deg,#f4dda1,#ad7d11);font-size:25px}.react-agent-avatar.sub{width:48px;height:48px;border-width:4px;font-size:10px}.react-agent-avatar img{width:100%;height:100%;object-fit:cover}.react-agent-avatar>b{font:700 15px "IBM Plex Mono",monospace}.react-agent-avatar>i{position:absolute;inset:auto 8px 6px;height:2px;background:rgba(255,255,255,.7)}
.react-org-root>strong{margin-top:12px;font:700 25px "Syne",sans-serif;letter-spacing:.09em}.react-org-root>small{margin-top:2px;color:#7a681e;font:700 8px "IBM Plex Mono",monospace;letter-spacing:.17em}.react-org-root>em{margin-top:8px;padding:5px 9px;background:#1b2220;color:#f0d886;font:normal 700 8px "IBM Plex Mono",monospace;text-transform:uppercase}
.react-org-sector{z-index:4;display:grid;place-items:center;width:122px;height:122px;padding:16px;border:1px solid color-mix(in srgb,var(--sector-color) 52%,#fff);border-radius:50%;background:rgba(255,253,248,.94);box-shadow:0 0 0 12px color-mix(in srgb,var(--sector-color) 7%,transparent),0 14px 35px rgba(43,48,45,.08);color:#242a28;text-align:center;cursor:pointer}.react-org-sector::before{position:absolute;inset:7px;border:1px dashed color-mix(in srgb,var(--sector-color) 40%,transparent);border-radius:50%;content:""}.react-org-sector:hover,.react-org-sector[aria-pressed="true"]{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 0 16px color-mix(in srgb,var(--sector-color) 10%,transparent),0 18px 42px rgba(43,48,45,.12)}.react-org-sector>span{color:var(--sector-color);font:700 10px "IBM Plex Mono",monospace}.react-org-sector>strong{position:relative;max-width:94px;font:700 12px/1.15 "Syne",sans-serif}.react-org-sector>small{color:#7b817e;font-size:8px}.react-org-sector.dim,.react-org-agent.dim{opacity:.13;filter:grayscale(1)}
.react-org-agent{z-index:5;display:flex;flex-direction:column;align-items:center;width:158px;min-height:180px}.react-org-agent-person{display:flex;flex-direction:column;align-items:center;width:100%;border:0;background:transparent;color:#202624;cursor:pointer}.react-org-agent-person:hover .react-agent-avatar,.react-org-agent-person:focus-visible .react-agent-avatar{transform:translateY(-4px);box-shadow:0 0 0 2px var(--sector-color),0 22px 44px rgba(37,44,41,.2)}.react-org-agent-person:focus-visible{outline:2px solid var(--sector-color);outline-offset:5px}.react-org-agent-person>strong{max-width:148px;margin-top:9px;font:700 12px/1.15 "Syne",sans-serif}.react-org-agent-person>small{display:-webkit-box;max-width:150px;margin-top:4px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#737c78;font-size:8px;line-height:1.35}.react-org-presence{position:absolute;top:65px;right:35px;width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#9aa29f}.react-org-presence.ok{background:#18a581;box-shadow:0 0 12px rgba(24,165,129,.6)}.react-org-presence.danger{background:#d35b57}
.react-org-agent-count{display:flex;align-items:center;gap:5px;margin-top:7px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--sector-color) 35%,#d7d2c7);background:#fffdf8;color:var(--sector-color);font:700 11px "IBM Plex Mono",monospace;cursor:pointer}.react-org-agent-count span{color:#737976;font-size:7px;text-transform:uppercase}.react-org-agent-count:hover,.react-org-agent-count:focus-visible{outline:0;background:var(--sector-color);color:#fff}.react-org-agent-count:hover span,.react-org-agent-count:focus-visible span{color:#fff}.react-org-agent.expanded{z-index:7;transform:translate(-50%,-50%) scale(1.05)}
.react-org-subagent{z-index:6;display:flex;flex-direction:column;align-items:center;width:100px;border:0;background:transparent;color:#2b312f;cursor:pointer;animation:orgMicroIn .28s ease both}.react-org-subagent:hover{transform:translate(-50%,-50%) scale(1.06)}.react-org-subagent>strong{max-width:96px;margin-top:5px;font:700 8px/1.15 "IBM Plex Sans",sans-serif}.react-org-subagent>small{margin-top:2px;color:#7a817e;font:600 7px "IBM Plex Mono",monospace}
.react-org-foot{display:flex;justify-content:space-between;gap:16px;padding:10px 18px;border-top:1px solid #ded9cd;background:#fff;color:#777e7b;font:600 8px "IBM Plex Mono",monospace;text-transform:uppercase}.react-org-foot b{color:#38423f}
@keyframes orgRing{50%{transform:scale(1.035);opacity:.65}}@keyframes orgMicroIn{from{opacity:0;transform:translate(-50%,-42%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* Studio de workflows */
.workflow-studio{display:grid;gap:12px}.workflow-studio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #d8d3c8;background:linear-gradient(105deg,#fffdf8,#f4f1e8 65%,#edf7f3)}.workflow-studio-head h2{margin:6px 0 3px;font:700 clamp(26px,2.7vw,40px)/1 "Syne",sans-serif;letter-spacing:-.05em}.workflow-studio-head p{max-width:760px;margin:0;color:#65706c;font-size:11px}.workflow-studio-head-actions{display:flex;gap:6px}.workflow-studio button{font-family:"IBM Plex Sans",sans-serif}.workflow-action{min-height:36px;padding:0 13px;border:1px solid #cbc5b8;background:#fff;color:#29302e;font-size:10px;font-weight:750;cursor:pointer}.workflow-action.primary{border-color:#1c2926;background:#1c2926;color:#f6dfa0}.workflow-action:hover,.workflow-action:focus-visible{outline:2px solid rgba(181,138,32,.35);outline-offset:2px}.workflow-action:disabled{cursor:not-allowed;opacity:.45}
.workflow-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workflow-index article{position:relative;min-height:150px;padding:18px;border:1px solid #dad5ca;background:#fffdf8;overflow:hidden}.workflow-index article::after{position:absolute;right:-32px;bottom:-38px;width:100px;height:100px;border:1px solid rgba(181,138,32,.18);border-radius:50%;content:""}.workflow-index h3{margin:18px 0 5px;font:700 18px "Syne",sans-serif}.workflow-index p{margin:0;color:#707875;font-size:10px;line-height:1.45}.workflow-index footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.workflow-state{padding:4px 7px;background:#eeeae1;color:#626864;font:700 7px "IBM Plex Mono",monospace;text-transform:uppercase}.workflow-state.validated{background:#daf2e9;color:#116d58}.workflow-state.blocked{background:#f8dedb;color:#a23d38}
.workflow-builder{display:grid;grid-template-columns:220px minmax(520px,1fr) 300px;min-height:680px;border:1px solid #d8d3c8;background:#eceae4}.workflow-palette,.workflow-inspector{background:#fffdf9}.workflow-palette{border-right:1px solid #d8d3c8}.workflow-inspector{border-left:1px solid #d8d3c8}.workflow-panel-head{padding:15px;border-bottom:1px solid #e1ddd3}.workflow-panel-head strong{display:block;font:700 14px "Syne",sans-serif}.workflow-panel-head small{color:#7b817f;font-size:8px}.workflow-palette-list{display:grid;gap:4px;padding:10px}.workflow-palette-list button{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid transparent;background:transparent;color:#29302e;text-align:left;cursor:pointer}.workflow-palette-list button:hover{border-color:#d5caa9;background:#faf5e5}.workflow-palette-list i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c7b87f;border-radius:50%;color:#8c6811;font:normal 700 9px "IBM Plex Mono",monospace}.workflow-palette-list strong{font-size:10px}.workflow-palette-list small{grid-column:2;color:#7b827f;font-size:7px;line-height:1.35}.workflow-guard{margin:12px;padding:11px;border-left:3px solid #1b8572;background:#eaf6f2;color:#3f4b47;font-size:8px;line-height:1.5}
.workflow-canvas-shell{position:relative;min-width:0;overflow:hidden;background:#f6f4ee}.workflow-canvas-toolbar{position:absolute;z-index:8;top:10px;left:10px;display:flex;gap:3px;padding:3px;border:1px solid #d4cfc4;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(39,46,43,.08)}.workflow-canvas-toolbar button{width:32px;height:30px;border:0;background:transparent;cursor:pointer}.workflow-canvas-toolbar button:hover{background:#1d2926;color:#f4d98b}.workflow-canvas{position:absolute;inset:0;overflow:hidden;touch-action:none;background-image:linear-gradient(rgba(94,108,102,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,108,102,.06) 1px,transparent 1px);background-size:24px 24px}.workflow-world{position:absolute;width:1500px;height:900px;transform-origin:0 0}.workflow-edge{fill:none;stroke:#73837d;stroke-width:2}.workflow-edge-label{font:700 8px "IBM Plex Mono",monospace;fill:#57625e}.workflow-node{position:absolute;width:180px;min-height:88px;transform:translate(-50%,-50%);border:1px solid #cfc9bc;background:#fff;color:#202624;box-shadow:0 12px 30px rgba(42,49,46,.09);cursor:grab}.workflow-node.selected{border-color:#a77b12;box-shadow:0 0 0 3px rgba(181,138,32,.14),0 18px 38px rgba(42,49,46,.12)}.workflow-node header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-bottom:1px solid #e4e0d8;background:#f4f1e9}.workflow-node header span{font:700 7px "IBM Plex Mono",monospace;text-transform:uppercase}.workflow-node header i{width:7px;height:7px;border-radius:50%;background:#9da5a2}.workflow-node.trigger header i{background:#1b9b7d}.workflow-node.agent_task header i{background:#b58a20}.workflow-node.decision{border-radius:18px}.workflow-node.decision header i{background:#7b5b86}.workflow-node.end header i{background:#283c37}.workflow-node>strong{display:block;padding:10px 10px 3px;font:700 11px "Syne",sans-serif}.workflow-node>small{display:block;padding:0 10px 10px;color:#747d79;font-size:8px;line-height:1.35}.workflow-node footer{padding:6px 9px;border-top:1px dashed #ded9cf;color:#7a817e;font:700 7px "IBM Plex Mono",monospace}.workflow-minimap{position:absolute;right:10px;bottom:10px;width:140px;height:82px;border:1px solid #cdc7ba;background:rgba(255,255,255,.9)}
.workflow-inspector-body{display:grid;gap:10px;padding:14px}.workflow-inspector label{display:grid;gap:4px;color:#565f5c;font-size:8px;font-weight:750;text-transform:uppercase}.workflow-inspector input,.workflow-inspector select,.workflow-inspector textarea{width:100%;min-height:34px;padding:7px 8px;border:1px solid #d6d1c6;background:#fff;color:#202624;font:500 10px "IBM Plex Sans",sans-serif;text-transform:none}.workflow-inspector textarea{min-height:76px;resize:vertical}.workflow-chain{display:grid;gap:4px;padding:10px;border-left:2px solid #b58a20;background:#f6f2e7}.workflow-chain span{display:flex;align-items:center;gap:6px;color:#59625f;font-size:8px}.workflow-chain span::before{width:5px;height:5px;border-radius:50%;background:#b58a20;content:""}.workflow-errors{display:grid;gap:5px;padding:10px;border:1px solid #e1b6b1;background:#fff3f1;color:#9b3d37;font-size:8px}.workflow-errors.ok{border-color:#a7d8c9;background:#edf8f4;color:#176d5b}.workflow-scenarios{display:grid;gap:6px}.workflow-scenario{display:grid;grid-template-columns:1fr 1fr;gap:5px}.workflow-builder-meta{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #dad5ca;background:#fff}.workflow-builder-meta input{min-width:240px;flex:1;border:0;background:transparent;font:700 15px "Syne",sans-serif;outline:0}.workflow-builder-meta span{color:#777f7b;font:700 8px "IBM Plex Mono",monospace}
@media(max-width:1100px){.workflow-builder{grid-template-columns:190px minmax(430px,1fr)}.workflow-inspector{grid-column:1/-1;border-top:1px solid #d8d3c8;border-left:0}.workflow-inspector-body{grid-template-columns:repeat(2,minmax(0,1fr))}.react-org-viewport{height:650px}}
@media(max-width:720px){.agent-os .agent-internal-switch{grid-template-columns:1fr}.react-org-head,.react-org-foot{align-items:flex-start;flex-direction:column}.react-org-head{padding:18px}.react-org-controls{width:100%;overflow:auto}.react-org-legend{grid-template-columns:1fr 1fr;padding:9px 16px}.react-org-legend b{grid-column:1/-1;justify-self:start}.react-org-viewport{height:590px}.workflow-studio-head{align-items:flex-start;flex-direction:column}.workflow-index{grid-template-columns:1fr}.workflow-builder{display:block}.workflow-palette-list{grid-template-columns:1fr 1fr}.workflow-canvas-shell{height:560px}.workflow-inspector-body{grid-template-columns:1fr}.workflow-builder-meta{align-items:stretch;flex-direction:column}.workflow-builder-meta input{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.react-org *,.workflow-studio *{animation:none!important;transition:none!important}.react-org-edge circle{display:none}}

/* Workcell Atlas — linguagem de células robóticas e lineage operacional.
   Referências pattern-only: Carbon network swimlanes, Intrinsic Flowstate,
   Dagster lineage e ELK layered layout. Nenhum ativo externo é incorporado. */
.react-org{min-width:0;max-width:100%;background:#f4f2eb;border-color:#cbc7bc;border-radius:10px;box-shadow:0 28px 70px rgba(28,35,33,.11)}
.agent-os:has(.react-org){min-width:0;max-width:100%;overflow-x:clip}
.react-org-head{align-items:center;padding:22px 26px 17px;background:linear-gradient(96deg,#fffefb 0%,#f8f6ef 72%,#edf7f3 100%)}
.react-org-head>div:first-child{max-width:920px}.react-org-head h2{max-width:880px;font-size:clamp(30px,3.2vw,50px);letter-spacing:-.065em}.react-org-head p{max-width:720px;font-size:11px}
.react-org-viewport{min-width:0;max-width:100%;height:780px;contain:layout paint;background-color:#f5f3ed;background-image:linear-gradient(rgba(49,63,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(49,63,58,.045) 1px,transparent 1px);background-size:32px 32px}
.react-org-world{position:absolute;width:1800px;height:1270px}.org-grid-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.66) 10% 90%,transparent 90%),radial-gradient(circle at 50% 18%,rgba(192,149,43,.11),transparent 26%);pointer-events:none}
.react-org-edges{width:1800px;height:1270px}.react-org-edge path{fill:none;stroke:var(--edge-color);stroke-width:2;opacity:.58;vector-effect:non-scaling-stroke}.react-org-edge.command path{stroke-width:2.4;opacity:.72}.react-org-edge.branch path{stroke-width:1.4;opacity:.44}.react-org-edge.micro path{stroke-width:1.2;stroke-dasharray:5 6;opacity:.7}.react-org-edge circle{fill:#fff;stroke:var(--edge-color);stroke-width:2;vector-effect:non-scaling-stroke}.react-org-edge.dim{opacity:.06}
.org-command{position:absolute;z-index:8;display:grid;grid-template-columns:86px 1fr 74px;align-items:center;width:530px;min-height:118px;padding:12px 16px 12px 12px;transform:translate(-50%,-50%);border:1px solid #beb7a4;background:#fffefb;color:#1c2421;text-align:left;cursor:pointer;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:0 18px 38px rgba(38,45,42,.1);transition:transform .18s ease,box-shadow .18s ease}
.org-command::before{position:absolute;inset:0 auto 0 0;width:4px;background:#b58a20;content:""}.org-command.livia{width:490px;min-height:96px;grid-template-columns:72px 1fr 66px;border-color:#b8cbc5;background:linear-gradient(100deg,#fffefb,#f1f8f5)}.org-command.livia::before{background:#147d70}.org-command:hover,.org-command:focus-visible{outline:0;transform:translate(-50%,-50%) translateY(-3px);box-shadow:0 24px 48px rgba(38,45,42,.16)}
.org-command>span:not(.org-portrait){display:grid;gap:2px;min-width:0;padding-left:13px}.org-command>span>small{color:#856514;font:700 8px "IBM Plex Mono",monospace;letter-spacing:.14em}.org-command.livia>span>small{color:#147d70}.org-command>span>strong{font:750 25px/1 "Syne",sans-serif;letter-spacing:.045em}.org-command>span>em{overflow:hidden;color:#69726e;font:normal 500 10px/1.4 "IBM Plex Sans",sans-serif;text-overflow:ellipsis;white-space:nowrap}.org-command>b{display:grid;place-items:center;align-self:stretch;border-left:1px solid #ddd7c9;color:#1c2421;font:700 24px "IBM Plex Mono",monospace}.org-command>b small{color:#7c827f;font-size:7px;letter-spacing:.12em}
.org-portrait{position:relative;display:grid;place-items:center;width:70px;height:86px;overflow:hidden;border:1px solid color-mix(in srgb,var(--sector-color,#b58a20) 55%,#bdb7aa);background:linear-gradient(145deg,#efe5c8,#dac692);color:#4e3b0c;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}.org-portrait img{width:100%;height:100%;object-fit:cover}.org-portrait>b{font:700 15px "IBM Plex Mono",monospace}.org-portrait>i{position:absolute;right:5px;bottom:5px;width:6px;height:6px;background:var(--sector-color,#b58a20);box-shadow:0 0 0 3px rgba(255,255,255,.75)}.org-portrait.compact{width:34px;height:42px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.org-portrait.compact>b{font-size:8px}
.org-lane{position:absolute;z-index:1;left:72px;width:1656px;height:190px;transform:translateY(-50%);border-top:1px solid color-mix(in srgb,var(--sector-color) 23%,#d5d1c7);border-bottom:1px solid color-mix(in srgb,var(--sector-color) 20%,#d5d1c7);background:linear-gradient(90deg,color-mix(in srgb,var(--sector-color) 7%,#fff) 0,rgba(255,255,255,.64) 34%,rgba(255,255,255,.34) 100%);transition:opacity .2s,filter .2s}.org-lane::before{position:absolute;left:0;top:-1px;width:5px;height:calc(100% + 2px);background:var(--sector-color);content:""}.org-lane.dim,.org-agent-signal.dim{opacity:.12;filter:grayscale(1)}
.org-lane-head{pointer-events:auto;position:absolute;left:36px;top:50%;display:grid;grid-template-columns:42px 1fr;align-items:center;width:282px;min-height:80px;padding:0 16px 0 0;transform:translateY(-50%);border:0;border-bottom:1px solid color-mix(in srgb,var(--sector-color) 45%,#d5d0c4);background:transparent;color:#202724;text-align:left;cursor:pointer}.org-lane-head>i{display:grid;place-items:center;align-self:stretch;background:var(--sector-color);color:#fff;font:normal 700 13px "IBM Plex Mono",monospace;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.org-lane-head>span{display:grid;gap:5px;padding-left:12px}.org-lane-head strong{font:750 15px/1.05 "Syne",sans-serif}.org-lane-head small{color:#737b78;font:700 8px "IBM Plex Mono",monospace;text-transform:uppercase}.org-lane-head>b{position:absolute;right:0;top:8px;color:var(--sector-color);font:700 7px "IBM Plex Mono",monospace;letter-spacing:.13em;opacity:0;transition:opacity .16s}.org-lane-head:hover>b,.org-lane-head:focus-visible>b,.org-lane-head[aria-pressed="true"]>b{opacity:1}.org-lane-head:focus-visible{outline:2px solid var(--sector-color);outline-offset:4px}
.org-agent-signal{position:absolute;z-index:6;width:256px;transform:translate(-50%,-50%);transition:opacity .18s,filter .18s,transform .18s}.org-agent-main{position:relative;display:grid;grid-template-columns:58px 1fr;align-items:center;width:100%;min-height:90px;padding:8px 24px 8px 8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--sector-color) 38%,#c9c4b8);background:#fffefb;color:#202724;text-align:left;cursor:pointer;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);box-shadow:0 11px 24px rgba(35,44,40,.08);transition:transform .16s,box-shadow .16s}.org-agent-main::after{position:absolute;right:0;top:0;width:4px;height:100%;background:var(--sector-color);content:""}.org-agent-main:hover,.org-agent-main:focus-visible{outline:0;transform:translateY(-3px);box-shadow:0 18px 34px rgba(35,44,40,.16)}.org-agent-main .org-portrait{width:50px;height:66px}.org-agent-main>span:not(.org-portrait){display:grid;gap:3px;min-width:0;padding-left:8px}.org-agent-main>span>small{color:var(--sector-color);font:700 7px "IBM Plex Mono",monospace;text-transform:uppercase}.org-agent-main>span>strong{overflow:hidden;font:750 12px/1.1 "Syne",sans-serif;text-overflow:ellipsis;white-space:nowrap}.org-agent-main>span>em{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#727a77;font:normal 500 8px/1.35 "IBM Plex Sans",sans-serif}.org-agent-main>i{position:absolute;right:10px;top:10px;width:6px;height:6px;background:var(--sector-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--sector-color) 13%,transparent)}
.org-agent-expand{display:grid;grid-template-columns:24px 1fr 18px;align-items:center;width:138px;height:27px;margin:-1px 0 0 10px;border:1px solid color-mix(in srgb,var(--sector-color) 35%,#cbc6bb);background:#f9f7f1;color:#333b38;text-align:left;cursor:pointer}.org-agent-expand>b{padding-left:7px;color:var(--sector-color);font:700 10px "IBM Plex Mono",monospace}.org-agent-expand>span{font:700 7px "IBM Plex Mono",monospace;letter-spacing:.06em}.org-agent-expand>i{display:grid;place-items:center;align-self:stretch;background:var(--sector-color);color:#fff;font:normal 700 12px "IBM Plex Mono",monospace}.org-agent-expand:hover,.org-agent-expand:focus-visible{outline:2px solid color-mix(in srgb,var(--sector-color) 35%,transparent);outline-offset:2px}.org-agent-signal.expanded{z-index:9;transform:translate(-50%,-50%) translateY(-5px)}
.org-subagent-chip{position:absolute;z-index:10;display:grid;grid-template-columns:38px 1fr;align-items:center;width:116px;min-height:50px;padding:4px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--sector-color) 36%,#c9c4b8);background:#fff;color:#29312e;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(38,46,43,.1);animation:orgMicroIn .22s ease both}.org-subagent-chip>span{display:grid;gap:2px;min-width:0;padding-left:4px}.org-subagent-chip strong{overflow:hidden;font:700 7px/1.2 "IBM Plex Sans",sans-serif;text-overflow:ellipsis}.org-subagent-chip small{color:#777f7c;font:700 6px "IBM Plex Mono",monospace}.org-subagent-chip:hover,.org-subagent-chip:focus-visible{outline:2px solid var(--sector-color);outline-offset:2px;transform:translate(-50%,-50%) translateY(-2px)}
.react-org-foot{padding:9px 16px;background:#fffefb}
@media(max-width:1100px){.react-org-viewport{height:680px}}
@media(max-width:720px){.react-org-viewport{height:620px}.react-org-head{padding:18px}.react-org-head h2{font-size:32px}.org-command,.org-command.livia{width:470px}.react-org-foot b{display:none}}

/* Direção de arte viva — a imagem é cenário, nunca interface funcional. */
.react-org-head{position:relative;isolation:isolate;overflow:hidden;background:#fffdf8}
.react-org-head::before{position:absolute;z-index:-2;inset:-40% -8%;background:url("../assets/agent-workcell-background-v1.webp") center 54%/cover no-repeat;content:"";opacity:.28;filter:saturate(.85) contrast(.92);transform:scale(1.04);animation:none}
.react-org-head::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.95) 0%,rgba(255,253,248,.74) 55%,rgba(244,250,247,.72) 100%);content:""}
.react-org-viewport{position:relative;isolation:isolate;background:#f6f3ec}
.react-org-viewport::before{position:absolute;z-index:-2;inset:-5%;background-image:linear-gradient(rgba(255,253,248,.38),rgba(255,253,248,.6)),url("../assets/agent-workcell-background-v1.webp");background-position:center;background-size:cover;content:"";opacity:.68;filter:saturate(.88) contrast(.94);animation:none}
.react-org-viewport::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 0 28%,rgba(255,255,255,.34) 45%,transparent 62%) -55vw 0/45vw 100% no-repeat;content:"";pointer-events:none;animation:none}
.react-org-world{z-index:1}
.org-grid-glow{background:linear-gradient(90deg,rgba(255,253,248,.25),rgba(255,255,255,.58) 22% 78%,rgba(255,253,248,.2)),radial-gradient(circle at 50% 18%,rgba(192,149,43,.13),transparent 26%)}
.org-lane{background:linear-gradient(90deg,color-mix(in srgb,var(--sector-color) 10%,rgba(255,255,255,.82)) 0,rgba(255,255,255,.7) 34%,rgba(255,255,255,.42) 100%);backdrop-filter:blur(7px);box-shadow:inset 0 1px rgba(255,255,255,.7),0 14px 36px rgba(31,42,38,.035)}
.org-command,.org-agent-main,.org-subagent-chip{background:rgba(255,254,250,.9);backdrop-filter:blur(12px) saturate(1.08)}
.org-command::after{position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.7) 49%,transparent 56%) -280px 0/180px 100% no-repeat;content:"";pointer-events:none;animation:none}
.react-org.motion-enabled .org-command.livia::after{animation-delay:-3.2s}
.org-agent-signal:nth-of-type(3n+1) .org-agent-main{animation:orgSignalBreathe 7.2s ease-in-out infinite}
.org-agent-signal:nth-of-type(3n+2) .org-agent-main{animation:orgSignalBreathe 7.2s -2.4s ease-in-out infinite}
.org-agent-signal:nth-of-type(3n) .org-agent-main{animation:orgSignalBreathe 7.2s -4.8s ease-in-out infinite}
.org-portrait::after{position:absolute;inset:-35% -70%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.62) 49%,transparent 56%);content:"";pointer-events:none;transform:translateX(-42%);animation:none}
.react-org-edge path{stroke-dasharray:10 7;animation:orgSignalFlow 4.4s linear infinite}
.react-org-edge.command path{stroke-dasharray:16 7;animation-duration:3.1s}
.react-org-edge.branch path{stroke-dasharray:7 8;animation-duration:5.2s}
.react-org-edge.micro path{stroke-dasharray:3 7;animation-duration:2.8s}
.react-org-edge circle{transform-box:fill-box;transform-origin:center;animation:orgJunctionPulse 2.4s ease-in-out infinite}
.react-org-foot{position:relative;isolation:isolate;overflow:hidden;background:rgba(255,254,250,.92)}
.react-org-foot::before{position:absolute;z-index:-1;inset:-180% -4%;background:url("../assets/agent-workcell-background-v1.webp") center 88%/cover no-repeat;content:"";opacity:.16;filter:saturate(.7)}
@keyframes orgBackdropDrift{0%{transform:scale(1.035) translate3d(-.8%,0,0)}100%{transform:scale(1.075) translate3d(1.2%,-1.2%,0)}}
@keyframes orgFieldSweep{0%,18%{background-position:-55vw 0}68%,100%{background-position:140vw 0}}
@keyframes orgPlateSweep{0%,35%{background-position:-280px 0}70%,100%{background-position:760px 0}}
@keyframes orgPortraitScan{0%,54%{transform:translateX(-42%)}82%,100%{transform:translateX(72%)}}
@keyframes orgSignalFlow{to{stroke-dashoffset:-34}}
@keyframes orgJunctionPulse{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.25)}}
@keyframes orgSignalBreathe{0%,100%{box-shadow:0 11px 24px rgba(35,44,40,.08)}50%{box-shadow:0 15px 34px color-mix(in srgb,var(--sector-color) 15%,rgba(35,44,40,.09))}}
@media(prefers-reduced-motion:reduce){.react-org-head::before,.react-org-viewport::before,.react-org-viewport::after,.org-command::after,.org-portrait::after,.org-agent-main,.react-org-edge path,.react-org-edge circle{animation:none!important}}

/* Agent instrument — retrato, sinal e telemetria no mesmo objeto material. */
.react-org-viewport{height:980px}
.org-agent-signal{width:270px}
.org-agent-main{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 31px;min-height:128px;padding:9px 10px 8px;isolation:isolate;border-color:color-mix(in srgb,var(--sector-color) 46%,#bdb7aa);background:linear-gradient(106deg,rgba(255,254,250,.97),rgba(255,255,255,.88));clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,16px 100%,0 calc(100% - 16px))}
.org-agent-main::before{position:absolute;z-index:-1;inset:0;background:url("../assets/agent-workcell-background-v1.webp") 78% 72%/620px auto no-repeat;content:"";opacity:.07;filter:saturate(.9)}
.org-agent-main::after{width:5px;box-shadow:-5px 0 18px color-mix(in srgb,var(--sector-color) 24%,transparent)}
.org-agent-main .org-portrait{align-self:start;width:56px;height:78px;box-shadow:0 7px 18px rgba(29,38,35,.12)}
.org-agent-main>.org-agent-copy{display:grid;align-content:start;gap:3px;min-width:0;padding:2px 6px 0 10px}
.org-agent-copy>small{display:flex;align-items:center;gap:6px;color:var(--sector-color);font:700 7px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.org-agent-copy>small>i{width:16px;height:2px;background:var(--sector-color);box-shadow:8px 0 12px color-mix(in srgb,var(--sector-color) 55%,transparent)}
.org-agent-main>.org-agent-copy>strong{overflow:hidden;font:750 14px/1.08 "Syne",sans-serif;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}
.org-agent-main>.org-agent-copy>em{display:-webkit-box;min-height:27px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#626d68;font:normal 500 8px/1.42 "IBM Plex Sans",sans-serif}
.org-agent-main>.org-agent-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;align-self:end;padding:0;background:#d8d3c8}
.org-agent-metrics>span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px;min-width:0;padding:5px 7px;background:rgba(249,247,241,.95)}
.org-agent-metrics b{overflow:hidden;color:#222a27;font:700 10px "IBM Plex Mono",monospace;text-overflow:ellipsis}.org-agent-metrics small{color:#7a817e;font:700 6px "IBM Plex Mono",monospace;letter-spacing:.05em;text-transform:uppercase}
.org-agent-expand{grid-template-columns:68px 1fr 46px;width:224px;height:37px;margin:-1px 0 0 14px;padding:0 7px;border-color:color-mix(in srgb,var(--sector-color) 42%,#c8c2b7);background:rgba(249,247,241,.94);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
.org-crew-preview{display:flex;align-items:center;height:100%}.org-crew-preview i{display:grid;place-items:center;width:26px;height:24px;margin-left:-5px;border:1px solid color-mix(in srgb,var(--sector-color) 52%,#c8c1b4);background:#fffdf8;color:var(--sector-color);font:normal 700 6px "IBM Plex Mono",monospace;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.org-crew-preview i:first-child{margin-left:0}
.org-crew-label{display:flex;align-items:baseline;gap:5px;text-transform:uppercase}.org-crew-label b{color:var(--sector-color);font:700 11px "IBM Plex Mono",monospace}.org-crew-label small{color:#59625e;font:700 6px "IBM Plex Mono",monospace;letter-spacing:.08em}
.org-crew-switch{position:relative;display:block;width:38px;height:18px;border:1px solid color-mix(in srgb,var(--sector-color) 58%,#a9a398);background:linear-gradient(90deg,#e8e4da 0 50%,color-mix(in srgb,var(--sector-color) 16%,#fff) 50%);clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%)}
.org-crew-switch::before,.org-crew-switch::after{position:absolute;top:4px;width:2px;height:8px;background:color-mix(in srgb,var(--sector-color) 50%,#777);content:"";opacity:.42}.org-crew-switch::before{left:9px}.org-crew-switch::after{right:9px}
.org-crew-switch i{position:absolute;z-index:2;left:3px;top:3px;width:10px;height:10px;background:var(--sector-color);transform:rotate(45deg);box-shadow:0 0 0 2px rgba(255,255,255,.72);transition:left .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1)}.org-crew-switch.on i{left:23px;transform:rotate(135deg)}
.org-agent-expand:hover .org-crew-switch i,.org-agent-expand:focus-visible .org-crew-switch i{box-shadow:0 0 0 2px rgba(255,255,255,.82),0 0 16px color-mix(in srgb,var(--sector-color) 52%,transparent)}
@media(prefers-reduced-motion:reduce){.org-crew-switch i{transition:none!important}}
@media(max-width:1100px){.react-org-viewport{height:760px}}
@media(max-width:720px){.react-org-viewport{height:620px}}

/* Legibilidade e semântica de movimento: atividade só pulsa com execução real. */
.react-org-legend,.react-org-foot{font-size:10px}
.org-command>span>small{font-size:11px}.org-command>span>em{font-size:12px}.org-command>b small{font-size:10px}
.org-lane-head small,.org-lane-head>b{font-size:10px}
.org-agent-main{grid-template-rows:auto 35px;min-height:142px}
.org-agent-copy>small{font-size:10.5px}.org-agent-main>.org-agent-copy>strong{font-size:16px}.org-agent-main>.org-agent-copy>em{font-size:11px}
.org-agent-metrics b{font-size:12px}.org-agent-metrics small{font-size:10px}
.org-agent-expand{height:42px}.org-crew-preview i{font-size:10px}.org-crew-label b{font-size:12px}.org-crew-label small{font-size:10.5px}
.org-subagent-chip{width:154px;min-height:58px}.org-subagent-chip strong{font-size:10.5px}.org-subagent-chip small{font-size:10px}
.workflow-panel-head small,.workflow-palette-list small,.workflow-guard,.workflow-edge-label,.workflow-node header span,.workflow-node>small,.workflow-node footer,.workflow-inspector label,.workflow-chain span,.workflow-errors,.workflow-builder-meta span,.workflow-state{font-size:10px}
.workflow-palette-list strong,.workflow-node>strong,.workflow-inspector input,.workflow-inspector select,.workflow-inspector textarea{font-size:10.5px}
.react-org.motion-enabled .react-org-head::before{animation:orgBackdropDrift 18s ease-in-out infinite alternate}
.react-org.motion-enabled .react-org-viewport::before{animation:orgBackdropDrift 24s ease-in-out infinite alternate}
.react-org.motion-enabled .react-org-viewport::after{animation:orgFieldSweep 11s ease-in-out infinite}
.react-org.motion-enabled .org-command::after{animation:orgPlateSweep 8s ease-in-out infinite}
.react-org.motion-enabled .org-portrait::after{animation:orgPortraitScan 9s ease-in-out infinite}
.react-org .org-agent-signal:not(.active-run) .org-agent-main,.react-org-edge path,.react-org-edge circle{animation:none}
.react-org.motion-enabled:has(.org-agent-signal.active-run) .react-org-edge path{animation:orgSignalFlow 4.4s linear infinite}
.react-org.motion-enabled:has(.org-agent-signal.active-run) .react-org-edge.command path{animation-duration:3.1s}
.react-org.motion-enabled:has(.org-agent-signal.active-run) .react-org-edge.branch path{animation-duration:5.2s}
.react-org.motion-enabled:has(.org-agent-signal.active-run) .react-org-edge.micro path{animation-duration:2.8s}
.react-org.motion-enabled:has(.org-agent-signal.active-run) .react-org-edge circle{animation:orgJunctionPulse 2.4s ease-in-out infinite}
.react-org.motion-enabled .org-agent-signal.active-run .org-agent-main{animation:orgSignalBreathe 3.6s ease-in-out infinite}
.react-org.motion-paused *,.react-org.motion-paused::before,.react-org.motion-paused::after,.react-org.motion-paused *::before,.react-org.motion-paused *::after{animation:none!important;transition:none!important}

/* Workbench correction: priority is editable work, not stacked navigation. */
/* The catalog's icon rule (.agent-os svg, 19px) must not shrink diagrams. */
.agent-os .workflow-world>svg{position:absolute;inset:0;width:1500px;height:900px;max-width:none;overflow:visible;pointer-events:none}
.agent-os .workflow-minimap{width:140px;height:82px;max-width:none;pointer-events:none}
.workflow-load-error{padding:20px;border:1px solid #bd635c;background:#fff7f5;color:#793c35}
.workflow-load-error strong{font-size:16px}.workflow-load-error p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.workflow-builder-meta input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.workflow-studio .workflow-action{min-height:44px;font-size:14px}
.workflow-studio-head p{font-size:14px;line-height:1.5}
.workflow-errors{font-size:12px;line-height:1.5}
.workflow-builder-meta span{font-size:11px;max-width:170px;line-height:1.4}
.workflow-palette-list button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
@media(max-width:720px){
  .agent-os .agent-internal-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .agent-os .agent-internal-switch button{min-height:44px;padding:8px 4px;font-size:12px;overflow-wrap:anywhere}
  .agent-os .agent-internal-switch button small{display:none}
  .agent-os .command-map-head{padding:12px;gap:8px}
  .agent-os .command-map-head h2{font-size:22px;margin:5px 0}
  .agent-os .command-map-head p{font-size:12px;line-height:1.4;margin:0}
  .agent-os .command-map-head .eyebrow{font-size:10px;letter-spacing:.05em}
  .workflow-studio-head{padding:12px;gap:10px}
  .workflow-studio-head h2{font-size:26px;line-height:1.1}
  .workflow-studio-head-actions{width:100%;flex-wrap:wrap}
  .workflow-studio-head-actions button{flex:1}
  .workflow-builder-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}
  .workflow-builder-meta input{grid-column:1/-1;grid-row:1;padding:6px 0;min-height:44px}
  .workflow-builder-meta span{max-width:none;align-self:center}
  .workflow-palette-list{grid-template-columns:repeat(4,minmax(0,1fr));padding:6px;gap:2px}
  .workflow-palette-list button{display:flex;flex-direction:column;gap:5px;justify-content:flex-start;padding:7px 2px}
  .workflow-palette-list strong{font-size:11px;text-align:center;overflow-wrap:anywhere}
  .workflow-palette-list small,.workflow-palette .workflow-guard{display:none}
  .workflow-palette .workflow-panel-head{padding:9px 12px}
  .workflow-palette .workflow-panel-head small{font-size:11px}
  .workflow-canvas-shell{height:460px}
  .workflow-inspector input,.workflow-inspector select,.workflow-inspector textarea{min-height:44px;font-size:14px}
  .workflow-inspector label,.workflow-chain span{font-size:12px;line-height:1.4}
}
/* Runtime ledger: keeps the existing light Foundry system, with real evidence
   below the drawing. No new component library, images or decorative metrics. */
.workflow-runtime { margin-top:24px; border-top:3px solid #197b6c; padding:22px; background:#fffdf8; color:#263530; }
.workflow-runtime > header, .workflow-run-detail > header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; flex-wrap:wrap; }
.workflow-runtime h3 { font-size:22px; margin:8px 0; }
.workflow-runtime h4 { font-size:16px; margin:0 0 12px; }
.workflow-runtime p, .workflow-runtime li, .workflow-runtime summary { font-size:14px; line-height:1.55; }
.workflow-runtime code { font-size:12px; overflow-wrap:anywhere; }
.workflow-runtime-actions { display:flex; gap:8px; flex-wrap:wrap; }
.workflow-runtime .workflow-action { font-size:14px; min-height:44px; }
.workflow-runtime-grid { display:grid; grid-template-columns:minmax(210px, .8fr) minmax(0, 2fr); gap:24px; margin-top:22px; }
.workflow-run-list, .workflow-run-detail { min-width:0; }
.workflow-run-list { border-right:1px solid #dfd8cb; padding-right:20px; }
.workflow-run-row { display:grid; gap:5px; width:100%; text-align:left; border:0; border-bottom:1px solid #dfd8cb; padding:14px 10px; background:transparent; color:inherit; cursor:pointer; }
.workflow-run-row.selected { background:#e8f2ef; border-left:3px solid #197b6c; }
.workflow-run-row strong { font-size:14px; }
.workflow-run-row span,.workflow-run-row small { font-size:12px; overflow-wrap:anywhere; }
.workflow-runtime-warning { border-left:3px solid #a44822; padding:10px 14px; background:#fff3e8; overflow-wrap:anywhere; }
.workflow-step-evidence { padding-left:22px; }
.workflow-step-evidence li { border-bottom:1px solid #e5dfd4; padding:12px 0; }
.workflow-step-evidence li > span { display:block; font-size:12px; }
.workflow-runtime summary { cursor:pointer; padding:8px 0; min-height:44px; }
.workflow-runtime pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:300px; overflow:auto; padding:12px; font-size:12px; background:#f1f4ef; }
.workflow-runtime button:focus-visible,.workflow-runtime summary:focus-visible { outline:3px solid #197b6c; outline-offset:2px; }
.workflow-predicate { min-width:0; border:1px solid #ded5c2; padding:12px; }
.workflow-predicate legend { font-weight:700; font-size:12px; }
.workflow-inspector-body > p { font-size:12px; line-height:1.5; }
@media(max-width:768px) { .workflow-runtime { padding:16px; } .workflow-runtime-grid { grid-template-columns:minmax(0,1fr); } .workflow-run-list { border-right:0; padding-right:0; } .workflow-runtime-actions { width:100%; } }