/* =========================================================================
   Agent workspace — light, full-screen, enterprise-style (V1 KA trial).
   Uses brand-new class names (agent-ws-*) to avoid all premium-motion.css dark
   theme rules that target .agent-console / .agent-console-card.
   ========================================================================= */

/* Entrance card on the main workbench page — unchanged. */
.agent-poc[hidden]{display:none}.agent-poc{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1160px;margin:56px auto 72px;padding:26px 30px;border:1px solid rgba(0,110,255,.16);border-radius:18px;background:linear-gradient(120deg,#fff,#f2f7ff);box-shadow:0 18px 45px rgba(16,54,94,.08)}.agent-poc h2{margin:0 0 7px;color:#102d4d}.agent-poc p:not(.eyebrow){margin:0;color:#5b728b}.agent-poc-actions{display:flex;align-items:center;gap:12px;flex:none}.agent-chip{padding:7px 10px;border-radius:999px;background:#eaf3ff;color:#1766ad;font-size:12px;font-weight:700}

/* Legacy connect dialog — kept for backward compatibility, not used by the new workspace. */
.agent-connect{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:22px;background:rgba(7,26,47,.44);backdrop-filter:blur(5px)}.agent-connect-card{width:min(460px,100%);padding:28px;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(4,25,47,.28)}.agent-connect-card h2{margin:0 0 10px;color:#102d4d}.agent-connect-card>p:not(.eyebrow):not(.agent-connect-status){color:#59738f;line-height:1.65}.agent-connect-card label{display:grid;gap:7px;margin:19px 0 8px;color:#395775;font-size:13px;font-weight:700}.agent-connect-card input{border:1px solid #cbdceb;border-radius:9px;padding:11px;font:inherit}.agent-connect-card>div:last-child{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.agent-connect-status{min-height:20px;color:#bf3750;font-size:13px}

/* ---- Full-screen workspace shell ---- */
.agent-workspace{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#f4f7fb}
.agent-workspace[hidden]{display:none!important}

.agent-ws-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;background:#fff;border-bottom:1px solid #e2ecf4}
.agent-ws-heading{min-width:0}
.agent-ws-heading h2{margin:0;font-size:18px;color:#102d4d;line-height:1.3}
.agent-ws-tagline{margin:4px 0 0;max-width:640px;font-size:12.5px;color:#7488a0;line-height:1.55}
.agent-ws-summary{display:block;margin-top:4px;font-size:13px;color:#5b728b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-ws-summary:empty{display:none}
.agent-ws-close{flex:none;border:1px solid #cbdceb;background:#fff;color:#395775;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}
.agent-ws-close:hover{background:#f2f7ff;border-color:#1766ad;color:#1766ad}

/* ---- Lightweight notice bar (only visible when action is needed) ---- */
.agent-ws-notice{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:9px 32px;font-size:13px;line-height:1.5}
.agent-ws-notice[hidden]{display:none!important}
.agent-ws-notice--error{background:#fde9ec;color:#a4293e}
.agent-ws-notice--info{background:#fff8e8;color:#8a5a12}
.agent-ws-notice--success{background:#e8f6ee;color:#137a44}
.agent-ws-notice .button{padding:5px 12px;font-size:12px;border-radius:6px}

/* ---- Main area: task rail + result document ---- */
.agent-ws-main{flex:1 1 auto;display:flex;overflow:hidden;min-height:0}
.agent-ws-tasks{flex:0 0 192px;padding:18px 14px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #e2ecf4;background:#fff;overflow-y:auto}
.agent-ws-tasks .button{text-align:left;padding:10px 14px;font-size:13px;line-height:1.4;border-radius:8px}
.agent-ws-tasks .button:hover{background:#eaf3ff;border-color:#1766ad;color:#1766ad}
.agent-ws-tasks .button.active{background:#1766ad;color:#fff;border-color:#1766ad}

.agent-ws-result{flex:1 1 auto;overflow-y:auto;padding:24px 32px;-webkit-overflow-scrolling:touch}
.agent-ws-empty{max-width:680px;margin:40px auto;color:#889ab0;font-size:14px;text-align:center;line-height:1.7}

/* ---- Result document card (replaces chat bubbles) ---- */
.agent-doc-card{max-width:680px;margin:0 auto 16px;background:#fff;border:1px solid #e2ecf4;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(16,54,94,.05)}
.agent-doc-head{padding:14px 22px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between;gap:10px}
.agent-doc-task{font-weight:700;color:#102d4d;font-size:15px}
.agent-doc-badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2f6;color:#5b728b;white-space:nowrap}
.agent-doc-badge--pending{background:#fff4dd;color:#8a5a12}
.agent-doc-badge--done{background:#e8f6ee;color:#137a44}
.agent-doc-badge--error{background:#fde9ec;color:#a4293e}
.agent-doc-body{padding:22px 26px;color:#1e3a56;font-size:14.5px;line-height:1.75;overflow-wrap:anywhere}
.agent-doc-body p{margin:0 0 14px}
.agent-doc-body p:last-child{margin-bottom:0}
.agent-doc-body ul{margin:0 0 14px;padding-left:20px}
.agent-doc-body li{margin-bottom:6px;line-height:1.7}
.agent-doc-body strong{color:#102d4d}
.agent-doc-body em{color:#395775}
.agent-doc-body code{padding:1px 5px;border-radius:4px;background:#eef2f6;font-size:.92em}
.agent-doc-loading{color:#889ab0;font-size:13px}
.agent-doc-error{color:#a4293e;font-size:13px;line-height:1.6}
.agent-doc-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 26px 18px}
.agent-doc-actions .button{padding:7px 14px;font-size:13px;border-radius:7px}

/* ---- Bottom input bar ---- */
.agent-ws-input{flex:0 0 auto;display:flex;gap:10px;align-items:flex-end;padding:12px 32px;background:#fff;border-top:1px solid #e2ecf4}
.agent-ws-input textarea{flex:1 1 auto;resize:none;border:1px solid #cbdceb;border-radius:8px;padding:9px 12px;font:inherit;line-height:1.5;color:#17233d;max-height:72px;min-height:38px}
.agent-ws-input textarea:focus{outline:none;border-color:#1766ad;box-shadow:0 0 0 2px rgba(23,102,173,.12)}
.agent-ws-input .button{flex:none;padding:9px 22px}

/* Hidden log container — keeps logNote() functional without occupying visual space. */
.agent-ws-log{display:none!important}

/* ---- Responsive ---- */
@media(max-width:760px){
  .agent-poc{display:grid;margin:34px 16px 48px;padding:22px}
  .agent-poc-actions{justify-content:space-between}
  .agent-ws-tasks{flex:0 0 auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e2ecf4;padding:10px}
  .agent-ws-tasks .button{white-space:nowrap}
  .agent-ws-result{padding:16px}
  .agent-ws-input{padding:10px 16px}
  .agent-ws-top{padding:12px 16px}
  .agent-ws-notice{padding:9px 16px}
}

/* ---- Compatibility layer: .agent-message rule preserved for test continuity ---- */
/* The new workspace no longer renders visible .agent-message elements, but this rule is kept
   so existing tests that assert its shape (white-space:pre-wrap, overflow-wrap:anywhere,
   line-height:1.75) continue to pass without churn. */
.agent-message{max-width:76%;padding:13px 15px;border-radius:4px 14px 14px;background:#eaf4ff;color:#173a59;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.agent-message.user{margin:14px 0 0 auto;border-radius:14px 4px 14px 14px;background:#075fc9;color:#fff}

/* =========================================================================
   Tencent Cloud bright theme refinement
   A calm, high-clarity surface for the Agent workspace: cloud white,
   Tencent blue, restrained cyan accents and document-first hierarchy.
   ========================================================================= */
:root{
  --tc-blue:#0b6ff5;
  --tc-blue-deep:#0754c7;
  --tc-blue-soft:#eaf3ff;
  --tc-cyan:#28b8d7;
  --tc-ink:#102a43;
  --tc-muted:#6f849b;
  --tc-line:#dce8f5;
  --tc-surface:#fff;
  --tc-canvas:#f4f8fd;
}

.agent-workspace{
  color:var(--tc-ink);
  background:
    radial-gradient(circle at 76% -12%,rgba(42,181,226,.15),transparent 30%),
    radial-gradient(circle at 8% 14%,rgba(11,111,245,.08),transparent 25%),
    var(--tc-canvas);
}

.agent-ws-top{
  position:relative;
  min-height:74px;
  padding:11px 32px;
  border-bottom:1px solid rgba(195,216,237,.78);
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 28px rgba(26,83,133,.06);
  backdrop-filter:blur(16px);
}
.agent-ws-top::before{
  position:absolute;
  inset:0 0 auto;
  height:3px;
  content:"";
  background:linear-gradient(90deg,var(--tc-blue-deep),var(--tc-blue),var(--tc-cyan),transparent 82%);
}
.agent-ws-heading{padding-left:42px}
.agent-ws-heading::before{
  position:absolute;
  top:19px;
  left:32px;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  content:"✦";
  color:#fff;
  font-size:16px;
  font-weight:800;
  border-radius:10px;
  background:linear-gradient(145deg,var(--tc-blue),var(--tc-cyan));
  box-shadow:0 8px 18px rgba(11,111,245,.25);
}
.agent-ws-heading h2{
  letter-spacing:.01em;
  font-size:18px;
  color:var(--tc-ink);
}
.agent-ws-tagline{
  max-width:920px;
  color:#7187a0;
  font-size:12.5px;
  line-height:1.45;
  text-wrap:pretty;
}
.agent-ws-summary{
  margin-top:3px;
  color:#2d6ea7;
  font-size:12px;
  font-weight:650;
}
.agent-ws-close{
  border-color:#c9ddef;
  color:#1769bb;
  padding:9px 16px;
  border-radius:10px;
  font-weight:700;
  background:#fff;
  box-shadow:0 4px 12px rgba(24,90,146,.05);
}
.agent-ws-close::before{content:"←";margin-right:7px;font-size:16px;vertical-align:-1px}
.agent-ws-close:hover{
  color:#fff;
  border-color:var(--tc-blue);
  background:var(--tc-blue);
  box-shadow:0 8px 18px rgba(11,111,245,.22);
}

.agent-ws-notice{
  margin:14px 40px 0;
  padding:10px 14px;
  border:1px solid #cfe2f6;
  border-radius:10px;
  background:#f7fbff;
  box-shadow:0 4px 14px rgba(32,91,140,.05);
}
.agent-ws-notice--error{border-color:#f4c9d1;background:#fff7f8}
.agent-ws-notice--info{border-color:#f5dfac;background:#fffaf0}
.agent-ws-notice--success{border-color:#c2ead4;background:#f5fdf8}

.agent-ws-main{
  display:grid;
  grid-template-columns:286px minmax(0,1fr);
  gap:26px;
  padding:26px 40px 18px;
}
.agent-ws-tasks{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:16px 14px 14px;
  border:1px solid var(--tc-line);
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 32px rgba(24,76,125,.08);
}
.agent-ws-tasks::before{
  display:none;
  content:none;
}
.agent-ws-tasks::after{
  position:absolute;
  top:22px;
  right:18px;
  width:7px;
  height:7px;
  content:"";
  border-radius:50%;
  background:#3ac39a;
  box-shadow:0 0 0 4px #e5f8f1;
}
.agent-ws-tasks .button{
  position:relative;
  display:flex;
  align-items:flex-start;
  min-height:52px;
  padding:10px 12px 10px 45px;
  border:1px solid transparent;
  border-radius:11px;
  color:#3b5875;
  font-size:13px;
  font-weight:700;
  background:transparent;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.agent-ws-tasks .button::before{
  position:absolute;
  left:13px;
  display:grid;
  width:23px;
  height:23px;
  place-items:center;
  content:counter(agent-task,decimal-leading-zero);
  color:#5c87b0;
  font-size:10px;
  font-weight:800;
}

/* V2: explicit playbook order + conversational answer surface. */
.agent-ws-tasks .button::before{display:none;content:none}
.agent-task-index{
  display:grid;
  width:26px;
  height:26px;
  flex:0 0 26px;
  place-items:center;
  border:1px solid #cfe1f3;
  border-radius:8px;
  color:#3d78ae;
  background:#f4f9ff;
  font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.02em;
}
.agent-task-rail-head{display:grid;gap:3px;padding:2px 5px 9px;border-bottom:1px solid #e6eef6;margin-bottom:2px;text-align:left}
.agent-task-rail-head strong{color:#173b5d;font-size:14px}
.agent-task-rail-head span{color:#8a9db0;font-size:11px}
.agent-task-copy{display:grid;min-width:0;gap:3px;text-align:left}
.agent-task-label{min-width:0;color:inherit;font-size:13px;line-height:1.4;text-align:left}
.agent-task-copy small{color:#8296aa;font-size:11px;font-weight:500;line-height:1.45}
.agent-ws-tasks .button{
  width:100%;
  min-height:68px;
  justify-content:flex-start;
  gap:10px;
  padding:10px 12px;
  text-align:left;
}
.agent-ws-tasks .button:hover .agent-task-index{border-color:#8ebcec;background:#fff;color:#0754c7}
.agent-ws-tasks .button.active .agent-task-index{border-color:rgba(255,255,255,.46);background:rgba(255,255,255,.16);color:#fff}
.agent-ws-tasks .button.active .agent-task-copy small{color:rgba(255,255,255,.76)}

.agent-ws-result{padding:26px 34px 34px}
.agent-ws-result.is-welcome{display:grid;place-items:center}
.agent-welcome{
  display:grid;
  width:min(760px,100%);
  min-height:430px;
  place-items:center;
  align-content:center;
  gap:10px;
  margin:0;
  padding:52px 38px;
  border:1px solid #dce8f3;
  border-radius:20px;
  color:#698198;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 46px rgba(30,80,126,.08);
}
.agent-welcome-icon{display:grid;width:66px;height:66px;place-items:center;margin-bottom:5px;border-radius:20px;background:#f1f7fd;box-shadow:inset 0 0 0 1px #e2edf7}
.agent-welcome-icon span{position:relative;width:28px;height:22px;border:2px solid #1680df;border-radius:5px}
.agent-welcome-icon span::after{position:absolute;bottom:-6px;left:5px;width:8px;height:8px;border-width:0 0 2px 2px;border-style:solid;border-color:#1680df;transform:skewY(-35deg);content:""}
.agent-welcome-kicker{margin:4px 0 0!important;color:#1672ca!important;font-size:11px!important;font-weight:800;letter-spacing:.12em}
.agent-welcome h3{margin:0;color:#153b60;font-size:24px;line-height:1.35}
.agent-welcome>p:not(.agent-welcome-kicker){max-width:560px;margin:0;color:#71879d;line-height:1.7}
.agent-welcome-tags{display:grid;grid-template-columns:repeat(4,auto);gap:8px;margin-top:12px}
.agent-welcome-tags span{padding:8px 12px;border:1px solid #dbe8f4;border-radius:9px;color:#35698f;background:#f8fbff;font-size:12px;font-weight:700}
.agent-doc-card{
  max-width:920px;
  border-color:#d9e7f5;
  border-radius:18px;
  box-shadow:0 18px 50px rgba(31,82,129,.1);
}
.agent-doc-head{
  padding:15px 24px;
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.agent-doc-task{font-size:14px;letter-spacing:.02em}
.agent-thread{
  padding:24px 28px 10px;
  border-bottom:1px solid #e7eff7;
  background:linear-gradient(180deg,#f7fbff 0%,#fafdff 100%);
}
.agent-turn{display:flex;align-items:flex-start;gap:11px;margin:0 0 20px}
.agent-turn--user{flex-direction:row-reverse}
.agent-turn-avatar{
  display:grid;
  width:34px;
  height:34px;
  flex:0 0 34px;
  place-items:center;
  border-radius:11px;
  color:#1766ad;
  background:#e9f5ff;
  box-shadow:inset 0 0 0 1px #cbe5fa;
  font-size:11px;
  font-weight:800;
}
.agent-turn--user .agent-turn-avatar{
  color:#fff;
  background:linear-gradient(145deg,#0b6ff5,#0754c7);
  box-shadow:0 7px 16px rgba(11,111,245,.22);
}
.agent-turn-message{
  max-width:calc(100% - 45px);
  border:1px solid #dbe8f4;
  border-radius:5px 16px 16px;
  padding:14px 17px;
  background:#fff;
  box-shadow:0 7px 20px rgba(26,78,123,.055);
}
.agent-turn--user .agent-turn-message{
  max-width:70%;
  border-color:#1676ed;
  border-radius:16px 5px 16px 16px;
  color:#fff;
  background:linear-gradient(135deg,#1677ff,#075cca);
  box-shadow:0 10px 24px rgba(11,101,218,.19);
}
.agent-turn-message>p{margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.55}
.agent-turn-kicker{display:block;color:#6f88a2;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.agent-turn--user .agent-turn-kicker{color:rgba(255,255,255,.7)}
.agent-doc-body{padding:10px 0 0;color:#24445f;font-size:14.5px;line-height:1.72}
.agent-doc-body>p:first-child{color:#58738d}
.agent-answer-section{
  margin:16px 0 0;
  padding:18px 18px 14px;
  border:1px solid #dbe9f6;
  border-radius:14px;
  background:#f8fbff;
}
.agent-answer-question{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;margin-bottom:13px}
.agent-answer-question span{
  margin-top:2px;
  padding:4px 8px;
  border-radius:7px;
  color:#0754c7;
  background:#e6f1ff;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}
.agent-answer-question h3{margin:0;color:#143a5f;font-size:15px;line-height:1.55}
.agent-answer-label{
  display:inline-flex;
  margin:10px 0 6px;
  color:#1766ad;
  font-size:11px;
  font-weight:850;
  letter-spacing:.04em;
}
.agent-answer-section p{margin:0 0 10px;color:#405f7b}
.agent-answer-section ul,.agent-answer-section ol{margin:2px 0 10px;padding-left:20px}
.agent-answer-section li{padding-left:2px;color:#405f7b}
.agent-doc-loading{display:flex;align-items:center;gap:9px;padding:4px 0;color:#5f7993}
.agent-doc-loading::before{width:8px;height:8px;border-radius:50%;background:#24b7d8;box-shadow:0 0 0 5px #e5f7fb;content:""}
.agent-doc-actions{padding:14px 28px 20px;background:#fff}
.agent-doc-actions .button{border-radius:9px}

.agent-ws-input{
  padding:13px 40px 18px;
  border-top-color:#dbe8f4;
  background:rgba(255,255,255,.96);
  box-shadow:0 -10px 30px rgba(29,78,122,.045);
}
.agent-ws-input textarea{
  min-height:46px;
  max-height:92px;
  padding:11px 14px;
  border-color:#c9dff1;
  border-radius:12px;
  background:#fbfdff;
}
.agent-ws-input textarea::placeholder{color:#879aaf}
.agent-ws-input .button{min-width:92px;min-height:46px;border-radius:12px}

@media(max-width:760px){
  .agent-ws-main{display:flex;padding:14px 0 10px;gap:0}
  .agent-ws-tasks{border-radius:0;padding:10px 12px}
  .agent-ws-tasks::after,.agent-task-rail-head{display:none}
  .agent-ws-tasks .button{min-width:220px}
  .agent-ws-result{padding:14px}
  .agent-welcome{min-height:360px;padding:34px 20px}
  .agent-welcome h3{font-size:20px}
  .agent-welcome-tags{grid-template-columns:repeat(2,auto)}
  .agent-thread{padding:18px 14px 6px}
  .agent-turn--user .agent-turn-message{max-width:82%}
  .agent-answer-question{grid-template-columns:1fr}
  .agent-ws-input{padding:10px 14px 14px}
}

/* V4: one central task checklist + visible WOA/Knot account control. */
.agent-ws-top-actions{display:flex;align-items:center;gap:12px;flex:none}
.agent-connection{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 8px;
  align-items:center;
  gap:10px;
  min-width:210px;
  padding:7px 11px;
  border:1px solid #d2e2f0;
  border-radius:13px;
  color:#315675;
  text-align:left;
  background:#fff;
  box-shadow:0 5px 16px rgba(25,81,131,.06);
  cursor:pointer;
}
.agent-connection:hover{border-color:#8dbce8;background:#f9fcff}
.agent-connection-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#4388d9,#25b9dc);font-weight:800;box-shadow:0 6px 14px rgba(31,126,201,.2)}
.agent-connection-copy{display:grid;min-width:0;gap:2px}
.agent-connection-copy strong,.agent-connection-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-connection-copy strong{color:#173b5d;font-size:12px}
.agent-connection-copy small{color:#7b91a6;font-size:10px}
.agent-connection>i{width:8px;height:8px;border-radius:50%;background:#bdc9d4;box-shadow:0 0 0 4px #edf2f6}
.agent-connection.is-connected>i{background:#25bd89;box-shadow:0 0 0 4px #e2f7ef}
.agent-connection.is-checking>i{background:#e3a72f;box-shadow:0 0 0 4px #fff4dc}
.agent-connection.is-error>i{background:#db5b67;box-shadow:0 0 0 4px #fdebed}

.agent-ws-main{display:flex;flex-direction:column;gap:14px;padding:18px 32px 14px;overflow-y:auto}
.agent-ws-starter{
  display:grid;
  width:min(1120px,100%);
  min-height:min(540px,calc(100vh - 210px));
  align-content:center;
  justify-items:center;
  gap:12px;
  margin:auto;
  padding:36px 44px;
  border:1px solid #dce8f3;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 46px rgba(30,80,126,.08);
}
.agent-starter-symbol{position:relative;width:76px;height:76px;filter:drop-shadow(0 14px 18px rgba(11,102,218,.2))}
.agent-starter-symbol::before{position:absolute;inset:12px;border-radius:50%;background:rgba(40,184,215,.24);filter:blur(14px);content:""}
.agent-starter-symbol svg{position:relative;display:block;width:100%;height:100%;overflow:visible}
.agent-ws-starter-copy{display:grid;justify-items:center;gap:6px;text-align:center}
.agent-ws-starter-copy p{margin:4px 0 0;color:#1672ca;font-size:11px;font-weight:800;letter-spacing:.1em}
.agent-ws-starter-copy h3{margin:0;color:#153b60;font-size:24px;line-height:1.35}
.agent-ws-starter-copy>span{color:#71879d;font-size:13px;line-height:1.65}
.agent-task-grid{display:grid;width:min(880px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}
.agent-task-grid .button{
  display:flex;
  min-height:66px;
  align-items:center;
  justify-content:flex-start;
  gap:11px;
  padding:11px 14px;
  border:1px solid #d8e6f3;
  border-radius:14px;
  color:#315d81;
  text-align:left;
  background:linear-gradient(145deg,#fff,#f5f9fe);
  box-shadow:0 7px 18px rgba(29,83,132,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.agent-task-grid .button:hover{border-color:#78afe4;color:#0754c7;background:#f0f7ff;box-shadow:0 11px 24px rgba(22,105,187,.11);transform:translateY(-2px)}
.agent-task-grid .button.active{border-color:#1475de;color:#fff;background:linear-gradient(135deg,#147bed,#0759c7);box-shadow:0 8px 20px rgba(11,101,218,.17)}
.agent-task-grid .agent-task-index{width:31px;height:31px;flex:0 0 31px;border:0;border-radius:50%;color:#126fc8;background:linear-gradient(145deg,#eaf7ff,#dbeeff);box-shadow:inset 0 0 0 1px #c8e2f6,0 4px 10px rgba(27,113,184,.1)}
.agent-task-grid .button.active .agent-task-index{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.13)}
.agent-task-grid .agent-task-copy{display:grid;min-width:0;gap:3px;text-align:left}
.agent-task-grid .agent-task-label{font-size:13.5px;line-height:1.35;white-space:nowrap}
.agent-task-grid .agent-task-copy small{overflow:hidden;color:#8296aa;font-size:10.5px;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.agent-task-grid .button.active .agent-task-copy small{color:rgba(255,255,255,.76)}
.agent-ws-result.is-welcome{display:none}
.agent-ws-result{width:min(1040px,100%);margin:0 auto;padding:0 0 18px}

.agent-workspace.has-result .agent-ws-starter{min-height:0;align-content:initial;padding:13px 15px;margin:0 auto}
.agent-workspace.has-result .agent-starter-symbol,.agent-workspace.has-result .agent-ws-starter-copy{display:none}
.agent-workspace.has-result .agent-task-grid{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0}
.agent-workspace.has-result .agent-task-grid .button{min-height:42px;padding:8px 9px}
.agent-workspace.has-result .agent-task-grid .agent-task-index,.agent-workspace.has-result .agent-task-grid .agent-task-copy small{display:none}
.agent-workspace.has-result .agent-task-grid .button{justify-content:center;text-align:center}

@media(max-width:980px){
  .agent-ws-top{align-items:flex-start}
  .agent-connection{min-width:180px}
  .agent-connection-copy{display:none}
  .agent-connection{min-width:auto;grid-template-columns:38px 8px}
  .agent-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agent-workspace.has-result .agent-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .agent-ws-main{display:flex;padding:14px;overflow-y:auto}
  .agent-ws-starter{min-height:380px;padding:30px 18px}
  .agent-task-grid{grid-template-columns:1fr}
  .agent-workspace.has-result .agent-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agent-ws-top-actions{gap:7px}
  .agent-connection{padding:5px 7px}
  .agent-ws-close{padding:9px 11px}
}