/* FastBot: clear work surfaces, decisive forest actions, fresh mint/lime accents. */

.btn.primary,.setup-footer .btn.primary,.landing-cta { background:var(--action-bg); color:var(--action-text); border-color:var(--action-bg); box-shadow:0 5px 13px color-mix(in srgb,var(--action-bg) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.15); }
.btn.primary:hover,.setup-footer .btn.primary:hover:not(:disabled),.landing-cta:hover { background:var(--action-hover); color:var(--action-text); border-color:var(--action-hover); box-shadow:0 7px 16px color-mix(in srgb,var(--action-bg) 24%,transparent); }
.btn.solid-danger { background:var(--danger-action-bg); color:var(--danger-action-text); }
.card { border-color:var(--border); }
.mybots-hero {
  --text:#f5faef; --text-2:#dce8d8; --text-3:#dce8d8; --brand-ink:#d8ef96;
  color:var(--text);
  background:linear-gradient(115deg,#173e2e,#2b6046); border-color:#2b6046; box-shadow:0 16px 32px rgba(20,55,36,.14);
}
.mybots-hero .btn.primary { background:#d8ef96; border-color:#d8ef96; color:#1c432e; }
.mybots-hero .btn.primary:hover { background:#e5f5b8; }
.mybots-hero h1 em { color:#d8ef96; }
.mybots-hero .mybots-eyebrow > span { background:#d8ef96; }
.mybots-hero .mybots-art-core,.mybots-hero .mybots-art-chip { background:#e6eedb; color:#244c36; border-color:#cfdec8; box-shadow:0 9px 20px rgba(9,31,18,.18),inset 0 1px 0 rgba(255,255,255,.5); }
.mybots-hero .art-chip-two { background:#dff0e4; color:#244c36; }
.landing .landing-hero { position:relative; isolation:isolate; }
.landing .landing-hero::before { content:''; position:absolute; top:35px; left:0; width:53%; height:88%; z-index:-1; pointer-events:none; border-radius:42% 52% 38% 55%; background:radial-gradient(ellipse at 34% 28%,color-mix(in srgb,var(--accent-lime) 38%,transparent),transparent 70%); transform:rotate(-8deg); }
.landing .landing-hero h1 { font-size:clamp(42px,4.45vw,62px); line-height:1.5; font-weight:800; letter-spacing:-1.4px; }
.landing .landing-hero-copy > .landing-eyebrow { padding:7px 13px; border:1px solid var(--border); background:var(--brand-soft); border-radius:99px; }
.landing .landing-hero h1 em { color:var(--brand); }
.landing .landing-method.mint { background:#1d503b; border-color:#1d503b; color:#f4faef; --feature-ink:#214a34; --feature-accent:#d8ef96; box-shadow:0 14px 28px rgba(20,55,36,.14); }
.landing .landing-method.mint > p { color:#e0eddf; }
.landing .landing-method.mint > b,.landing .landing-method.mint .landing-method-top > span:last-child { color:#d8ef96; }
.landing .landing-method.mint > button { border-color:#d8ef96; box-shadow:none; }
.landing .landing-method.mint > button:hover { background:#e6f5b5; }
.landing .landing-demo { border:1px solid var(--glass-edge); box-shadow:0 18px 42px color-mix(in srgb,var(--brand) 12%,transparent),inset 0 1px 0 var(--glass-edge); }
.landing .landing-showcase-orbit { opacity:.35; }
.landing .landing-product-art { background:linear-gradient(145deg,var(--brand-soft),var(--pastel-mint)); }
.landing .landing-receipt { border-inline-start:4px solid var(--brand); }
.landing .landing-auth-form .btn.primary { background:var(--action-bg); color:var(--action-text); }
/* Readable progress and conversation surfaces; source of truth stays on the server. */
.brand-symbol { display:block; flex-shrink:0; }
.brand-mark .brand-symbol,.landing-logo .brand-symbol { width:100%; height:100%; }
.landing-logo { overflow:hidden; padding:0; }
.brand-mark { padding:0; overflow:hidden; }
.mobile-bar > b { display:flex; align-items:center; gap:8px; }
.agent-progress { display:flex; align-items:flex-start; flex-wrap:wrap; gap:16px; padding:23px; border:1px solid var(--border); border-radius:22px; background:var(--bg-soft); }
.agent-progress > .grow { flex:1 1 250px; min-width:0; }
.agent-progress-icon { display:grid; place-items:center; width:47px; height:47px; flex-shrink:0; color:var(--brand-ink); background:var(--brand-soft); border:1px solid var(--border); border-radius:15px; }
.agent-progress h2 { font-size:20px; line-height:1.8; margin:5px 0 7px; }
.agent-progress p { color:var(--text-2); font-size:14px; line-height:1.95; overflow-wrap:anywhere; }
.agent-progress small { display:block; margin-top:9px; color:var(--text-3); font-size:12px; line-height:1.9; }
.agent-progress.waiting { background:var(--warn-soft); }
.agent-progress.waiting .agent-progress-icon { color:var(--warn-ink); background:var(--bg); }
.agent-progress.failed { background:var(--bad-soft); }
.agent-progress.failed .agent-progress-icon { color:var(--bad-ink); background:var(--bg); }
.agent-progress > .btn { align-self:center; white-space:normal; text-align:center; }
.store-journey .journey-track { grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); }
.journey-step { font-size:13px; line-height:1.8; min-width:0; overflow-wrap:anywhere; }
.journey-step small { color:var(--text-3); font-size:11px; }
.journey-step.waiting small,.journey-step.paused small { color:var(--warn-ink); }
.journey-step.failed small { color:var(--bad-ink); }
.journey-step.done small { color:var(--ok-ink); }
.journey-step.running small { color:var(--brand-ink); }
.job-banner { flex-wrap:wrap; align-items:flex-start; }
.job-banner > .grow { min-width:0; flex:1 1 260px; }
.job-banner p { font-size:13px; line-height:1.9; color:var(--text-2); margin-top:5px; }
.agent-stage-event { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; border-inline-start:3px solid var(--brand); border-radius:4px 13px 13px 4px; background:var(--bg-soft); }
.agent-stage-event > span { flex-shrink:0; margin-top:3px; color:var(--brand); }
.agent-stage-event > div { min-width:0; }
.agent-stage-event b { font-size:13px; }
.agent-stage-event p { margin:4px 0 0; font-size:13px; line-height:1.9; color:var(--text-2); overflow-wrap:anywhere; }
.agent-workspace .bubble { padding:14px 17px; font-size:14px; line-height:1.95; min-width:0; }
.agent-workspace .msg.system { flex-wrap:wrap; line-height:1.9; overflow-wrap:anywhere; }
.agent-scope { margin-top:10px; }
.agent-scope summary { cursor:pointer; color:var(--brand-ink); padding-block:7px; }
.agent-scope p { margin-top:7px; color:var(--text-2); }
.prompt-card { padding:23px; scroll-margin-top:24px; }
.prompt-heading { display:flex; align-items:flex-start; gap:13px; margin-bottom:14px; }
.prompt-heading > svg { margin-top:5px; color:var(--warn-ink); flex-shrink:0; }
.prompt-heading h3 { font-size:17px; line-height:1.9; margin-top:5px; overflow-wrap:anywhere; }
.prompt-body { white-space:pre-wrap; font-size:14px; line-height:2; overflow-wrap:anywhere; }
.prompt-card p { line-height:1.9; }
.prompt-card .q-text { line-height:1.9; font-size:14px; }
.prompt-card .input.grow { flex:1 1 200px; }
.composer textarea { outline:none; }
.composer textarea:focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.composer-hint { display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:var(--text-3); font-size:12px; line-height:1.9; }
.composer-hint kbd { font:inherit; color:var(--text-2); }
.composer-hint span { margin-inline-start:auto; }
:focus-visible { scroll-margin-block:24px; }
@media(max-width:600px) {
  .agent-progress { padding:18px; gap:12px; }
  .agent-progress > .grow { flex-basis:calc(100% - 60px); }
  .agent-progress > .btn { flex:1 1 130px; }
  .agent-progress h2 { font-size:18px; }
  .store-journey .journey-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .prompt-card { padding:18px; }
  .composer { flex-direction:column; align-items:stretch; }
  .composer textarea { flex:none; min-height:84px; width:100%; }
  .composer > .btn { width:100%; }
  .agent-workspace .bubble { padding:12px 14px; }
  .btn.sm { min-height:36px; }
}
@media(max-width:850px) { .landing .landing-hero h1 { font-size:clamp(38px,5.8vw,51px); letter-spacing:-.8px; }.landing .landing-hero::before { width:100%; top:43%; height:55%; } }
@media(max-width:540px) { .landing .landing-hero h1 { font-size:clamp(31px,8.4vw,40px); line-height:1.65; }.landing .landing-hero-copy > .landing-eyebrow { font-size:10px; padding:6px 10px; }.mybots-hero { border-radius:23px; } }