/* The automation sandbox is scoped to the public demo. */
#demo-app { color:var(--ink); }
.product-demo .demo-shell { overflow:clip; }
.sim-toolbar { position:sticky; top:0; z-index:2; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:26px 30px; background:#172322; border-bottom:1px solid var(--line); }
.sim-readouts { display:flex; gap:32px; flex-wrap:wrap; }
.sim-readouts div { display:flex; flex-direction:column; gap:5px; }
.sim-readouts span { font:10px/1.5 var(--mono); letter-spacing:.7px; color:var(--muted); }
.sim-readouts strong { font:700 27px/1.2 var(--display); color:var(--green); font-variant-numeric:tabular-nums; }
.sim-run-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#demo-app button { cursor:pointer; }
#demo-app button:disabled { opacity:.6; cursor:wait; }
.sim-run-controls .button { min-height:44px; padding:10px 16px; font-size:13px; }
.sim-secondary { border:1px solid #718195; color:var(--ink); background:#223041; border-radius:7px; padding:10px 14px; min-height:44px; font:600 13px/1.4 var(--body); }
.sim-secondary:hover { background:#304252; }
.sim-secondary[aria-pressed="true"] { border-color:var(--green); color:var(--green); }
.sim-feedback { padding:17px 30px; font-size:13px; line-height:1.7; color:#d2e8dd; border-bottom:1px solid var(--line); background:#1c302b; }
.sim-feedback[data-state="error"] { color:#ffc5ba; background:#392923; }
.sim-layout { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr); align-items:start; }
.sim-strategy,.sim-market { padding:30px; min-width:0; }
.sim-strategy { background:#19232e; border-right:1px solid var(--line); }
.sim-section-heading { display:flex; align-items:start; gap:12px; margin-bottom:22px; }
.sim-step { color:var(--green); font:12px/1.5 var(--mono); padding-top:5px; }
.sim-section-heading h3 { font-size:23px; line-height:1.25; margin:0; }
.sim-section-heading p { margin-top:7px; font-size:13px; color:var(--muted); line-height:1.6; }
.sim-profile-tabs { display:flex; gap:6px; padding:5px; background:#101923; border:1px solid var(--line); border-radius:8px; margin-bottom:24px; }
.sim-profile-tabs button { flex:1; border:0; background:transparent; color:var(--muted); border-radius:5px; padding:10px 6px; min-height:44px; font:600 13px var(--body); }
.sim-profile-tabs button[aria-pressed="true"] { background:#285441; color:#d6ffea; }
.sim-enable { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:22px; }
.sim-enable .sim-check { margin:0; }
#sim-profile-status { font-size:11px; color:var(--green); }
.sim-field { display:flex; flex-direction:column; gap:8px; margin:0 0 18px; font:600 13px/1.55 var(--body); min-width:0; }
.sim-field input,.sim-field select { width:100%; min-width:0; min-height:44px; border:1px solid #6a7b90; border-radius:6px; padding:10px 12px; background:#101923; color:var(--ink); font:400 16px/1.4 var(--body); }
.sim-field select { padding-right:24px; text-overflow:ellipsis; }
.sim-field small { color:var(--muted); font:400 11px/1.65 var(--body); }
.sim-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
.sim-check { display:flex; align-items:start; gap:10px; font:500 13px/1.6 var(--body); margin:0 0 13px; cursor:pointer; }
.sim-check input,.sim-item-select input { accent-color:var(--green); flex-shrink:0; width:18px; height:18px; margin:2px 0 0; }
.sim-extra { border-top:1px solid var(--line); margin-top:20px; padding-top:18px; }
.sim-extra > p { font-size:12px; color:var(--muted); margin-bottom:16px; }
.sim-protection,.sim-tools { border-top:1px solid var(--line); }
.sim-protection summary,.sim-tools summary { font-size:13px; padding-block:18px; }
.sim-protection .sim-fields > label:last-child { grid-column:1/-1; }
#demo-app .sim-help { font:400 12px/1.8 var(--body); color:var(--muted); margin:16px 0 0; padding:0; }
.sim-tools { margin-top:20px; }
.sim-tools .sim-field { margin-top:4px; }
.sim-text-button { display:inline-flex; align-items:center; min-height:44px; background:transparent; color:var(--muted); border:0; text-decoration:underline; text-underline-offset:4px; font:500 12px/1.5 var(--body); padding:8px 0; }
.sim-text-button:hover { color:var(--green); }
.sim-tools .sim-text-button { display:flex; margin-top:8px; }
.sim-market-tools { display:flex; align-items:end; flex-wrap:wrap; gap:0 18px; margin-bottom:18px; }
.sim-market-tools .sim-field { flex:1; min-width:180px; margin-bottom:0; }
.sim-market-tools .sim-text-button { margin-bottom:1px; }
.sim-item { padding:22px 0; border-top:1px solid var(--line); }
.sim-item-heading { margin-bottom:15px; }
.sim-item-select { display:flex; align-items:center; gap:12px; cursor:pointer; }
.sim-item-select img { width:44px; height:44px; background:#d7e2ed; border-radius:5px; object-fit:contain; }
.sim-item-select > span { min-width:0; }
.sim-item-select strong { display:block; font:700 15px/1.4 var(--display); }
.sim-item-select small { display:block; font-size:11px; color:var(--muted); margin-top:4px; }
.sim-copies { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.sim-copy { border:1px solid #51667b; border-radius:5px; padding:5px 9px; font:11px/1.4 var(--mono); color:#d8e4ec; background:#223245; }
.sim-copy.is-held { color:#e8cb97; border-color:#7e6d4f; background:#342e23; }
.sim-decision { border-left:2px solid #507e66; padding-left:16px; }
.sim-target { display:flex; gap:8px 16px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.sim-target > span { font:10px/1.5 var(--mono); letter-spacing:.5px; color:var(--muted); }
.sim-target strong { font:700 24px/1.2 var(--display); color:var(--green); overflow-wrap:anywhere; }
.sim-action-summary { font-size:12px; color:#c8efda; margin-top:10px; }
.sim-item-reason { font-size:13px; color:var(--ink); margin-top:12px; line-height:1.8; overflow-wrap:anywhere; }
.sim-profit { font-size:11px; color:var(--muted); margin-top:10px; line-height:1.7; }
.sim-explanation { border-bottom:0; }
.sim-explanation summary { font-size:12px; padding-block:15px; }
.sim-explanation summary::after { font-size:18px; top:17px; }
.sim-explanation ol { margin:0; padding-left:20px; }
.sim-explanation li { padding:0 0 13px; font-size:12px; overflow-wrap:anywhere; }
.sim-explanation li strong,.sim-explanation li span { display:block; }
.sim-explanation li span { color:var(--muted); margin-top:4px; }
.sim-history { padding:30px; border-top:1px solid var(--line); background:#17212d; }
.sim-history .sim-section-heading { margin-bottom:8px; }
.sim-log { padding:0; margin:22px 0 0; list-style:none; }
.sim-log-entry { display:grid; grid-template-columns:76px minmax(0,1fr) 100px; gap:16px; align-items:start; border-top:1px solid var(--line); padding:18px 0; }
.sim-badge { background:#254534; border:1px solid #557f63; border-radius:5px; color:#c8f7da; padding:5px 7px; font:600 11px/1.4 var(--body); text-align:center; }
[data-action="skip"] .sim-badge,[data-action="hold"] .sim-badge { background:#293744; border-color:#526679; color:#d7e2ed; }
.sim-log-description strong,.sim-log-description span,.sim-log-description small,.sim-log-charge strong,.sim-log-charge small { display:block; }
.sim-log-description strong { font-size:13px; }
.sim-log-description span { color:#c8efda; font-size:13px; margin-top:5px; }
.sim-log-description small { color:var(--muted); font-size:11px; line-height:1.7; margin-top:7px; }
.sim-log-charge { text-align:right; font-size:12px; }
.sim-log-charge small { color:var(--muted); font-size:10px; margin-top:6px; }
.sim-log-empty { color:var(--muted); font-size:13px; padding:22px 0; border-top:1px solid var(--line); }
#demo-app :focus-visible { outline:2px solid var(--green); outline-offset:3px; }
@media(max-width:1000px) { .sim-layout { grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr); } .sim-strategy,.sim-market,.sim-history { padding:24px; } .sim-market-tools { display:block; } }
@media(max-width:760px) { .sim-layout { grid-template-columns:minmax(0,1fr); } .sim-strategy { border-right:0; border-bottom:1px solid var(--line); } .sim-toolbar { padding:22px; } .sim-feedback { padding:16px 22px; } .sim-readouts { gap:26px; } .sim-log-entry { grid-template-columns:68px minmax(0,1fr); gap:12px; } .sim-log-charge { grid-column:2; text-align:left; display:flex; flex-wrap:wrap; gap:12px; } .sim-log-charge small { margin-top:0; } }
@media(max-width:400px) { .sim-strategy,.sim-market,.sim-history { padding:20px 16px; } .sim-fields { gap:0 10px; } .sim-toolbar { padding:20px 16px; } .sim-readouts { gap:18px; } .sim-readouts span { font-size:8px; } .sim-readouts strong { font-size:24px; } .sim-run-controls { gap:7px; } .sim-run-controls button { padding-inline:10px; font-size:12px; } .sim-feedback { padding:16px; } .sim-item-select { gap:8px; } .sim-item-select img { width:36px; height:36px; } .sim-item-select strong { font-size:14px; } .sim-profile-tabs button { font-size:12px; } }