/* ===== Dropdown Menus (A7) =====
 * 通用 .am-menu 下拉菜单容器 + .am-menu-item 菜单项
 * 加载顺序：styles.css 之后
 */

/* 对齐宿主 ant-dropdown-menu（SPEC §2.4-4） */
.am-menu {
  position: absolute;
  background: #fcfcfc;
  border-radius: 10px;
  border: 1px solid #0000000d;
  box-shadow: 0px 20px 25px -5px #0009091f;
  z-index: 100;
  min-width: 183px;
  max-width: min(320px, calc(100vw - 24px));
  padding: 4px;
  max-height: 320px;
  overflow-y: auto;
  animation: am-menu-in 120ms ease-out;
  transform-origin: top left;
}

/* 右侧弹出防溢出 */
.am-menu.anchor-right { left: auto; right: 0; transform-origin: top right; }

/* 菜单内窄滚动条 */
.am-menu::-webkit-scrollbar { width: 4px; }
.am-menu::-webkit-scrollbar-track { background: transparent; }
.am-menu::-webkit-scrollbar-thumb { background: #d8d8d8; border-radius: 2px; }

@keyframes am-menu-in {
  from { opacity: 0; transform: scale(.98); }
  to   { opacity: 1; transform: scale(1); }
}

.am-menu-item {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: var(--type-body-size);
  color: var(--text);
  cursor: default;
  white-space: nowrap;
  gap: 8px;
 line-height: var(--type-body-line); }

.am-menu-item:hover {
  background: #0000000d;
  border-radius: 8px;
}

.am-menu-item.selected {
  color: var(--orange-text);
  background: #0000000d;
  border-radius: 8px;
}

.am-menu-item .desc,
.am-menu-item-desc {
  font-size: var(--type-caption-size);
  color: var(--text-2);
  margin-left: auto;
 line-height: var(--type-caption-line); }

/* 菜单头区（放行提示） */
.am-menu-head {
  padding: 8px 10px 6px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 4px;
}

.am-menu-title {
  font-size: var(--type-caption-size);
  color: #808080;
  margin-bottom: 2px;
 line-height: var(--type-caption-line); }

.am-menu-tip {
  font-size: var(--type-caption-size);
  color: #9e9e9e;
  
  white-space: normal;
  max-width: 260px;
 line-height: var(--type-caption-line); }

/* 键盘导航焦点（A2/A3 即将实现） */
.am-menu-item.kbd-focus { background: #0000000d; border-radius: 8px; }

/* ===== Q14 底部输入区差异修复（round-26 S2 · 逐条 cmp2 验证） =====
 * 仅新增选择器，靠加载顺序覆盖 styles.css（铁律：styles.css 冻结）。
 * #8 自动放行文本 #a9691d → var(--am-composer-auto-approve-accent)
 *    （= --am-yellow-11 #a56900）【DESIGN-TOKENS 差异表 #8 · token 源 L12639/L13533】
 * #9 模型 pill 图标 #de765d → var(--am-orange-11) #c65b00【DESIGN-TOKENS #9 · L12615】
 * #18 输入框 shadow 双层(0 2px 14px + 0 0 4px) → var(--am-shadow-xs)
 *    0 1px 2px #0000000d 单层【DESIGN-TOKENS #18 · L11932；N2 节明确归 S2】 */
.pill.auto, .pill.auto svg { color: var(--am-composer-auto-approve-accent); }
.pill.model .model-icon { color: var(--am-orange-11); } /* #9：styles.css L298 var(--orange-icon) #de765d → #c65b00 */
/* #18（composer shadow → --am-shadow-xs）已试装并回退：cmp2 'composer border' diff -3px 超标
 *（阴影变淡使 #dddddd 检测 bbox 下缘收缩）。像素冲突待裁决（round-26 S2 对照清单 #18）。 */

/* ===== Q21 底部输入区宿主对齐（round-27 S2 · HOST-EVIDENCE-4 §1）===== */
/* C1 模式选择器（§1.1/§1.4 L1 + §1.2 token）：命中区 32 高（--composer-toolbar-height），
 *   内容 = 图标 16（--composer-control-icon-size）+ label 14 + chevron 12（--composer-control-chevron-size #808080）；
 *   hover 面 padding 6 r8（§1.4 --hover-surface）bg #0000000d */
.mode-picker-button {
  display: inline-flex; align-items: center; gap: 4px;   /* §1.4 pill 内 gap 4 */
  height: 32px; padding: 6px; border: 0; border-radius: 8px;
  background: transparent; color: var(--am-foreground, #1e1e1e);
  font-size: var(--type-body-size); font-weight: 400;  cursor: default;
 line-height: var(--type-body-line); }
.mode-picker-button:hover { background: var(--am-gray-a3, #0000000d); }
.mode-picker-button svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.mode-picker-button .mode-picker-chevron { width: 12px; height: 12px; color: #808080; }
/* 运行态 badge（§1.1 L104747）：色 = --composer-send-agent-bg #000000df */
.mode-picker-button.processing { color: #000000df; }
.mode-picker-button.processing:hover { background: transparent; }
/* 模式菜单（复用 .am-menu 体系；placement topLeft 由 JS 定位） */
.mode-picker-menu .am-menu-item { gap: 8px; }
.mode-picker-menu .am-menu-item svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.mode-picker-menu .am-menu-item.selected svg { color: var(--am-foreground, #1e1e1e); }

/* C2 发送按钮（§1.2/§1.4）：空输入(disabled) #808080、可发送 #000000df（--composer-send-agent-bg）、
 *   白箭头 16px（size-4）；圆形不变（任务书 C2 口径，§1.4 的 r12 翻案留待 Leader 裁决） */
.send:disabled { background: #808080; }
.send:not(:disabled) { background: #000000df; }
.send svg { width: 16px; height: 16px; }

/* C3 回形针（§1.4 R1 + §1.2 --composer-icon-button-*）：32×32 r8 色 #0000007d（secondary） */
.paperclip-btn { color: #0000007d; }
.paperclip-btn:hover { background: var(--am-gray-a3, #0000000d); color: var(--am-foreground, #1e1e1e); }
.paperclip-btn svg { width: 16px; height: 16px; }

/* C3 附件 toast（复刻反馈；样式同 cm-toast 规格从简） */
.am-toast {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
  z-index: 9999; max-width: min(420px, calc(100vw - 32px));
  padding: 7px 14px; background: #1e1e1e; color: #fff;
  font-size: var(--type-body-size);  border-radius: 8px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  pointer-events: none; box-shadow: 0 4px 16px rgba(0,0,0,.2);
 line-height: var(--type-body-line); }

/* C6 AI 声明（§1.6 实证）：右对齐贴窗右缘 12px、12px 黑字 #000000。
 *   显隐（Q22 收口）：由 composer.js updateNote() 控制——空态隐藏（用户空态截图实证
 *   卡片下方无声明）、办公模式有对话时显示、seg=code 隐藏（cmp2-known note 项口径）。
 *   实现约束：保持文档流（width:fit-content + margin-right:12px）——absolute 脱流会使
 *   composer-wrap 高度 -20px、输入区整体下移（cmp2 y+20 连带 10 项，已实测回退）；
 *   覆盖 styles.css .composer-note 的 860 居中容器右对齐（#9a9e9e → #000000）。 */
.composer-note {
  width: fit-content; max-width: none;
  margin: 6px 12px 0 auto; padding-right: 0;
  text-align: right; font-size: var(--type-caption-size);  color: #000000;
 line-height: var(--type-caption-line); }

/* 菜单分隔线 */
.am-menu-sep {
  height: 1px;
  background: var(--border);
  margin: 4px 6px;
}

/* 提示文案块（如自动放行菜单下方说明） */
.am-menu-hint {
  padding: 6px 10px 4px;
  font-size: var(--type-caption-size);
  color: var(--text-2);
  
  white-space: normal;
  max-width: 240px;
 line-height: var(--type-caption-line); }