/* AI FORGE shared light theme. Explore keeps its existing exhibit composition. */
body{--bg:#f6f8fc;--surface:#fff;--raised:#eef3fa;--nav:#fff;--line:#d6dfeb;--ink:#152640;--muted:#52657e;--blue:#1260df;--violet:#7254b8;--teal:#147c87;--amber:#9d650e;--red:#b5334c;background:var(--bg);color:var(--ink);color-scheme:light}
body :is(.demo-disclosure,.topbar,.app-footer,#stage-nav){background:#fff;color:#52657e;border-color:#dbe3ee;box-shadow:none}
body .topbar{min-height:78px}
body :is(.studio-brand,.page-heading h1,.engineering-heading input){color:#142640}
body .brand-mark{background:#eaf2ff;border-color:#bed2f0;color:#135ddd;box-shadow:none}
body :is(.desktop-nav button,.more-nav summary,.text-button,.back-link){color:#3d5675}
body :is(.desktop-nav button[aria-current],#stage-nav button[aria-current]){color:#125ad4;background:#eaf2ff;border-color:#c8daf8;box-shadow:none}
body :is(.button,.icon-button){color:#254464;background:#fff;border-color:#cbd8e9;box-shadow:0 2px 4px #243e6010}
body .button:hover{background:#edf4ff;border-color:#94b6e9}
body :is(.button.primary,.run-button){background:#135ee2;border-color:#135ee2;color:#fff;box-shadow:0 4px 10px #1260df20}
body :is(.button.primary,.run-button):hover{background:#0e4ebf;color:#fff}
body :is(.eyebrow,.draft-state,.support-copy,.quiet-note,.intro-copy,.page-heading p){color:#536881}
body .explore-layout{gap:40px;align-items:center;grid-template-columns:minmax(320px,.85fr) minmax(0,1.4fr)}
body[data-stage="explore"] .explore-intro h1{font-size:clamp(36px,3.2vw,56px);letter-spacing:-1.8px;line-height:1.14;color:#172c49;margin:20px 0}
body[data-stage="explore"] .explore-intro h1 em{color:#1260df;font-style:normal}
body[data-stage="explore"] .intro-copy{font-size:15px;max-width:490px;line-height:1.8}
body[data-stage="explore"] .entry-points{gap:10px;margin:26px 0}
body[data-stage="explore"] .entry-point{background:#fff;border:1px solid #dce5f0;box-shadow:none;color:#263c58;padding:15px 17px;border-radius:11px}
body[data-stage="explore"] .entry-point:is(:hover,.is-selected){background:#edf4ff;border-color:#aac7f1;box-shadow:inset 3px 0 #1b65dd}
body[data-stage="explore"] .entry-point :is(small,span,i){color:#526e94}
body[data-stage="explore"] .entry-point b{color:#18385e}
body[data-stage="explore"] .intro-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body[data-stage="explore"] .intro-actions .text-button{flex-basis:100%;text-align:left}
body[data-stage="explore"] .explore-stage{background:#f1f5fb;border:1px solid #d5e0ee;box-shadow:0 16px 36px #263c6010,inset 0 1px #fff}
body[data-stage="explore"] :is(.preview-top,.stage-caption){background:#fff;border-color:#dce5f0;color:#526780}
body[data-stage="explore"] .preview-top h2{color:#183453}
body[data-stage="explore"] .preview-graph{padding:22px 16px;min-height:490px}
body[data-stage="explore"] .preview-edge{stroke:#7c99c2;filter:none;stroke-width:2}
body[data-stage="explore"] .preview-edge.conditional{stroke:#af7d29}
body[data-stage="explore"] .edge-label{fill:#536a86;paint-order:stroke;stroke:#f1f5fb;stroke-width:4px}
body[data-stage="explore"] :is(.preview-node,.preview-face,.overview-face){filter:none}
body[data-stage="explore"] .preview-face{color:#183453}
body[data-stage="explore"] .preview-face b{color:#183453;text-shadow:none;font-weight:650}
body[data-stage="explore"] .preview-face em{color:#4a607a}
body[data-stage="explore"] .preview-number-ring{fill:#fff;stroke:#a5b8d4;filter:none}
body[data-stage="explore"] .preview-number{fill:#315983;text-shadow:none}
body[data-stage="explore"] .preview-node{cursor:pointer}
body[data-stage="explore"] .preview-node:is(:hover,:focus-visible) .preview-surface{stroke:#1764df;stroke-width:3;filter:drop-shadow(0 3px 5px #2a60b51c)}
body[data-stage="explore"] .preview-node:focus-visible{outline:none}
body[data-stage="explore"] .preview-learning-actions{display:flex;gap:7px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #d8e3f0;background:#f9fbff}
body[data-stage="explore"] .node-guide-chip{border:1px solid #cbdcf3;background:#fff;color:#325e91;border-radius:20px;min-height:34px;padding:6px 10px;font-size:11px}
body[data-stage="explore"] .node-guide-chip:hover{background:#eaf2ff}
body:is([data-stage="builder"],[data-stage="run"]) :is(.engineering-heading,.canvas-panel,.inspector,.execution-area){background:#fff;border-color:#d6e0ec;box-shadow:0 5px 16px #30486508}
body:is([data-stage="builder"],[data-stage="run"]) .engineering-heading{padding:22px;border-radius:13px;margin-bottom:22px}
body:is([data-stage="builder"],[data-stage="run"]) .engineering-heading input{background:transparent;border-color:transparent;font-size:26px}
body:is([data-stage="builder"],[data-stage="run"]) .builder-grid{grid-template-columns:minmax(0,1fr) 335px;gap:20px}
body:is([data-stage="builder"],[data-stage="run"]) :is(.canvas-top,.canvas-controls,.canvas-note,.connection-list,.inspector-tabs,.inspector-toggle){background:#fff;border-color:#dce4ef;color:#435b78}
body:is([data-stage="builder"],[data-stage="run"]) .canvas-top b{color:#183453}
body:is([data-stage="builder"],[data-stage="run"]) .canvas-top span{color:#5e728c}
body:is([data-stage="builder"],[data-stage="run"]) .canvas-top .actions{flex-wrap:wrap;justify-content:flex-end}
body:is([data-stage="builder"],[data-stage="run"]) .canvas-viewport{height:650px;background-color:#f1f5fb;background-image:radial-gradient(#a8bad06b .8px,transparent .8px);background-size:22px 22px}
body:is([data-stage="builder"],[data-stage="run"]) .connection-layer g{--route-color:#668bb9!important;--route-target:#668bb9!important}
body:is([data-stage="builder"],[data-stage="run"]) .connection-layer :is(path,circle){filter:none}
body:is([data-stage="builder"],[data-stage="run"]) .connection-layer text{fill:#526d8c;stroke:#f1f5fb;paint-order:stroke;stroke-width:3px}
body:is([data-stage="builder"],[data-stage="run"]) .connection-layer g.conditional{--route-color:#a87526!important}
body:is([data-stage="builder"],[data-stage="run"]) .node-card{filter:none;background:transparent;border:0;box-shadow:none;color:#183453}
body:is([data-stage="builder"],[data-stage="run"]) .node-card .node-main b{color:#183453;text-shadow:none}
body:is([data-stage="builder"],[data-stage="run"]) .node-card :is(.node-config,.node-description,.node-footer){color:#4c647f}
body :is(.node-card,.preview-node,.overview-face,.inspector-node){--graph-edge:#7b91bb;--graph-fill:#fff;--graph-ink:#365581;--graph-glow:transparent}
body [data-role="trigger"]{--graph-edge:#6488bd;--graph-fill:#f6f9ff;--graph-ink:#315c91;--graph-glow:transparent}
body [data-role="extraction"]{--graph-edge:#8a76ba;--graph-fill:#f8f5ff;--graph-ink:#68518f;--graph-glow:transparent}
body [data-role="classification"]{--graph-edge:#458ce0;--graph-fill:#f1f7ff;--graph-ink:#2765ab;--graph-glow:transparent}
body :is([data-role="decision"],[data-role="approval"]){--graph-edge:#b58a43;--graph-fill:#fffaf0;--graph-ink:#93631e;--graph-glow:transparent}
body :is([data-role="action"],[data-role="output"]){--graph-edge:#498f86;--graph-fill:#f1faf7;--graph-ink:#276e63;--graph-glow:transparent}
body :is(.node-surface .node-outline,.preview-surface){fill:var(--graph-fill);stroke:var(--graph-edge);stroke-width:1.6;filter:none}
body .node-sheen{opacity:.15}
body :is(.node-number,.preview-number-ring){background:#fff;color:var(--graph-ink);border-color:var(--graph-edge);box-shadow:none;text-shadow:none;filter:none}
body .node-symbol{background:#fff!important;color:var(--graph-ink)!important;border-color:var(--graph-edge)!important;filter:none!important}
body:is([data-stage="builder"],[data-stage="run"]) .node-card.selected .node-outline{stroke:#1764df;stroke-width:2.8;filter:drop-shadow(0 2px 3px #1764df15)}
body:is([data-stage="builder"],[data-stage="run"]) .node-card.failed .node-outline{stroke:#bc4055;stroke-width:3}
body:is([data-stage="builder"],[data-stage="run"]) .node-card.waiting .node-outline{stroke:#b18232;stroke-width:3}
body:is([data-stage="builder"],[data-stage="run"]) .node-card.executed .node-footer{color:#187450}
body:is([data-stage="builder"],[data-stage="run"]) :is(input,select,textarea){background:#f9fbff;color:#193655;border-color:#c7d6e9;color-scheme:light}
body:is([data-stage="builder"],[data-stage="run"]) :is(.inspector-section,.inspector-node,.input-details,.simulation-label){background:#f6f9fe;border-color:#dde5ef;color:#395571}
body:is([data-stage="builder"],[data-stage="run"]) .inspector-content{padding:20px}
body:is([data-stage="builder"],[data-stage="run"]) .inspector-tabs button{color:#536881;background:#f4f7fb;border-color:#d5dfed}
body:is([data-stage="builder"],[data-stage="run"]) .inspector-tabs button[aria-selected="true"]{color:#145fd4;background:#edf4ff;box-shadow:inset 0 -2px #145fd4}
body:is([data-stage="builder"],[data-stage="run"]) :is(.inspector-section p,.inspector-content .field span,.inspector-node small,.inspector-node b){color:#3c5673}
body:is([data-stage="builder"],[data-stage="run"]) .validation.valid{background:#edf9f3;border-color:#b5dfc9;color:#1b6b49}
body:is([data-stage="builder"],[data-stage="run"]) .validation.invalid{background:#fff4ef;border-color:#edc2b2;color:#97452c}
body .tag{background:#edf3fd;border-color:#cfdbed;color:#31577e}
body .tag.success{background:#ecf9f2;border-color:#b9e0ca;color:#176e49}
body .tag.amber{background:#fff7e9;border-color:#e5cf9d;color:#8c5d16}
body :is(.more-nav>div,.more-nav #workspace-nav){background:#fff;border-color:#cfdbed}
body dialog{color:#1b3655;background:#fff;border-color:#d4e0ef;box-shadow:0 24px 100px #16335530;color-scheme:light}
body dialog::backdrop{background:#19314b66;backdrop-filter:blur(3px)}
body dialog :is(p,.dialog-intro,.dialog-top .eyebrow){color:#526983}
body dialog :is(.node-library>button,.nav-item){background:#f5f8fd;color:#264769;border-color:#cedbed}
body dialog .node-library small{color:#5d7190}
body .node-explanation dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px 20px;padding:20px;background:#f4f7fc;border:1px solid #dbe5f0;border-radius:10px;margin:20px 0}
.node-explanation dt{font-weight:650}.node-explanation dd{margin:0;overflow-wrap:anywhere}.guide-sequence{padding-left:24px}.guide-sequence li{padding:12px 0}.guide-sequence p{margin:6px 0}.guide-sequence small{color:#526985}
.node-guide-tooltip{display:none;position:absolute;left:0;top:calc(100% + 7px);width:280px;max-width:90vw;z-index:25;background:#183652;color:#fff;padding:11px 14px;border-radius:8px;font-size:13px;line-height:1.55;box-shadow:0 5px 18px #122d4c24;pointer-events:none}
body:is([data-stage="builder"],[data-stage="run"]) .node-card:has(.node-main:hover) .node-guide-tooltip,body:is([data-stage="builder"],[data-stage="run"]) .node-card:has(.node-main:focus-visible) .node-guide-tooltip{display:block}
body :focus-visible{outline:3px solid #1764df;outline-offset:4px}
body:is([data-stage="builder"],[data-stage="run"]) .node-main:focus-visible{outline-offset:-4px}
@media(max-width:1180px){body:is([data-stage="builder"],[data-stage="run"]) .builder-grid{grid-template-columns:minmax(0,1fr) 300px}body[data-stage="explore"] .explore-layout{grid-template-columns:minmax(270px,.85fr) minmax(0,1.2fr);gap:24px}}
@media(max-width:960px){body:is([data-stage="builder"],[data-stage="run"]) .builder-grid{grid-template-columns:1fr}body[data-stage="explore"] .explore-layout{grid-template-columns:1fr}body[data-stage="explore"] .explore-intro{max-width:720px}body[data-stage="explore"] .preview-graph{min-height:450px}body:is([data-stage="builder"],[data-stage="run"]) .inspector{position:static;max-height:none}}
@media(max-width:700px){body[data-stage="explore"] .explore-layout{display:flex;flex-direction:column}body[data-stage="explore"] .explore-intro h1{font-size:37px;letter-spacing:-1.1px}body[data-stage="explore"] .preview-learning-actions{gap:8px}body[data-stage="explore"] .node-guide-chip{min-height:42px}body:is([data-stage="builder"],[data-stage="run"]) .builder-grid{display:flex;flex-direction:column}body:is([data-stage="builder"],[data-stage="run"]) .canvas-viewport{height:auto;background:#f1f5fb}body:is([data-stage="builder"],[data-stage="run"]) .inspector{width:100%;max-height:none}body:is([data-stage="builder"],[data-stage="run"]) .engineering-heading{padding:17px;display:block}body:is([data-stage="builder"],[data-stage="run"]) .engineering-heading input{font-size:22px;width:100%}body:is([data-stage="builder"],[data-stage="run"]) .engineering-heading .actions{margin-top:15px;flex-wrap:wrap}body .node-explanation dl{grid-template-columns:1fr;gap:5px}body .node-explanation dd{margin-bottom:13px}.node-guide-tooltip{left:5%;width:90%}}
@media(prefers-reduced-motion:reduce){body *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body :is(.workspace-shell,#workspace){background:#f6f8fc;background-image:none}
body .demo-disclosure b{color:#3b5677}
body:is([data-stage="builder"],[data-stage="run"]) :is(.canvas-controls #zoom-level,.field>label,.input-details summary){color:#425d7e}
body:is([data-stage="builder"],[data-stage="run"]) .canvas-viewport{height:760px}
body:is([data-stage="builder"],[data-stage="run"]) :is(.execution-empty,.empty,.execution-top,.execution-controls,.playback-inspector,.execution-events,.recorded-event,.run-summary){background:#f7faff;border-color:#d8e2ef;color:#405b78}
body:is([data-stage="builder"],[data-stage="run"]) .execution-area :is(p,small,label,h2,h3,b){color:#405b78}
body:is([data-stage="builder"],[data-stage="run"]) .execution-area :is(pre,code){background:#f0f5fc;color:#214262;border-color:#d4e0ee}
.forge-node-tooltip{position:fixed;z-index:95;pointer-events:none;background:#183652;color:#fff;border-radius:9px;padding:12px 15px;box-shadow:0 5px 22px #142d4e25;font-size:13px;line-height:1.6}
@media(max-width:1180px){body:is([data-stage="builder"],[data-stage="run"]) .builder-grid{grid-template-columns:1fr}body:is([data-stage="builder"],[data-stage="run"]) .inspector{position:static;max-height:none}}
@media(max-width:700px){body:is([data-stage="builder"],[data-stage="run"]) .canvas-viewport{height:auto}}
body:is([data-stage="builder"],[data-stage="run"]) .field>label{color:#425d7e}
body .toast{background:#183652;color:#fff;border-color:#496c96}
body:is([data-stage="builder"],[data-stage="run"]) :is(.focused-node-picker,.mobile-connections){background:#f4f8ff;border-color:#d4dfef;color:#395879}
body:is([data-stage="builder"],[data-stage="run"]) .focused-node-picker :is(p,label,small){color:#496584}
body:is([data-stage="builder"],[data-stage="run"]) .focused-node-picker p span{color:#185fcf}
body:is([data-stage="builder"],[data-stage="run"]) .mobile-route{background:#fff;border-color:#cbdaf0;color:#285e9b}
body:is([data-stage="builder"],[data-stage="run"]) .drag-grip{background:#f0f5fc;color:#5b7394;border-color:#ccd9ea}
body:is([data-stage="builder"],[data-stage="run"]) .active-execution{background:#eef5ff;border-color:#c9d9ef;color:#25496e;box-shadow:none}
body:is([data-stage="builder"],[data-stage="run"]) .active-execution :is(strong,p){color:#284e75}
body:is([data-stage="builder"],[data-stage="run"]) .execution-orbit{background:#e4efff;color:#1b62d3;border-color:#bed1ed;box-shadow:none}
body:is([data-stage="builder"],[data-stage="run"]) .execution-trail>span{background:#fff;border-color:#d4e1f1;color:#335776}
body:is([data-stage="builder"],[data-stage="run"]) .execution-trail>span :is(small,b){color:#4a688b}
body:is([data-stage="builder"],[data-stage="run"]) .execution-trail>span.current{background:#eaf4ff;border-color:#82afe4}
body:is([data-stage="builder"],[data-stage="run"]) .playback-controls{border-color:#d6e1ef}
body[data-stage="explore"] :is(.overview-node,.overview-destinations){background:transparent;color:#486481}
body[data-stage="explore"] .overview-node .overview-face{--graph-edge:inherit;--graph-fill:inherit;--graph-ink:inherit;--graph-glow:transparent;cursor:pointer}
body[data-stage="explore"] .overview-face:is(:hover,:focus-visible) .node-outline{stroke:#1764df;stroke-width:3;filter:none}
body #stage-nav button{color:#526985;background:#f2f6fc;border-color:#dae3f0}
body #stage-nav button span{color:#526f95}
body .app-footer a{color:#41658f}
body .app-footer a:hover{color:#135ee2}
body dialog[data-node-guide] .dialog-top{position:sticky;top:0;z-index:2;background:#fff;padding:4px 0 10px;border-bottom:1px solid #e1e8f1}
body:is([data-stage="builder"],[data-stage="run"]) .builder-grid.inspector-collapsed{grid-template-columns:minmax(0,1fr)}

/* Explore guidance and emphasis stay outside the engineering canvas controls. */
body[data-stage="explore"] .explore-journey{font-size:14px;line-height:1.8;color:#334f72;border-top:1px solid #dbe4f0;padding-top:16px}
body[data-stage="explore"] .preview-node,body[data-stage="explore"] .preview-edge{transition:opacity .18s ease,stroke-width .18s ease}
body[data-stage="explore"] .has-node-emphasis .preview-node:not(.is-emphasized){opacity:.76}
body[data-stage="explore"] .has-node-emphasis .preview-edge:not(.is-connected){opacity:.55}
body[data-stage="explore"] .preview-node.is-emphasized .preview-surface{stroke:#155fd7;stroke-width:3.5;filter:none}
body[data-stage="explore"] .preview-edge.is-connected{stroke:#2166bf;stroke-width:3;opacity:1}
body[data-stage="explore"] .preview-edge.is-traversed{stroke:#087965;stroke-width:5;opacity:1}
body[data-stage="explore"] :is(.overview-face,.node-guide-chip).is-emphasized{outline:2px solid #2166bf;outline-offset:3px}
body[data-stage="explore"] .explore-walkthrough{margin:18px 0 24px;padding:20px;border:1px solid #bdd2ed;border-radius:16px;background:linear-gradient(120deg,#f0f6ff,#fff);color:#233d5d}
body[data-stage="explore"] .explore-walkthrough h3{font-size:19px;line-height:1.5;margin:10px 0}
body[data-stage="explore"] .explore-walkthrough p{font-size:15px;line-height:1.65;margin:8px 0;overflow-wrap:anywhere}
body[data-stage="explore"] .walk-result{font-weight:600;color:#214d7c}
body[data-stage="explore"] .walk-notice{color:#4b6079}
body[data-stage="explore"] .walk-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
body[data-stage="explore"] .preview-learning-actions{gap:10px;line-height:1.6}
body :is(.intro-copy,.dialog-intro,.node-explanation p,.node-explanation dd,.guide-sequence p){font-size:16px;line-height:1.75}
body:is([data-stage="builder"],[data-stage="run"]) :is(.inspector label,.inspector input,.inspector select,.inspector textarea){font-size:14px;line-height:1.6}
body:is([data-stage="builder"],[data-stage="run"]) .node-main b{font-size:22px;line-height:1.25}
body:is([data-stage="builder"],[data-stage="run"]) .node-main small{font-size:13px;line-height:1.4;letter-spacing:.4px}
body:is([data-stage="builder"],[data-stage="run"]) .node-config{font-size:15px;line-height:1.4}
body:is([data-stage="builder"],[data-stage="run"]) .connection-layer text{font-size:17px;fill:#405c80;paint-order:stroke;stroke:#f1f5fb;stroke-width:4px}
body[data-stage="explore"] .edge-label{font-size:16px;fill:#405c80}
body[data-stage="explore"] .node-guide-chip{font-size:13px;padding:9px 12px}
body[data-stage="explore"] .overview-node.is-current .overview-destinations{color:#155fc4;font-weight:600;border-left:3px solid #155fc4;padding-left:12px}
body[data-stage="explore"] .overview-destinations :is(small,span){color:inherit;font-size:13px;line-height:1.6}
body .demo-disclosure{font-size:13px;line-height:1.6}
body :is(button,a,[role="button"],input,select,textarea):focus-visible{outline:3px solid #155fc4;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body[data-stage="explore"] :is(.preview-node,.preview-edge){transition:none}}

/* Shared surfaces and semantic states for the workspace and its overlays. */
body {
  --forge-soft:#f4f8fe;
  --forge-active:#e8f1ff;
  --forge-border:#c7d6e9;
  --forge-shadow:0 8px 28px #203f6810;
  --forge-success:#17684a;
  --forge-success-bg:#ecf8f1;
  --forge-warning:#80510e;
  --forge-warning-bg:#fff5e4;
  --forge-danger:#9d2f47;
  --forge-danger-bg:#fff0f3;
}

body :is(.configuration-panel,.template-card,.connector-card,.saved-card,.approval-card,
  .execution-detail,.outcome-panel,.settings-panel,.run-summary,.execution-area,.impact-metrics>div) {
  background:var(--surface);
  border-color:var(--line);
  color:var(--ink);
  box-shadow:var(--forge-shadow);
}
body[data-stage="customize"] .explore-stage {
  background:var(--forge-soft);
  border-color:var(--line);
  box-shadow:var(--forge-shadow);
}
body :is(.configuration-explanation p,.template-card>p,.template-card details p,.template-top .eyebrow,
  .connector-card p,.connector-card>small,.saved-card p,.approval-card>p,.approval-columns p,
  .run-list small,.execution-detail>p,.snapshot p,.execution-log p,.execution-log time,.execution-log small,
  .settings-panel p,.impact-metrics small,.run-summary p,.run-facts span,.execution-area>p,.score-disclosure,
  .inquiry-panel p,.field,.field>span,.connection-list p,.connection-list small,.canvas-note>small,
  .recorded-settings dt,.connector-explanation p,#dialog-content>p) {color:var(--muted)}
body :is(.template-card details b,.approval-columns h3,.impact-metrics b,.run-facts b,.empty h2,.mobile-brand) {
  color:var(--ink);
}
body :is(.approval-columns,.empty,.run-list>button,.inspector-section,.input-details,.simulation-label) {
  background:var(--forge-soft);
  border-color:var(--line);
  color:var(--ink);
}
body :is(.empty>span,.template-flow>i,.step-number,.connector-card>span,.saved-card>span,.inspector-node>span) {
  background:var(--forge-active);
  color:#245ba5;
  border-color:var(--forge-border);
}
body :is(.template-symbol,.inspector-node.violet>span,.draft-preview,.decision-reason) {
  background:#f2edfb;
  color:#5c438a;
  border-color:#ded2f1;
}
body :is(.draft-preview b,.draft-preview p) {color:#5c438a}
body :is(.template-flow>span,.template-flow small) {color:var(--muted)}
body :is(.action-results h3,.action-results p,.action-results svg,.action-results small,.outcome-actions article>span) {
  color:var(--forge-success);
}
body :is(.outcome-actions article,.connector-card p.connector-disclaimer) {
  background:var(--forge-success-bg);
  color:var(--forge-success);
  border-color:#c9e5d7;
}
body .impact-hero {
  background:linear-gradient(135deg,#eef5ff,var(--surface));
  border-color:var(--line);
  box-shadow:var(--forge-shadow);
}
body .impact-hero :is(h2,.efficiency) {color:#174f9c}
body .impact-hero :is(p,small,.eyebrow,.formula) {color:var(--muted)}
body :is(.approval-needed .execution-orbit,.log-retry .step-number,.nav-item>b) {
  background:var(--forge-warning-bg);
  color:var(--forge-warning);
  border-color:#ddc398;
}
body :is(.tag.error,.log-failed .step-number) {
  background:var(--forge-danger-bg);
  color:var(--forge-danger);
  border-color:#edbdc8;
}
body :is(.button.quiet,.canvas-controls .icon-button,.position-controls .icon-button,.node-library>button) {
  background:var(--surface);
  color:#254464;
  border-color:var(--forge-border);
}
body :is(.button.quiet,.icon-button,.node-library>button,.desktop-nav>button,.nav-item):hover {
  background:var(--forge-active);
  color:#174b91;
  border-color:#9db9e1;
}
body .button.run-button {background:#135ee2;color:#fff;border-color:#135ee2}
body .button.run-button:hover {background:#0e4ebf}
body .button.amber-button {
  background:var(--forge-warning-bg);
  color:var(--forge-warning);
  border-color:#ddc398;
  box-shadow:none;
}
body .button.amber-button:hover {background:#ffebcb}
body .button.danger {
  background:var(--forge-danger-bg);
  color:var(--forge-danger);
  border-color:#e5aebd;
}
body .button.danger:hover {background:#ffe0e8}
body :is(.nav-item[aria-current=page],.run-list>button[aria-pressed=true],.canvas-controls .button[aria-pressed=true]) {
  background:var(--forge-active);
  color:#174b91;
  border-color:#a2bde4;
  box-shadow:inset 3px 0 #2164cb;
}
body .more-nav>div {box-shadow:var(--forge-shadow)}
body #stage-nav button+button:before {background:var(--forge-border)}
body :is(input,select,textarea) {
  background:#fbfdff;
  color:var(--ink);
  border-color:var(--forge-border);
  color-scheme:light;
}
body :is(input,textarea)::placeholder {color:#62758f}
body :is(summary,.connector-explanation>svg,.node-library i) {color:#245ba5}
body .form-error {color:var(--forge-danger)}
body .engineering-heading #workflow-name:is(:hover,:focus) {background:var(--forge-soft);border-color:#8dabd5}
body :is(.node-library .node-symbol,.node-card .node-number,.overview-face .node-number) {
  background:var(--surface);
  color:var(--graph-ink,#245ba5);
  border-color:var(--graph-edge,var(--forge-border));
  box-shadow:none;
}
body .node-card:is(.selected,.active-step) .node-number {
  background:var(--forge-active);
  color:#174b91;
  border-color:#88abe0;
}
body .mobile-connections>button.route-traversed {background:var(--forge-success-bg);color:var(--forge-success);border-color:#91cbb0}
body .mobile-connections>button.route-branch {background:var(--forge-warning-bg);color:var(--forge-warning);border-color:#ddc398}
body .mobile-connections>button.route-active {background:var(--forge-active);color:#174b91;border-color:#88abe0;box-shadow:none}
body :is(.toast,.forge-node-tooltip,.node-guide-tooltip) {
  background:var(--surface);
  color:var(--ink);
  border:1px solid var(--forge-border);
  box-shadow:0 8px 28px #203f6824;
}

/* Concierge shares the workspace palette only on this standalone demo. */
#aba-concierge {
  --aba-ivory:var(--ink);
  --aba-cyan:#175cc0;
}
#aba-concierge :is(.aba-chat-panel,.aba-chat-launcher,.aba-chat-welcome) {
  background:var(--surface);
  color:var(--ink);
  border-color:var(--forge-border);
  box-shadow:0 10px 32px #203f6824;
}
#aba-concierge :is(.aba-chat-header,.aba-chat-message) {background:var(--forge-soft);border-color:var(--line)}
#aba-concierge .aba-chat-user {background:var(--forge-active)}
#aba-concierge :is(.aba-chat-brand,.aba-chat-user strong) {color:#245ba5}
#aba-concierge :is(.aba-chat-privacy,.aba-chat-disclosure,.aba-chat-consent,.aba-chat-clear) {color:var(--muted)}
#aba-concierge :is(.aba-chat-expand,.aba-chat-clear,.aba-chat-send,.aba-chat-footer,.aba-chat-form textarea) {border-color:var(--forge-border)}
#aba-concierge .aba-chat-form textarea {background:#fbfdff;color:var(--ink)}
#aba-concierge .aba-chat-form textarea::placeholder {color:#62758f}
#aba-concierge .aba-chat-status {color:var(--forge-warning)}
#aba-concierge .aba-chat-send {background:#135ee2;color:#fff}
body[data-stage="outcome"] #aba-concierge:not(.is-open) {
  position:relative;
  inset:auto;
  width:auto;
  margin:0;
  padding:12px clamp(16px, 3vw, 36px) max(16px, env(safe-area-inset-bottom));
  background:var(--surface);
  border-top:1px solid var(--line);
}
body[data-stage="outcome"] #aba-concierge .aba-chat-welcome {max-width:390px;margin-left:auto}
