.agent-chat {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid #29415f;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(16, 35, 59, .92), rgba(9, 20, 35, .95));
}

.agent-chat > header,
.agent-chat form footer,
.agent-message > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.agent-chat h3,
.agent-chat p { margin: 0; }
.agent-chat [data-agent-connection] { color: #8fe8c7; font-size: 13px; }
.agent-transcript {
  display: grid;
  gap: 10px;
  max-height: 440px;
  min-height: 150px;
  overflow: auto;
  padding: 12px;
  border: 1px solid #243d5a;
  border-radius: 10px;
  background: #07101d;
}
.agent-empty { align-self: center; color: #829bb7; text-align: center; }
.agent-message { display: grid; gap: 8px; padding: 11px; border: 1px solid #223a55; border-radius: 10px; background: #0b1727; }
.agent-message[data-agent-role="user"] { border-color: #356a86; background: #0b2432; }
.agent-message > header { color: #a9c7e2; font-size: 13px; }
.agent-message > header span { color: #86a8c3; font-size: 12px; }
.agent-message pre { overflow: auto; margin: 0; color: #e3eefb; font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; }
.agent-markdown { overflow: auto; color: #e3eefb; font: 14px/1.7 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-wrap: anywhere; }
.agent-markdown > :first-child { margin-top: 0; }
.agent-markdown > :last-child { margin-bottom: 0; }
.agent-markdown h1, .agent-markdown h2, .agent-markdown h3 { margin: 16px 0 8px; color: inherit; line-height: 1.3; }
.agent-markdown h1 { font-size: 20px; }
.agent-markdown h2 { font-size: 17px; }
.agent-markdown h3 { font-size: 15px; }
.agent-markdown p { margin: 8px 0; }
.agent-markdown ul, .agent-markdown ol { margin: 8px 0; padding-left: 1.4rem; }
.agent-markdown li + li { margin-top: 3px; }
.agent-markdown code { padding: 1px 4px; border-radius: 4px; background: rgba(127, 174, 204, .16); font: .9em ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.agent-markdown .agent-code { margin: 8px 0; padding: 10px; border-radius: 8px; background: rgba(0, 0, 0, .22); white-space: pre-wrap; }
.agent-markdown .agent-code code { padding: 0; background: none; }
.agent-markdown blockquote { margin: 8px 0; padding-left: 10px; border-left: 3px solid #76dccc; color: #bdd3e7; }
.agent-markdown hr { margin: 14px 0; border: 0; border-top: 1px solid #29415f; }
.agent-markdown table { width: 100%; margin: 10px 0; border-collapse: collapse; font-size: 13px; }
.agent-markdown th, .agent-markdown td { padding: 7px 9px; border: 1px solid #29415f; text-align: left; vertical-align: top; }
.agent-markdown th { background: rgba(118, 220, 204, .12); font-weight: 700; }
.agent-error { color: #ff9cae; font-size: 13px; }
.agent-chat form { display: grid; gap: 10px; }
.agent-chat textarea { min-height: 8rem; resize: vertical; border: 1px solid #365273; border-radius: 9px; padding: 10px; color: #e9f2ff; background: #07101d; }
.agent-chat form footer { justify-content: flex-end; }

.production-agent-reply {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #557b92;
  border-radius: 10px;
  background: rgba(17, 48, 63, .72);
}
.production-agent-reply label { display: grid; gap: 7px; color: #d7e8f7; font-size: 13px; font-weight: 700; }
.production-agent-reply textarea { min-height: 5.5rem; resize: vertical; border: 1px solid #477291; border-radius: 8px; padding: 10px; color: #e9f2ff; background: #07101d; font: inherit; line-height: 1.55; }
.production-agent-reply button { justify-self: end; }

.studio-workbench[data-theme="platinum"] .agent-chat { border-color: #d8cba9; background: linear-gradient(135deg, #fffdf8, #f4f1e8); }
.studio-workbench[data-theme="platinum"] .agent-transcript { border-color: #ded2b5; background: #fffdf8; }
.studio-workbench[data-theme="platinum"] .agent-message { border-color: #ded2b5; background: #f8f4eb; }
.studio-workbench[data-theme="platinum"] .agent-message[data-agent-role="user"] { border-color: #cdbd90; background: #f4ead3; }
.studio-workbench[data-theme="platinum"] .agent-message pre,
.studio-workbench[data-theme="platinum"] .agent-markdown,
.studio-workbench[data-theme="platinum"] .agent-chat textarea { color: #1c2736; }
.studio-workbench[data-theme="platinum"] .agent-markdown code { background: #eee5d2; }
.studio-workbench[data-theme="platinum"] .agent-markdown .agent-code { background: #f0eadc; }
.studio-workbench[data-theme="platinum"] .agent-markdown blockquote { border-color: #967a46; color: #53606b; }
.studio-workbench[data-theme="platinum"] .agent-markdown hr,
.studio-workbench[data-theme="platinum"] .agent-markdown th,
.studio-workbench[data-theme="platinum"] .agent-markdown td { border-color: #ded2b5; }
.studio-workbench[data-theme="platinum"] .agent-markdown th { background: #f4ead3; }
.studio-workbench[data-theme="platinum"] .agent-chat textarea { border-color: #d8cba9; background: #fffdf8; }
.studio-workbench[data-theme="platinum"] .production-agent-reply { border-color: #cdbd90; background: #f4ead3; }
.studio-workbench[data-theme="platinum"] .production-agent-reply label { color: #314d69; }
.studio-workbench[data-theme="platinum"] .production-agent-reply textarea { color: #1c2736; border-color: #d8cba9; background: #fffdf8; }

@media (max-width: 640px) {
  .agent-chat > header, .agent-chat form footer { align-items: stretch; flex-direction: column; }
  .agent-chat form footer > button { width: 100%; }
}

.studio-workbench[data-theme="platinum"] .agent-chat { border-color: var(--yuqi-line); background: var(--yuqi-surface); }
.studio-workbench[data-theme="platinum"] .agent-transcript { border-color: var(--yuqi-line); background: var(--yuqi-surface-muted); }
.studio-workbench[data-theme="platinum"] .agent-message { border-color: var(--yuqi-line); background: var(--yuqi-surface); }
.studio-workbench[data-theme="platinum"] .agent-message[data-agent-role="user"] { border-color: #9fc8c4; background: var(--yuqi-signal-soft); }
.studio-workbench[data-theme="platinum"] .agent-message > header span,
.studio-workbench[data-theme="platinum"] .agent-empty { color: var(--yuqi-muted); }
.studio-workbench[data-theme="platinum"] .agent-message pre,
.studio-workbench[data-theme="platinum"] .agent-markdown,
.studio-workbench[data-theme="platinum"] .agent-chat textarea { color: var(--yuqi-ink); }
.studio-workbench[data-theme="platinum"] .agent-markdown code,
.studio-workbench[data-theme="platinum"] .agent-markdown .agent-code { background: var(--yuqi-surface-muted); }
.studio-workbench[data-theme="platinum"] .agent-markdown blockquote { border-color: var(--yuqi-line-strong); color: var(--yuqi-muted); }
.studio-workbench[data-theme="platinum"] .agent-markdown hr,
.studio-workbench[data-theme="platinum"] .agent-markdown th,
.studio-workbench[data-theme="platinum"] .agent-markdown td { border-color: var(--yuqi-line); }
.studio-workbench[data-theme="platinum"] .agent-markdown th { background: var(--yuqi-surface-muted); }
.studio-workbench[data-theme="platinum"] .agent-chat textarea { border-color: var(--yuqi-line-strong); background: var(--yuqi-surface); }
.studio-workbench[data-theme="platinum"] .production-agent-reply { border-color: #9fc8c4; background: var(--yuqi-signal-soft); }
.studio-workbench[data-theme="platinum"] .production-agent-reply label { color: var(--yuqi-signal-strong); }
.studio-workbench[data-theme="platinum"] .production-agent-reply textarea { color: var(--yuqi-ink); border-color: var(--yuqi-line-strong); background: var(--yuqi-surface); }