/* Reference-led visual layer. Workflow state and content stay in their existing modules. */
.wf-page{--wf-bg:#071426;--wf-panel:#0d2038;--wf-border:#2b4665;--wf-text:#f3f6ff;--wf-muted:#b9cbe1;--wf-teal:#32e3b2;--wf-gold:#ffda70;--wf-cyan:#29c6ff;--wf-accent:var(--wf-cyan);background:radial-gradient(ellipse at 42% 0%,#10294b,var(--wf-bg) 65%);padding:24px;border:1px solid #203957;border-radius:12px}
.wf-page h1{font-size:clamp(21px,1.9vw,30px);font-weight:700;letter-spacing:-.035em}.wf-page h2{font-size:15px;font-weight:650}
.wf-page button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border-radius:7px;background:#10233c;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.wf-page button:hover:not(:disabled){background:#183454;border-color:var(--wf-cyan)}
.wf-icon{width:24px;height:24px;flex:none;color:var(--wf-accent);pointer-events:none}
.wf-header{gap:24px;margin-bottom:14px}.wf-eyebrow{color:var(--wf-cyan);font:700 11px 'Public Sans',Arial,sans-serif;letter-spacing:.16em}.wf-header p{margin-top:8px}.wf-mode{gap:5px;padding:10px 14px;border:1px solid #2a5160;border-radius:8px;background:#0c2a33}.wf-mode strong{letter-spacing:.12em}.wf-page .wf-disclaimer{background:#11233a;margin-bottom:20px}
.wf-advisory{margin-bottom:18px}.wf-advisory-heading{gap:12px;margin-bottom:10px}.wf-advisory-list{gap:10px;margin-bottom:8px}.wf-page .wf-advisory-button{--wf-accent:var(--wf-cyan);align-items:flex-start;justify-content:flex-start;padding:14px 12px;background:linear-gradient(135deg,#122b49,#0b1c32)}
.wf-advisory-button:nth-child(2){--wf-accent:#bf8bff}.wf-advisory-button:nth-child(3){--wf-accent:var(--wf-gold)}.wf-advisory-button:nth-child(4){--wf-accent:var(--wf-teal)}.wf-advisory-button:nth-child(5){--wf-accent:#ffa5ad}
.wf-advisory-button>.wf-icon{width:38px;height:42px;padding:7px;border:1px solid color-mix(in srgb,var(--wf-accent) 45%,transparent);border-radius:8px;background:color-mix(in srgb,var(--wf-accent) 7%,#09192d)}.wf-advisory-copy{display:block;min-width:0}.wf-page .wf-advisory-button[aria-pressed=true]{border-color:var(--wf-accent);background:#10304b;box-shadow:0 0 16px #00baff20,inset 0 0 15px #00baff0d}
.wf-layout{grid-template-columns:205px minmax(0,1fr) 280px;gap:14px}.wf-center{display:contents}.wf-panel{border-radius:9px;background:linear-gradient(135deg,#0f223b,#0a1a2d)}.wf-panel-title{padding:13px 14px;background:#10223b}.wf-panel-title h2{display:flex;align-items:center;gap:10px}.wf-panel-title>span{max-width:48%}
.wf-navigator{grid-column:1;grid-row:1}.wf-graph-panel{grid-column:2;grid-row:1}.wf-layout>[data-prompts]{grid-column:3;grid-row:1;min-width:0}
.wf-agent-list{padding:7px}.wf-page .wf-agent-option{display:grid;grid-template-columns:24px 27px minmax(0,1fr) 8px;gap:7px;min-height:49px;padding:8px 6px;border-radius:0;border-bottom-color:#1d344e;background:transparent}.wf-id{font:10px 'Public Sans',Arial,sans-serif}.wf-selection{color:var(--wf-accent);font-size:18px}
.wf-page .wf-agent-option[aria-pressed=true]{background:linear-gradient(90deg,color-mix(in srgb,var(--wf-accent) 13%,#122338),#11233b);border-color:var(--wf-accent);border-radius:6px;box-shadow:inset 3px 0 var(--wf-accent)}.wf-agent-option[aria-pressed=true] .wf-id{color:var(--wf-accent)}.wf-navigator>.wf-note{display:block;padding:15px;background:#102b49}
.wf-page :is([data-value=B01],[data-node=B01],[data-role=B01],[data-to=B01]){--wf-accent:#ffda70}
.wf-page :is([data-value=B02],[data-node=B02],[data-role=B02],[data-to=B02]){--wf-accent:#6aaaff}
.wf-page :is([data-value=B03],[data-node=B03],[data-role=B03],[data-to=B03]){--wf-accent:#33e5b6}
.wf-page :is([data-value=B04],[data-node=B04],[data-role=B04],[data-to=B04]){--wf-accent:#bf8bff}
.wf-page :is([data-value=B05],[data-node=B05],[data-role=B05],[data-to=B05]){--wf-accent:#ffda70}
.wf-page :is([data-value=B06],[data-node=B06],[data-role=B06],[data-to=B06]){--wf-accent:#e799ff}
.wf-page :is([data-value=B07],[data-node=B07],[data-role=B07],[data-to=B07]){--wf-accent:#ff9da8}
.wf-page :is([data-value=B08],[data-node=B08],[data-role=B08],[data-to=B08]){--wf-accent:#2dceff}
.wf-page :is([data-value=B09],[data-node=B09],[data-role=B09],[data-to=B09]){--wf-accent:#39edc8}
.wf-page :is([data-value=B10],[data-node=B10],[data-role=B10],[data-to=B10]){--wf-accent:#ffd36d}
.wf-page :is([data-value=B11],[data-node=B11],[data-role=B11],[data-to=B11]){--wf-accent:#7baaff}
.wf-page :is([data-value=B12],[data-node=B12],[data-role=B12],[data-to=B12]){--wf-accent:#be94ff}
.wf-canvas-scroll{background:radial-gradient(ellipse at 50% 45%,#102c55,#091c32 60%,#08182b)}.wf-canvas{min-width:540px;max-height:none}.wf-line{stroke:#718ba6;stroke-width:1.2;opacity:.16}#wf-arrow path{fill:#a0c3e9}.wf-methodology .wf-line{stroke:var(--wf-accent);stroke-dasharray:none;opacity:.7}.wf-connection.is-selected .wf-line{stroke:var(--wf-accent);opacity:1;stroke-width:2}.wf-connection.is-active .wf-line{stroke:var(--wf-teal);opacity:1;stroke-width:2.5}
.wf-node>rect{fill:#10253f;stroke:#315777}.wf-node text{font-size:12px}.wf-node .wf-node-title{font-size:12px;font-weight:650}.wf-node-icon{color:var(--wf-accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--wf-accent) 30%,transparent))}.wf-node[data-node=methodology]>rect{fill:#102754;stroke:#87c4ff;stroke-width:2.5;filter:drop-shadow(0 0 7px #367dff)}.wf-node[data-node=methodology] .wf-node-title{font:650 16px 'Public Sans',Arial,sans-serif}.wf-node[data-node=methodology] text:not(.wf-node-title){font-size:12px}.wf-agent-node:hover>rect,.wf-node.is-participating>rect{stroke:var(--wf-accent)}.wf-node.is-selected>rect{fill:color-mix(in srgb,var(--wf-accent) 12%,#0e213a);stroke:var(--wf-accent);stroke-width:2}.wf-node.is-selected .wf-node-title{fill:var(--wf-accent)}.wf-node.is-active>rect{fill:#104042;stroke:var(--wf-teal);stroke-width:2.5}
.wf-legend{gap:16px;padding:10px;border-top:1px solid #203750}.wf-legend i{width:8px;height:8px}.wf-controls{gap:7px;padding:12px;background:#0c1d32}.wf-controls .wf-icon{width:16px;height:16px;color:inherit}.wf-controls label{gap:8px;padding:0 4px}.wf-controls select{min-height:40px;padding:7px;border-radius:6px;background:#10233c}.wf-controls button[data-wf=play],.wf-controls button[data-wf=resume]:not(:disabled){border-color:var(--wf-teal);background:linear-gradient(110deg,#086c6c,#133f55);box-shadow:inset 0 0 10px #1ee3ae15}.wf-controls button[data-wf=play] .wf-icon{fill:currentColor;stroke-width:0}
.wf-progress{grid-column:1/-1;grid-row:2;padding:16px 20px}.wf-progress-heading{font-size:13px}.wf-progress progress{margin:14px 0;border-radius:3px;overflow:hidden;background:#223a57}.wf-progress progress::-webkit-progress-bar{background:#223a57}.wf-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#2988ff,var(--wf-teal))}.wf-steps{gap:8px;margin:16px 0}.wf-steps li{gap:10px;font-size:12px}.wf-steps li>span{width:32px;height:32px;background:linear-gradient(135deg,#345b86,#1c3553);border-color:#4b6e96;color:var(--wf-text)}.wf-steps .is-active>span,.wf-steps .is-done>span{color:#052c2a;background:var(--wf-teal);border-color:#5affd3;box-shadow:0 0 12px #24dfad30}
.wf-role{padding:15px;margin:9px;border:1px solid var(--wf-accent);border-radius:7px;background:linear-gradient(110deg,color-mix(in srgb,var(--wf-accent) 10%,#10233b),#11243b)}.wf-role>.wf-icon{float:left;margin:2px 12px 4px 0;width:29px;height:29px}.wf-role:after{content:'';display:block;clear:both}.wf-prompt-list{grid-template-columns:1fr;gap:10px;padding:0 9px 10px}.wf-prompt{border-radius:7px;background:linear-gradient(130deg,#142d4b,#0d2038)}.wf-page .wf-start-prompt{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;padding:13px 11px;background:transparent}.wf-prompt-number{flex:none;display:grid;place-items:center;width:28px;height:28px;background:linear-gradient(135deg,#4b6b94,#243e60);border:1px solid #607fa5;border-radius:50%;font-size:13px}.wf-prompt:nth-child(1) .wf-prompt-number{background:#655735;border-color:#978256}.wf-prompt:nth-child(3) .wf-prompt-number{background:#14695e;border-color:#3b9a86}.wf-prompt-copy{min-width:0;flex:1}.wf-prompt-title{font-weight:650}.wf-prompt-title>span:last-child{color:var(--wf-muted)}.wf-prompt-output{font-size:11px}.wf-prompt details{padding:0 11px;font-size:11px}.wf-prompt summary::marker{color:#89b7e6}.wf-prompt textarea{background:#06162a;border-color:#466489;border-radius:5px;padding:10px;line-height:1.6;margin:8px 0}.wf-prompt details button{font-size:11px}.wf-prompt details .wf-icon{width:17px;height:17px}.wf-rules{margin-top:16px;border-top:1px solid var(--wf-border);padding-top:8px}.wf-rules summary{min-height:40px}
@media(min-width:1600px){.wf-layout{grid-template-columns:230px minmax(0,1fr) 310px}.wf-canvas{max-height:650px}.wf-page .wf-agent-option{font-size:12px}}
@media(max-width:1390px){.wf-layout{grid-template-columns:185px minmax(0,1fr) 255px;gap:10px}.wf-page{padding:16px}.wf-page .wf-agent-option{grid-template-columns:21px 24px minmax(0,1fr) 6px;gap:5px;font-size:10px}.wf-agent-option .wf-icon{width:21px;height:21px}.wf-advisory-button>.wf-icon{width:30px;height:36px;padding:5px}.wf-page .wf-advisory-button{padding:12px 9px;gap:7px}}
@media(max-width:1350px){.wf-layout{grid-template-columns:195px minmax(0,1fr)}.wf-layout>[data-prompts]{grid-column:1/-1;grid-row:2}.wf-progress{grid-row:3}.wf-prompt-list,.wf-advisory-list{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-role p{max-width:850px}}
@media(max-width:800px){.wf-layout{grid-template-columns:minmax(0,1fr);gap:12px}.wf-navigator,.wf-graph-panel,.wf-layout>[data-prompts],.wf-progress{grid-column:1;grid-row:auto}.wf-center{display:grid;gap:12px;min-width:0}.wf-agent-list{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-page .wf-agent-option{font-size:11px;min-height:52px}.wf-navigator>.wf-note{padding:10px 12px}.wf-prompt-list,.wf-advisory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-header{gap:12px}.wf-advisory-heading{display:flex;flex-wrap:wrap;gap:4px}.wf-controls button,.wf-page select,.wf-prompt summary{min-height:44px}.wf-canvas{min-width:700px}.wf-steps li{gap:5px;font-size:10px}}
@media(max-width:480px){.wf-page{padding:12px;border-radius:8px}.wf-mode{gap:12px;margin-top:12px;width:fit-content;padding:6px 10px}.wf-header p{font-size:12px}.wf-advisory-list,.wf-prompt-list{grid-template-columns:1fr}.wf-page .wf-advisory-button{padding:12px}.wf-advisory-button>.wf-icon{width:38px;height:42px;padding:7px}.wf-advisory-button .wf-prompt-title{font-size:13px}.wf-agent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-page .wf-agent-option{grid-template-columns:20px minmax(0,1fr);gap:5px 7px;padding:8px}.wf-agent-option>.wf-icon{grid-row:1/3;width:20px;height:20px}.wf-agent-option>.wf-selection{display:none}.wf-panel-title,.wf-progress{padding:12px}.wf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wf-controls button,.wf-controls label{flex:1 1 40%}.wf-controls button[data-wf=play]{flex-basis:100%}.wf-role{padding:13px}}
.wf-graph-panel .wf-panel-title h1{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px;letter-spacing:0;line-height:1.4}
.wf-graph-panel .wf-panel-title h1 small{font-size:9px;font-weight:500;color:var(--wf-teal);white-space:nowrap}
.wf-graph-panel>.wf-progress{padding:14px;border:0;border-bottom:1px solid var(--wf-border);border-radius:0;background:#0c2038}
.wf-graph-panel .wf-steps{gap:6px;margin:12px 0}
.wf-graph-panel .wf-steps li{flex-direction:column;gap:5px;font-size:10px}
.wf-graph-panel .wf-steps li>span{width:26px;height:26px}
@media(prefers-reduced-motion:reduce){.wf-page *{animation:none!important;transition:none!important}.wf-particle{visibility:hidden!important}}