/* 智能助手 · 青绿改深空金，对话 / SOP / 工具调用不动 */

:root {
  --agent-teal: #8a6d1f;
  --agent-teal-d: #6d5416;
  --agent-teal-hi: #8a6d1f;
  --agent-teal-soft: rgba(138, 109, 31, 0.12);
  --agent-ink: #26211a;
  --agent-ink2: #6b6456;
  --agent-ink3: #a59d8a;
  --agent-line: #e8e0d0;
  --agent-line2: #d8ccb4;
  --agent-drawer-bg: #fbf8f0;
  --agent-drawer-head: #fffdf8;
  --agent-drawer-composer: #fffdf8;
  --agent-bubble-user-text: #14100a;
  --agent-bubble-asst-bg: #fffdf8;
  --agent-inbar-bg: #f6efd8;
  --agent-shadow: -10px 0 36px rgba(80, 60, 20, 0.12);
  --agent-pill-shadow: 0 8px 22px rgba(138, 109, 31, 0.28);
}

html.theme-dark,
html.studio-theme-dark {
  --agent-teal: #c9b88f;
  --agent-teal-d: #f2e3ad;
  --agent-teal-hi: #f2e3ad;
  --agent-teal-soft: rgba(242, 227, 173, 0.12);
  --agent-ink: rgba(242, 241, 234, 0.92);
  --agent-ink2: rgba(242, 241, 234, 0.6);
  --agent-ink3: rgba(242, 241, 234, 0.4);
  --agent-line: rgba(242, 227, 173, 0.16);
  --agent-line2: rgba(242, 227, 173, 0.3);
  --agent-drawer-bg: #0c0c0e;
  --agent-drawer-head: #10100f;
  --agent-drawer-composer: #0c0c0e;
  --agent-bubble-user-text: #14100a;
  --agent-bubble-asst-bg: #16140f;
  --agent-inbar-bg: #16140f;
}

.agent-pill {
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a;
}
.agent-drawer-badge,
.agent-inbar-send,
.agent-panel-btn.primary {
  background: linear-gradient(135deg, #f2e3ad, #dcc899);
  color: #14100a;
}
html.theme-dark .agent-drawer-badge,
html.studio-theme-dark .agent-drawer-badge,
html.theme-dark .agent-inbar-send,
html.studio-theme-dark .agent-inbar-send {
  color: #14100a;
}
.shell:not(.no-canvas) #agentPanelPill.agent-mascot-fab {
  background: transparent !important;
  box-shadow: none !important;
}
.agent-inbar-send:hover,
.agent-panel-btn.primary:hover {
  background: #e4c98a;
  color: #14100a;
}

.agent-simple,
.agent-panel {
  font-family: "Space Grotesk", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
.agent-panel-input,
.agent-inbar textarea,
.agent-inbar input {
  font-size: 12.5px;
  font-family: inherit;
}

/* 智能助手 · 完全对照图一窄栏对话；「新 / 接」保留 */
.studio-shell .agent-panel.agent-deck,
.xc-shell-host .agent-panel.agent-deck,
.xc-shell ~ .agent-panel.agent-deck,
#studioAgentPanel.agent-deck,
.agent-panel.agent-drawer,
.agent-simple.agent-drawer,
#studioAgentPanel.agent-drawer,
#agentPanel.agent-panel,
#projectAgentPanel.agent-panel,
.agent-panel.scope-canvas-drawer,
.agent-panel.scope-project-drawer {
  width: min(380px, 100vw) !important;
  max-width: 100vw !important;
  background: #0a0a0a !important;
  color: #f2f1ea !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: -16px 0 40px rgba(0, 0, 0, 0.45) !important;
}
.agent-deck-cols {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0;
  flex: 1;
}
.agent-deck-col.c1,
.agent-deck-col.c3 {
  display: none !important;
}
.agent-deck-col.mid {
  width: 100% !important;
  border: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0;
  flex: 1;
}
.agent-panel-head,
.agent-drawer-head,
.agent-deck-head {
  background: #0a0a0a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 14px 12px !important;
}
.agent-drawer-title-text,
.agent-panel-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
.agent-drawer-badge,
.agent-simple-star {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important;
  color: #fff !important;
  font-size: 14px !important;
  display: grid !important;
  place-items: center !important;
}
.agent-online-tag,
.agent-deck-global-tag,
.agent-online-chip {
  display: inline-flex !important;
  align-items: center;
  margin-left: 6px;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: rgba(34, 197, 94, 0.12) !important;
  color: #4ade80 !important;
  border: 1px solid rgba(74, 222, 128, 0.4) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.agent-panel-head .agent-panel-mode,
.agent-panel-head .agent-panel-model,
.agent-panel-head .agent-panel-select,
.agent-panel-head-actions .agent-panel-select,
.agent-deck-scope,
.agent-drawer-canvas,
.agent-project-scope,
.agent-panel-status,
.agent-drawer-session,
.agent-hook-hint,
.agent-canvas-id,
.agent-panel-canvas-sub,
.agent-ops-top .agent-op-more,
.agent-panel-composer-btns,
.agent-panel-media,
.agent-sop-bar,
.agent-inbar-add,
#studioAgentOrb,
.agent-orb {
  display: none !important;
}
.agent-run-bar:not([data-phase="thinking"]):not([data-phase="tool"]):not([data-phase="uploading"]):not([data-phase="received"]) {
  display: none !important;
}
.agent-drawer-icon,
.agent-deck-icon-btn,
.agent-panel-head-actions .agent-panel-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #f2f1ea !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: inline-grid !important;
  place-items: center !important;
}
.agent-drawer-icon:hover,
.agent-deck-icon-btn:hover {
  border-color: rgba(242, 227, 173, 0.45) !important;
  color: #f2e3ad !important;
}
.agent-panel-messages {
  padding: 14px 14px 8px !important;
  gap: 10px;
}
.agent-panel-msg {
  font-size: 13px !important;
  line-height: 1.7 !important;
  padding: 10px 12px !important;
  max-width: 88% !important;
}
.agent-panel-msg.assistant,
.agent-simple .agent-panel-msg.assistant {
  background: #1c1c1e !important;
  border: 0 !important;
  color: #f2f1ea !important;
  border-radius: 12px !important;
}
.agent-panel-msg.user,
.agent-simple .agent-panel-msg.user,
.agent-bubble-user {
  background: #d9c5a0 !important;
  color: #1c1914 !important;
  border-radius: 12px !important;
}
.agent-ops-top {
  border: 0 !important;
  background: transparent !important;
  padding: 0 12px 8px !important;
  order: 2;
}
.agent-quick {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 0 !important;
}
.agent-quick-chip,
.agent-guide-chip,
.agent-clarify-chip,
.agent-simple .agent-quick-chip {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
  color: rgba(242, 241, 234, 0.86) !important;
  border-radius: 999px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.agent-quick-chip:hover {
  border-color: #d9c5a0 !important;
  color: #f2e3ad !important;
}
.agent-panel-composer,
.agent-deck-composer {
  background: #0a0a0a !important;
  border-top: 0 !important;
  padding: 8px 12px 14px !important;
}
.agent-inbar,
.agent-simple .agent-inbar,
.scope-canvas .agent-inbar,
.scope-canvas-drawer .agent-inbar {
  background: #161616 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  min-height: 46px !important;
  padding: 6px 6px 6px 8px !important;
  align-items: center !important;
}
.agent-inbar::before {
  content: "💬";
  font-size: 13px;
  margin-right: 4px;
  opacity: 0.55;
  flex-shrink: 0;
}
.agent-panel-input,
.scope-canvas .agent-panel-input,
.scope-canvas-drawer .agent-panel-input,
.scope-system .agent-panel-input,
.agent-deck-root .agent-panel-input {
  min-height: 22px !important;
  height: auto !important;
  color: #f2f1ea !important;
  font-size: 13px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 6px 4px !important;
}
.agent-inbar-add,
.agent-inbar-ico {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(242, 241, 234, 0.45) !important;
  border-radius: 8px !important;
}
.agent-inbar-send,
.scope-canvas .agent-inbar-send,
.scope-canvas-drawer .agent-inbar-send,
.agent-simple .agent-inbar-send {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  letter-spacing: 0 !important;
  background: #d9c5a0 !important;
  color: #14100a !important;
  display: grid !important;
  place-items: center !important;
  font-size: 0 !important;
}
.agent-inbar-send svg { display: block; }

html:not(.theme-dark):not(.studio-theme-dark) .studio-shell .agent-panel.agent-deck,
html:not(.theme-dark):not(.studio-theme-dark) #studioAgentPanel.agent-deck,
html:not(.theme-dark):not(.studio-theme-dark) .agent-panel.agent-drawer,
html:not(.theme-dark):not(.studio-theme-dark) #agentPanel.agent-panel,
html:not(.theme-dark):not(.studio-theme-dark) #projectAgentPanel.agent-panel,
html:not(.theme-dark):not(.studio-theme-dark) .agent-panel.scope-canvas-drawer,
html:not(.theme-dark):not(.studio-theme-dark) .agent-panel.scope-project-drawer {
  background: #fffdf8 !important;
  color: #1c1914 !important;
  border-left-color: rgba(28, 26, 23, 0.1) !important;
}
html:not(.theme-dark):not(.studio-theme-dark) .agent-panel-head,
html:not(.theme-dark):not(.studio-theme-dark) .agent-drawer-head,
html:not(.theme-dark):not(.studio-theme-dark) .agent-deck-head,
html:not(.theme-dark):not(.studio-theme-dark) .agent-panel-composer,
html:not(.theme-dark):not(.studio-theme-dark) .agent-deck-composer {
  background: #fffdf8 !important;
}
html:not(.theme-dark):not(.studio-theme-dark) .agent-drawer-title-text {
  color: #1c1914 !important;
}
html:not(.theme-dark):not(.studio-theme-dark) .agent-panel-msg.assistant {
  background: #f3efe4 !important;
  color: #1c1914 !important;
}
html:not(.theme-dark):not(.studio-theme-dark) .agent-quick-chip {
  border-color: rgba(28, 26, 23, 0.16) !important;
  color: #6b6456 !important;
}
html:not(.theme-dark):not(.studio-theme-dark) .agent-inbar {
  background: #efe8d8 !important;
  border-color: rgba(28, 26, 23, 0.1) !important;
}
html:not(.theme-dark):not(.studio-theme-dark) .agent-panel-input {
  color: #1c1914 !important;
}
html:not(.theme-dark):not(.studio-theme-dark) .agent-drawer-icon,
html:not(.theme-dark):not(.studio-theme-dark) .agent-deck-icon-btn {
  border-color: rgba(28, 26, 23, 0.16) !important;
  color: #3a342c !important;
}

/* 项目助手 / 画布助手入口胶囊 */
.agent-pill:not(.agent-mascot-fab) {
  background: #fffdf8 !important;
  color: #1c1914 !important;
  border: 1px solid rgba(28, 26, 23, 0.14) !important;
  box-shadow: 0 8px 22px rgba(80, 60, 20, 0.12) !important;
}
.agent-pill:not(.agent-mascot-fab) .agent-pill-badge {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important;
  color: #fff !important;
}
.agent-pill:not(.agent-mascot-fab) .agent-pill-text {
  font-size: 13px !important;
  font-weight: 800 !important;
}
.agent-pill:not(.agent-mascot-fab) .agent-pill-status {
  color: #6b6456 !important;
}
html.theme-dark .agent-pill:not(.agent-mascot-fab),
html.studio-theme-dark .agent-pill:not(.agent-mascot-fab) {
  background: #121212 !important;
  color: #f2f1ea !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
html.theme-dark .agent-pill:not(.agent-mascot-fab) .agent-pill-status,
html.studio-theme-dark .agent-pill:not(.agent-mascot-fab) .agent-pill-status {
  color: rgba(242, 241, 234, 0.55) !important;
}
.xc-canvas .gate-flow-cta,
.xc-canvas #gateOpenProjectAgentBtn {
  background: linear-gradient(135deg, #ecd9a0, #d3ba82) !important;
  color: #14100a !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 9px 18px !important;
}

/* 顶栏智能助手：右侧 380 抽屉，对照设计稿对话 + 快捷条 */
#studioAgentPanel.agent-panel,
#studioAgentPanel.agent-deck,
#studioAgentPanel.agent-drawer {
  top: var(--studio-topbar-h, var(--xc-header-h, 52px)) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: min(380px, 100vw) !important;
  border-radius: 18px 0 0 18px !important;
  overflow: hidden !important;
  z-index: 2600 !important;
  transform: translateX(110%) !important;
}
#studioAgentPanel.agent-panel.open,
#studioAgentPanel.agent-deck.open,
#studioAgentPanel.agent-drawer.open {
  transform: translateX(0) !important;
}
#studioAgentPanel .agent-panel-convs,
#studioAgentPanel .agent-deck-scope,
#studioAgentPanel .agent-sop-bar,
#studioAgentPanel .agent-hook-hint,
#studioAgentPanel .agent-panel-mode,
#studioAgentPanel .agent-panel-model,
#studioAgentPanel .agent-panel-btn.agent-drawer-icon,
#studioAgentPanel .agent-deck-icon-btn:not([aria-label="隐藏助手"]),
#studioAgentPanel .agent-inbar-add,
#studioAgentPanel #studioWorkflowBar,
#studioAgentPanel .xc-workflow-host,
#studioWorkflowBar,
.xc-wf-overlay {
  display: none !important;
}
#studioAgentPanel > #studioAgentPanelRoot,
#studioAgentPanel .agent-panel-root {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#studioAgentPanel .agent-panel-body,
#studioAgentPanel .agent-deck-cols,
#studioAgentPanel .agent-deck-col.mid,
#studioAgentPanel .agent-panel-main {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
#studioAgentPanel .agent-panel-messages {
  display: flex !important;
  flex: 1;
  min-height: 0;
  overflow: auto;
}

/* 项目助手 / 画布助手：贴顶、左侧圆弧，盖过小地图 */
body[data-canvas-lane="05"] .agent-panel,
body[data-canvas-lane="05"] #agentPanel.agent-panel,
body[data-canvas-lane="05"] #projectAgentPanel.agent-panel,
body[data-canvas-lane="05"] #agentPanel.agent-panel.scope-canvas-drawer,
body[data-canvas-lane="05"] #projectAgentPanel.agent-panel.scope-project-drawer {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 18px 0 0 18px !important;
  overflow: hidden !important;
  z-index: 2600 !important;
}
body[data-canvas-lane="05"].agent-panel-open #minimap,
body[data-canvas-lane="05"].project-agent-open #minimap,
body[data-canvas-lane="05"].agent-panel-open #minimap.minimap,
body[data-canvas-lane="05"].project-agent-open #minimap.minimap,
body[data-canvas-lane="05"].agent-panel-open #minimap.c05-libtv-minimap,
body[data-canvas-lane="05"].project-agent-open #minimap.c05-libtv-minimap {
  z-index: 0 !important;
}