/* The original Tycoon interface, with one focused scenario at a time. */
.scns{gap:24px}
.scenario-tabs{display:flex;gap:8px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:fit-content;max-width:100%}
.scenario-tabs button{display:grid;grid-template-columns:24px 1fr;gap:2px 10px;align-items:center;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:12px 22px;min-height:58px;font:600 16px var(--body);cursor:pointer}
.scenario-tabs button svg{grid-row:span 2;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.scenario-tabs small{font:400 12px var(--body);color:var(--subtle)}
.scenario-tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg);box-shadow:0 3px 8px #18241f12}
.scenario-tabs button[aria-selected="true"] small{color:inherit;opacity:.75}
.scenario-tabs button:hover:not([aria-selected="true"]){background:var(--line);color:var(--ink)}
.scenario-tabs button:focus-visible,.workflow button:focus-visible,.scene-reset:focus-visible,.view canvas:focus-visible{outline:3px solid #2F5BEA;outline-offset:3px}
.workflow{background:#f8f9f6;border-bottom:1px solid var(--u-line);padding:16px 20px 15px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 24px}
.workflow-controls{display:flex;flex-wrap:wrap;align-content:center;gap:7px}
.workflow-eyebrow{width:100%;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--u-mut);margin-bottom:2px}
.workflow button{font-family:var(--body);cursor:pointer;touch-action:manipulation}
.workflow-play,.workflow-reset{min-height:42px;border-radius:7px;border:1px solid #ced5cb;padding:9px 12px;background:white;color:var(--u-ink);font-size:13px;font-weight:600}
.workflow-play{display:flex;align-items:center;gap:8px;min-width:142px;background:#18241F;color:#fff;border-color:#18241F}
.workflow-play:hover{background:#2b4034}
.workflow-play svg{width:12px;height:12px;fill:currentColor;flex-shrink:0}
.workflow-reset{width:36px;padding:8px;font-size:20px;line-height:1}
.workflow-reset:hover{background:#edf0e9}
.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-self:center}
.workflow-step{position:relative;overflow:hidden;display:flex;gap:8px;align-items:center;min-height:46px;padding:8px 10px 10px;background:#fff;border:1px solid #dfe4db;border-radius:8px;color:#5b6661;text-align:left;font-size:13px;font-weight:500}
.workflow-step::after{content:"";position:absolute;bottom:0;left:0;height:3px;width:var(--progress,0%);background:#C2410C}
.workflow-step .step-number{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1px solid #dfe4db;border-radius:50%;font:11px var(--mono)}
.workflow-step[aria-pressed="true"]{border-color:#C2410C;color:#923209;background:#fff8f2}
.workflow-step[aria-pressed="true"] .step-number{background:#C2410C;color:#fff;border-color:#C2410C}
.workflow-step.is-done .step-number{background:#e5eee2;border-color:#d4e2cf;color:#376333}
.workflow-caption{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 22px;align-items:start;min-height:54px}
.workflow-summary{margin:0;font-size:13px;line-height:1.5;max-width:740px;color:var(--u-ink)}
.workflow-summary strong{font-weight:600}
.workflow-impact{font:500 11px/1.5 var(--mono);color:#426045;max-width:185px;text-align:right;padding-left:14px;border-left:1px solid #dfe4db}
.workflow-footnote{grid-column:1/-1;font:400 10px/1.4 var(--mono);color:#657066;margin-top:-2px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.workflow-proof{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1.2fr .85fr;gap:10px;margin-top:2px}
.workflow-proof>section{min-width:0;border:1px solid #dce3d8;border-radius:9px;background:#fff;padding:13px 15px}
.workflow-proof h4{margin:0 0 9px;font:600 11px var(--body);letter-spacing:.025em;color:#526052;text-transform:uppercase}
.workflow-proof ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.workflow-proof li{position:relative;padding-left:15px;font:400 12px/1.45 var(--body);color:#344037;overflow-wrap:anywhere}
.workflow-proof li::before{position:absolute;left:0;top:4px;content:"";width:6px;height:6px;border:1px solid #9ba89a;border-radius:50%;background:#fff}
.workflow-proof li[data-state="pass"]::before,.workflow-autonomy li::before{background:#397444;border-color:#397444}
.workflow-proof li[data-state="fail"]::before{background:#bd4925;border-color:#bd4925}
.workflow-proof li strong{font-weight:600;color:#18241f}
.workflow-evidence li span{display:block;color:#61705e;font-size:11px}
.workflow-evidence li b{display:block;font-weight:500;color:#263c29;margin-top:1px}
.workflow-proof .workflow-value{background:#eaf0e6;border-color:#d2dfca}
.workflow-value strong{display:block;font:700 clamp(18px,1.9cqw,25px)/1.15 var(--display);letter-spacing:-.025em;color:#24432c;margin:0 0 7px}
.workflow-value p{margin:0;font:400 12px/1.45 var(--body);color:#465845}
.workflow-boundary{grid-column:1/-1;margin:0;padding:8px 12px;border-left:3px solid #83937a;background:#eef1ea;font:400 12px/1.45 var(--body);color:#43503e}
.workflow-gate{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#fff1df;border:1px solid #e8c99b;border-radius:8px}
.workflow-gate p{margin:0;font:500 12px/1.5 var(--body);color:#755221}
.workflow-gate button{flex-shrink:0}
.workflow-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.workflow-next,.workflow-approve,.workflow-failure{min-height:40px;border-radius:7px;padding:9px 13px;font:600 12px var(--body);border:1px solid #bccbb5;background:#fff;color:#2e4430}
.workflow-next,.workflow-approve{background:#203b29;color:#fff;border-color:#203b29}
.workflow-next:hover,.workflow-approve:hover{background:#34573b}
.workflow-failure{font-weight:400;color:#696449;border-color:#d8d8ca;background:transparent}
.workflow-failure:hover{background:#f3ede1}
.workflow button:disabled{opacity:.5;cursor:default}
.workflow-outcome{grid-column:1/-1;margin:0;font:500 12px/1.5 var(--body);color:#344c33}
.workflow-outcome:empty{display:none}
.workflow-outcome[data-state="fail"]{color:#a83b20}
.workflow-outcome[data-state="pass"]{color:#26673a}
.view.has-workflow[data-workflow-phase="verified"] .lvc.is-focus{box-shadow:0 0 0 2px #0e7364,0 5px 18px #18241f25}
.view.has-workflow[data-workflow-phase="verification_failed"] .lvc.is-focus{box-shadow:0 0 0 2px #bd4925,0 5px 18px #18241f25}
.scene-reset{position:absolute;z-index:4;right:16px;top:50%;transform:translateY(-50%);border:1px solid #ccd3c8;border-radius:7px;background:#ffffffed;color:#344337;font:500 11px var(--body);padding:9px 11px;min-height:36px;cursor:pointer;box-shadow:0 2px 8px #18241f10}
.scene-reset:hover{background:#fff}
.view.has-workflow .lvc{opacity:.45;transition:opacity .2s,box-shadow .2s}
.view.has-workflow .lvc.is-focus{opacity:1;box-shadow:0 0 0 2px #C2410C,0 5px 18px #18241f25;z-index:3}
@container (max-width:1059px){
  .workflow{grid-template-columns:1fr;gap:12px;padding:14px}
  .workflow-controls{align-items:center}
  .workflow-eyebrow{width:auto;margin:0 auto 0 0}
  .workflow-caption{grid-column:1;min-height:58px}
  .scene-reset{top:auto;bottom:14px;transform:none;right:14px}
}
@container (max-width:760px){
  .workflow-proof{grid-template-columns:1fr}
  .workflow-proof>section{padding:12px 13px}
  .workflow-proof h4{margin-bottom:7px}
  .workflow-value strong{font-size:22px}
  .workflow-gate{align-items:flex-start;flex-direction:column;gap:9px}
  .workflow-step{flex-direction:column;gap:5px;text-align:center;justify-content:center;padding:8px 2px 11px;font-size:12px;min-height:66px}
  .workflow-steps{gap:6px}
  .workflow-caption{grid-template-columns:1fr;gap:5px;min-height:108px}
  .workflow-impact{max-width:none;text-align:left;padding:0;border:0;font-size:10px}
  .workflow-footnote{font-size:9px}
  .kpi .v{white-space:normal;flex-wrap:wrap;gap:2px 5px;font-size:1.3em;line-height:1.2}
  .kpi .v em{display:inline;font-size:.62em}
  .kpi .s{display:block;font-size:.75em;line-height:1.35;margin-top:4px}
  .kpi .k{min-height:2.4em;line-height:1.2;margin-bottom:3px}
  .view.has-workflow .lvc.is-focus{display:inline-flex}
}
@container (max-width:480px){
  .workflow-eyebrow{font-size:9px;width:100%;margin-bottom:3px}
  .workflow-step{font-size:11px}
  .workflow-play{min-width:132px;font-size:12px}
  .workflow{padding:12px 10px}
  .rows li{grid-template-columns:minmax(0,1fr) auto 1em;gap:4px 8px;padding:8px 0}
  .rows .val{display:block;grid-column:1/3;grid-row:2;text-align:left;font-size:.85em}
  .rows svg.i{grid-column:3;grid-row:1/3}
}
@media(max-width:620px){
  .scenario-tabs{width:100%;gap:4px;padding:4px}
  .scenario-tabs button{flex:1;min-width:0;display:flex;justify-content:center;padding:12px 6px;gap:7px;font-size:14px;min-height:48px}
  .scenario-tabs small{display:none}
  .scenario-tabs button svg{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.view.has-workflow .lvc{transition:none}.abar .live i{animation:none}}