/* Historical Stress Test (Sandbox › Strategies and the account Strategies tab). Mobile first; theme tokens from mix-theme.css. */
#dipReplay{--dr-dca:#b9b6c6;--dr-dip:#3fd6c6;--dr-res:#9ad37f;--dr-market:#8f7fe0;--dr-alert:var(--gold);display:grid;gap:14px}
body.light #dipReplay{--dr-dca:#5f6476;--dr-dip:#0b7d84;--dr-res:#3d7d2c;--dr-market:#6a55c8;--dr-alert:#a9782a}
#dipReplay .dr-head{display:grid;gap:10px}
#dipReplay .dr-head h2{margin:0}
#dipReplay [hidden]{display:none!important}
#dipReplay .dr-sub{margin:-4px 0 0;font:500 15px var(--mix-sans);color:var(--text)}
#dipReplay button{min-height:44px;cursor:pointer;font-family:var(--mix-sans)}
#dipReplay .dr-quick{justify-self:start;font:600 12px var(--mix-cond)!important;letter-spacing:.14em;text-transform:uppercase;padding:0 18px!important;border-radius:2px!important;
 color:var(--gold-ink)!important;background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;border:1px solid var(--gold)!important}
/* Steps */
#dipReplay .dr-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#dipReplay .dr-step{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
#dipReplay .dr-step-next{border-color:color-mix(in srgb,var(--gold) 55%,var(--border))}
#dipReplay .dr-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);color:var(--gold);font:500 13px var(--mix-mono)}
#dipReplay .dr-step-done .dr-num{background:var(--gold);color:var(--gold-ink)}
#dipReplay .dr-step h3{margin:3px 0 10px;font:600 12px var(--mix-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
#dipReplay .dr-step-body{min-width:0}
#dipReplay .dr-chips,#dipReplay .dr-controls,#dipReplay .dr-presets{display:flex;flex-wrap:wrap;gap:8px}
#dipReplay .dr-chip{display:grid;justify-items:start;gap:2px;text-align:left;padding:7px 14px!important;border-radius:2px!important;background:transparent!important;
 border:1px solid color-mix(in srgb,var(--gold) 40%,var(--border))!important;color:var(--text)!important;font:500 14px var(--mix-sans)!important;flex:1 1 200px;max-width:100%}
#dipReplay .dr-chip small{font:400 11.5px var(--mix-mono);color:var(--muted)}
#dipReplay .dr-chip[aria-pressed=true]{background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;color:var(--gold-ink)!important;border-color:var(--gold)!important}
#dipReplay .dr-chip[aria-pressed=true] small{color:color-mix(in srgb,var(--gold-ink) 75%,transparent)}
#dipReplay .dr-presets{align-items:center;margin-top:10px}
#dipReplay .dr-step{scroll-margin-top:84px}
#dipReplay .dr-presets.dr-dim{opacity:.55}
#dipReplay .dr-rate select{min-height:44px;padding:0 10px;border-radius:2px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);background:var(--panel);color:var(--text);font:500 13px var(--mix-sans);max-width:100%}
#dipReplay .dr-rate.dr-dim select{cursor:default}
#dipReplay .dr-start{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#dipReplay .dr-start label{display:grid;gap:4px;min-width:0}
#dipReplay .dr-start span{font:500 11px var(--mix-cond);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#dipReplay .dr-start input{box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:44px;padding:0 10px;border-radius:2px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);background:var(--panel);color:var(--text);font:500 15px var(--mix-mono)}
#dipReplay .dr-start-fill{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0;font-size:12.5px;color:var(--muted)}
#dipReplay .dr-start-fill[hidden],#dipReplay .dr-start-error[hidden]{display:none}
#dipReplay .dr-start-fill button{min-height:44px;padding:0 14px!important;border:1px solid var(--gold)!important;border-radius:2px!important;background:transparent!important;color:var(--text)!important;font:600 11px var(--mix-cond)!important;letter-spacing:.12em;text-transform:uppercase}
#dipReplay .dr-start-error{margin:10px 0 0;font-size:13px;color:var(--danger,#e06c75)}
#dipReplay .dr-plan{margin:10px 0 0;font-size:12.5px;color:var(--muted);line-height:1.45}
#dipReplay .dr-presets-label{font:500 11px var(--mix-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:2px}
#dipReplay .dr-presets button,#dipReplay .dr-controls button{font:600 11px var(--mix-cond)!important;letter-spacing:.12em;text-transform:uppercase;padding:0 14px!important;border-radius:2px!important;
 background:transparent!important;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)!important;color:color-mix(in srgb,var(--gold) 82%,var(--text))!important}
#dipReplay .dr-presets button[aria-pressed=true]{background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;color:var(--gold-ink)!important;border-color:var(--gold)!important}
#dipReplay .dr-controls .dr-play{min-width:128px}
/* The nudge: only the next step's button gets the gold ring. */
#dipReplay .dr-nudge{border-color:var(--gold)!important;box-shadow:0 0 0 2px var(--gold),0 0 18px -2px color-mix(in srgb,var(--gold) 70%,transparent)!important;animation:dr-nudge 1.8s ease-in-out infinite}
@keyframes dr-nudge{50%{box-shadow:0 0 0 2px var(--gold),0 0 4px -2px color-mix(in srgb,var(--gold) 30%,transparent)}}
#dipReplay .dr-loading{color:var(--muted);font-size:14px}
/* Chart */
#dipReplay .dr-chart{margin:0;display:grid;gap:6px}
#dipReplay .dr-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font:400 11.5px var(--mix-mono);color:var(--muted)}
#dipReplay .dr-legend span::before{content:'';display:inline-block;width:14px;height:0;border-top:2px solid;vertical-align:middle;margin-right:6px}
#dipReplay .dr-legend .dr-key-dca::before{border-color:var(--dr-dca)}#dipReplay .dr-legend .dr-key-dip::before{border-color:var(--dr-dip);border-top-width:3px}
#dipReplay .dr-legend .dr-key-net::before{border-color:var(--dr-dip);border-top-style:dashed;border-top-width:1.5px}
#dipReplay .dr-legend .dr-key-res::before{border-color:var(--dr-res);border-top-width:2.5px}
#dipReplay .dr-legend .dr-key-release::before{width:7px;height:7px;border:0;background:var(--dr-res)}
#dipReplay .dr-legend .dr-key-market::before{border-color:var(--dr-market);border-top-style:dotted;opacity:.8}
#dipReplay .dr-legend .dr-key-alert::before{width:8px;height:8px;border:0;border-radius:50%;background:var(--dr-alert)}
#dipReplay .dr-plot{width:100%;min-width:0}
#dipReplay .dr-svg{display:block;width:100%;height:auto;overflow:visible}
#dipReplay .dr-svg text{font-family:var(--mix-mono);font-size:10.5px;fill:var(--muted)}
#dipReplay .dr-grid{stroke:var(--border);stroke-width:1}
#dipReplay .dr-market-area{fill:var(--dr-market);opacity:.07;stroke:none}
#dipReplay .dr-market-ahead{fill:none;stroke:var(--dr-market);stroke-width:1.2;opacity:.35;stroke-dasharray:2 3}
#dipReplay .dr-market-done{fill:none;stroke:var(--dr-market);stroke-width:1.1;opacity:.5}
#dipReplay .dr-line-dca{fill:none;stroke:var(--dr-dca);stroke-width:2;stroke-linejoin:round}
#dipReplay .dr-line-dip{fill:none;stroke:var(--dr-dip);stroke-width:2.6;stroke-linejoin:round}
#dipReplay .dr-line-res{fill:none;stroke:var(--dr-res);stroke-width:2.3;stroke-linejoin:round}
#dipReplay .dr-line-net{fill:none;stroke:var(--dr-dip);stroke-width:1.2;stroke-dasharray:4 4;opacity:.7}
#dipReplay .dr-line-net-dca{stroke:var(--dr-dca)}#dipReplay .dr-line-net-res{stroke:var(--dr-res)}
#dipReplay .dr-now{stroke:var(--muted);stroke-width:1;opacity:.35}
#dipReplay .dr-head-dca{fill:var(--dr-dca)}#dipReplay .dr-head-dip{fill:var(--dr-dip);stroke:var(--panel);stroke-width:1.5}
#dipReplay .dr-head-res{fill:var(--dr-res);stroke:var(--panel);stroke-width:1.5}
#dipReplay .dr-release{fill:var(--dr-res);stroke:var(--panel);stroke-width:1.5}
#dipReplay .dr-alert{fill:var(--dr-alert);stroke:var(--panel);stroke-width:1.5}
#dipReplay .dr-alert-repeat{opacity:.85}
#dipReplay .dr-pulse{fill:none;stroke:var(--dr-alert);stroke-width:2}
#dipReplay .dr-svg .dr-alert-tag{fill:var(--dr-alert);font-size:9.5px}
#dipReplay .dr-svg .dr-alert-label{fill:var(--dr-alert);font:600 11px var(--mix-cond);letter-spacing:.06em;paint-order:stroke;stroke:var(--panel);stroke-width:3px}
#dipReplay .dr-svg .dr-bottom-tag{fill:var(--text);font-size:10px;opacity:.75}
#dipReplay .dr-svg .dr-date{fill:var(--text);font-size:11px}
#dipReplay .dr-svg .dr-empty{font-family:var(--mix-sans);font-size:13px}
#dipReplay .dr-credit{font-size:11.5px;color:var(--muted)}
/* Narrator */
#dipReplay .dr-caption{margin:0;padding:10px 12px;min-height:3.2em;border-left:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);line-height:1.45;font-size:14.5px}
/* Scoreboards */
#dipReplay .dr-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#dipReplay .dr-score{display:grid;gap:3px;padding:12px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--bg) 40%,transparent);min-width:0}
#dipReplay .dr-score span{font:500 10.5px var(--mix-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#dipReplay .dr-score b{font:500 clamp(18px,4.6vw,24px) var(--mix-mono);color:var(--text);overflow-wrap:anywhere}
#dipReplay .dr-score small{font-size:11.5px;color:var(--muted);line-height:1.35}
#dipReplay .dr-score-dca{border-top:2px solid var(--dr-dca)}#dipReplay .dr-score-dip{border-top:2px solid var(--dr-dip)}
#dipReplay .dr-score-res{border-top:2px solid var(--dr-res)}
#dipReplay .dr-score-diff.dr-ahead b{color:var(--dr-dip)}#dipReplay .dr-score-diff.dr-res-only.dr-ahead b{color:var(--dr-res)}#dipReplay .dr-score-diff.dr-behind b{color:var(--dr-dca)}
/* Risk-o-meter: 10 segments, green → gold → orange → red. */
#dipReplay .dr-risk{--dr-risk:var(--muted);display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-left:3px solid var(--dr-risk);border-radius:3px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
#dipReplay .dr-risk[data-dr-level="1"],#dipReplay .dr-risk[data-dr-level="2"],#dipReplay .dr-risk[data-dr-level="3"]{--dr-risk:var(--return-gain)}
#dipReplay .dr-risk[data-dr-level="4"],#dipReplay .dr-risk[data-dr-level="5"],#dipReplay .dr-risk[data-dr-level="6"]{--dr-risk:var(--gold)}
#dipReplay .dr-risk[data-dr-level="7"],#dipReplay .dr-risk[data-dr-level="8"]{--dr-risk:var(--chart-gold)}
#dipReplay .dr-risk[data-dr-level="9"],#dipReplay .dr-risk[data-dr-level="10"]{--dr-risk:var(--return-loss)}
#dipReplay .dr-risk-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#dipReplay .dr-risk-head span{font:500 10.5px var(--mix-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#dipReplay .dr-risk-head b{font:500 20px var(--mix-mono);color:var(--dr-risk)}
#dipReplay .dr-meter{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
#dipReplay .dr-meter i{height:10px;border-radius:2px;background:color-mix(in srgb,var(--muted) 18%,transparent)}
#dipReplay .dr-meter i.dr-on{background:var(--dr-risk)}
#dipReplay .dr-risk p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
#dipReplay .dr-note{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
body #dipReplay .dr-info .folio-help-trigger{opacity:.85}
#dipReplay .dr-end{display:flex}
#dipReplay .dr-end[hidden]{display:none}
#dipReplay .dr-cta{min-height:44px;display:inline-flex;align-items:center}
@media (min-width:760px){
 #dipReplay .dr-head{grid-template-columns:1fr auto;align-items:end}#dipReplay .dr-head h2,#dipReplay .dr-sub{grid-column:1/-1}
 #dipReplay .dr-scores{grid-template-columns:repeat(4,1fr)}#dipReplay .dr-scores.dr-scores-5{grid-template-columns:repeat(5,1fr)}
 #dipReplay .dr-chip{flex:0 1 auto}
}
@media (max-width:759px){
 #dipReplay .dr-step{padding:10px;gap:10px}
 #dipReplay [data-dr-events]{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #dipReplay [data-dr-events] .dr-chip{padding:7px 10px!important;font-size:13.5px!important}
 #dipReplay [data-dr-events] .dr-chip small{font-size:10.5px;line-height:1.35}
 #dipReplay .dr-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #dipReplay .dr-presets-label{grid-column:1/-1}
 #dipReplay .dr-presets button{padding:0 2px!important;letter-spacing:.04em;font-size:10.5px!important;min-width:0}
 #dipReplay .dr-controls button{flex:1 1 0}
 #dipReplay .dr-dip-presets:has([data-dr-preset="custom"]:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}
 #dipReplay .dr-rate{grid-template-columns:1fr}
 #dipReplay .dr-start{grid-template-columns:repeat(2,minmax(0,1fr))}
 #dipReplay .dr-scores-5 .dr-score-diff{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){#dipReplay .dr-nudge{animation:none}}