
/* ---------- 分段控件：办公助手 / 工作伙伴 ---------- */
.lg-home-cat {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 22px;
  padding: 0;
  margin: 18px 0 8px;
  border-radius: 0;
  background: transparent;
  border: none;
}
.lg-home-cat__tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 2px 6px;
  border: none;
  background: transparent;
  border-radius: 0;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.42);
  cursor: pointer;
  white-space: nowrap;
  transition: color .18s;
}
.lg-home-cat__tab:hover { color: rgba(0, 0, 0, 0.72); }
.lg-home-cat__tab.is-active {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  box-shadow: none;
}
/* 选中态：文字下方细划线 */
.lg-home-cat__tab.is-active::after {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: #1f2328;
}
/* 轻量文字 tab：不展示图标 */
.lg-home-cat__ic { display: none; }

/* ---------- 办公助手：AI 速记推荐 chip（推荐行第一项） ---------- */
.chat-welcome .chat-quick-tags .lg-ainote-chip {
  order: -1;                 /* 保证排在推荐标签最前 */
  flex: 0 0 auto;
}
.chat-welcome .chat-quick-tags .lg-ainote-chip .chat-quick-tag-lead svg {
  width: 16px; height: 16px;
}
/* 录音进行中：chip 就地变为录音胶囊（不再置灰，内部控件可点击） */
.chat-welcome .chat-quick-tags .lg-ainote-chip.is-recording {
  cursor: default;
}

/* 隐藏原独立「开始 AI 速记」胶囊入口（功能迁移到推荐行第一项） */
.chat-welcome .lg-ainote-entry { display: none !important; }

/* ---------- 工作伙伴：推荐智能体行 ---------- */
.lg-home-agents {
  order: -1;                 /* 排到输入框上方（与推荐标签同位） */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.lg-home-agents::-webkit-scrollbar { display: none; }
.lg-home-agent {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  padding: 8px 16px;
  border-radius: 32px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.82);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.lg-home-agent:hover { background: #fafafa; border-color: rgba(0, 0, 0, 0.12); }
.lg-home-agent__ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px; height: 18px;
  color: rgba(0, 0, 0, 0.55);
  flex: 0 0 auto;
}
.lg-home-agent__ic svg { width: 17px; height: 17px; }
/* 待激活：轻量文字标记，无底色/无内边距，尽量不撑宽按钮 */
.lg-home-agent.is-pending { padding-right: 12px; }
.lg-home-agent__badge {
  align-self: flex-start;
  margin-left: 3px;
  margin-top: -2px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.28);
  flex: 0 0 auto;
}

/* ---------- 智能体入口：收起为单个 chip + 下拉 ---------- */
.lg-home-agents-entry {
  order: -1;                 /* 与原智能体行同位：排到输入框上方 */
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 0 16px;
}
.lg-home-agents-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 8px 14px;
  border-radius: 32px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.82);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.lg-home-agents-chip:hover { background: #fafafa; border-color: rgba(0, 0, 0, 0.12); }
.lg-home-agents-chip__chev {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: transform .18s ease;
}
.lg-home-agents-entry.is-open .lg-home-agents-chip__chev { transform: rotate(180deg); }

/* 智能体入口：单行「头像集」（多个头像相连/重叠） */
.lg-home-agents-chip.has-stack { padding: 5px 12px 5px 6px; gap: 8px; }
.lg-home-agents-chip__stack {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.lg-home-agents-chip__av {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  flex: 0 0 auto;
  transition: transform .14s ease;
}
.lg-home-agents-chip__av + .lg-home-agents-chip__av { margin-left: -8px; }
.lg-home-agents-chip:hover .lg-home-agents-chip__av { transform: none; }

.lg-agents-drop {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 40;
  min-width: 220px;
  padding: 6px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lg-agents-drop[hidden] { display: none; }
.lg-agents-drop__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  border-radius: 10px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.82);
  cursor: pointer;
  text-align: left;
}
.lg-agents-drop__item:hover { background: #f5f6f8; }
.lg-agents-drop__ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  flex: 0 0 auto;
}
.lg-agents-drop__name { flex: 1 1 auto; white-space: nowrap; }
.lg-agents-drop__badge {
  flex: 0 0 auto;
  font-size: 10px;
  line-height: 16px;
  padding: 0 6px;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.05);
}

/* ---------- 分类态切换：默认「办公助手」，选中「工作伙伴」 ---------- */
/* 首页默认落在「工作」模式（body.lingee-work-as-chat），分类标签在两种模式下都要展示。 */
/* 隐藏 home-greeting-figma 在工作模式下自动注入的智能体行（改由本模块的分类控制） */
.chat-welcome .lg-work-agents { display: none !important; }

/* V3.0 合并首页：大场景智能体推广位默认直出（.lg-home-agents 基础样式即 flex），
   不再按分类隐藏；管理（原组织）模式行为不变（partner 类下照常显示）。 */

/* 办公助手：推荐标签单行横向滑动。
   用 body + 4 个类的高特异性覆盖 figma 模块「工作模式隐藏 .chat-quick-tags」的 !important 规则，
   使推荐行在对话 / 工作两种模式下都能出现并横滑。 */
body .chat-welcome:not(.lg-cat-partner) .chat-quick-tags:not(.chat-quick-tags--rec) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: flex-start;
  gap: 8px !important;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body .chat-welcome:not(.lg-cat-partner) .chat-quick-tags:not(.chat-quick-tags--rec)::-webkit-scrollbar {
  display: none;
}
body .chat-welcome:not(.lg-cat-partner) .chat-quick-tags:not(.chat-quick-tags--rec) .chat-quick-tags-row {
  display: contents !important;
}

/* 工作伙伴：隐藏推荐标签 + 横滑「更多」，显示智能体 */
.chat-welcome.lg-cat-partner .chat-quick-tags { display: none !important; }
.chat-welcome.lg-cat-partner .lg-tags-more { display: none !important; }
.chat-welcome.lg-cat-partner .lg-home-agents { display: flex; }

/* 头像集入口并入快捷标签行：与标签同处一行（不再单独占一行） */
.chat-welcome .chat-quick-tags .lg-home-agents-entry {
  order: -2;              /* 排在 AI 速记等 chip(order:-1) 之前，位于最左 */
  width: auto;
  margin: 0;
  flex: 0 0 auto;
  /* 固定在最左：其后的快捷标签独立横向滚动，本入口始终可见 */
  position: sticky;
  left: 0;
  z-index: 6;
  padding-right: 14px;
  /* 实底白：滚动的标签从其下方穿过，不与固定入口重叠 */
  background: #fff;
}
/* 智能体入口与其后快捷标签之间的分割线 */
.chat-welcome .chat-quick-tags .lg-home-agents-entry::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none;
}
/* 头像集入口在标签行内的下拉：改 fixed 定位，避免被标签行的横向滚动容器裁剪 */
.chat-welcome .chat-quick-tags .lg-home-agents-entry .lg-agents-drop {
  position: fixed;
  left: auto;
  top: auto;
}
