/* Service-confirmed stages; no looping decoration or fake percentage. */
.embedded.workspace-expanded #working,#working{padding:0 24px 10px;flex:none;margin:0;max-width:948px;width:100%;align-self:center}
#working[hidden]{display:none}
#working span{animation:none;display:inline}
.response-wait{padding:16px 20px;background:var(--brand-primary,#123d30);color:#f1faf5;border:1px solid #426454;border-radius:12px}
.wait-copy{min-width:0}
#working .wait-eyebrow{font:500 10px/1.5 var(--brand-font);letter-spacing:.1em;text-transform:uppercase;color:#afd6bf}
#working .wait-divider{margin:0 7px;color:#719d86}
#working .wait-title{font:500 clamp(15px,1.7vw,19px)/1.35 var(--brand-font);letter-spacing:-.02em;color:#f1faf5;margin:6px 0}
#working .wait-detail{font:400 12px/1.55 var(--brand-font);color:#c1d9ca;margin:0;max-width:70ch}
#working .wait-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:0;padding:0;margin:15px 0 12px}
#working .wait-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#a0baac;font:400 10px/1.4 var(--brand-font);text-align:center}
#working .wait-steps li::before{content:"";position:absolute;top:8px;height:1px;left:-50%;width:100%;background:#567767}
#working .wait-steps li:first-child::before{display:none}
#working .wait-step-dot{display:block;position:relative;z-index:1;box-sizing:border-box;width:17px;height:17px;border:1px solid #789786;border-radius:50%;background:var(--brand-primary,#123d30)}
#working .wait-steps li[data-state=done]{color:#d6f7e3}
#working .wait-steps li[data-state=done]::before{background:#a4d4b9}
#working .wait-steps li[data-state=done] .wait-step-dot{background:#c3e9d3;border-color:#c3e9d3}
#working .wait-steps li[data-state=done] .wait-step-dot::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border-right:1.5px solid #123d30;border-bottom:1.5px solid #123d30;transform:rotate(45deg)}
#working .wait-steps li[data-state=active]{color:#f1faf5;font-weight:600}
#working .wait-steps li[data-state=active]::before{background:#a4d4b9}
#working .wait-steps li[data-state=active] .wait-step-dot{border-color:#d6f7e3;box-shadow:0 0 0 3px #c3e9d31c}
#working .wait-steps li[data-state=active] .wait-step-dot::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#d6f7e3}
#working[data-phase=reconnecting] .response-wait{border-color:#bba371}
#working .wait-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;color:#b8d9c5;font:400 10px/1.5 var(--brand-font);border-top:1px solid #426454;padding-top:9px}
#working .wait-clock{font-variant-numeric:tabular-nums;white-space:nowrap}
#working #wait-elapsed{color:#d6f7e3;font-weight:500}
#cancel-queued{background:transparent;color:#d6f7e3;border:0;border-bottom:1px solid #8abea4;padding:6px 0 3px;margin-top:7px;font:400 11px var(--brand-font);cursor:pointer}
#cancel-queued[hidden]{display:none}
.is-waiting #message,.is-waiting .composer-actions>span{display:none}
.is-waiting .composer-actions{margin-top:0;justify-content:flex-end}
@media(max-width:600px){
.embedded.workspace-expanded #working,#working{padding:0 14px 8px}
.response-wait{padding:12px 14px;border-radius:10px}
#working .wait-title{font-size:15px;margin:4px 0}
#working .wait-detail{font-size:11px;line-height:1.45}
#working .wait-meta{font-size:9px;gap:3px 10px;padding-top:7px}
#working .wait-eyebrow{font-size:9px;letter-spacing:.07em}
#working .wait-steps{margin:12px 0 10px}
}
@media(max-height:650px){.response-wait{padding-block:9px}#working .wait-steps{margin:9px 0 8px}#working .wait-meta{padding-top:6px}}
@media(max-height:500px){.embedded.workspace-expanded .chat-body{overflow-y:auto}.embedded.workspace-expanded.has-conversation .chat-stream{flex:none}}
@media(prefers-reduced-motion:reduce){#working *,#working *::after{animation:none!important;transition:none!important}}
