/* 模型对话页 · 简洁版 (2026-10-28) */
#customerApp.customer-chat-active #c-chat .chat-panel{border:1px solid #eceef3;box-shadow:none;background:#fff}
#customerApp.customer-chat-active #c-chat .chat-sidebar{background:#fafbfc;border-right:1px solid #eef0f4;padding:14px 12px}
#customerApp.customer-chat-active #c-chat .chat-sidebar #newConversationBtn,#customerApp.customer-chat-active #c-chat .chat-sidebar .new-chat,#customerApp.customer-chat-active #c-chat .chat-sidebar>button:first-child{box-shadow:none;border:1px solid #e6e8ef;border-radius:10px;background:#fff;min-height:40px}
#customerApp.customer-chat-active #c-chat .chat-workspace-tabs,#customerApp.customer-chat-active #c-chat .chat-workspace-tab-list{background:transparent;border:0;box-shadow:none;gap:2px;padding:0}
#customerApp.customer-chat-active #c-chat .chat-workspace-tab{background:transparent;border:0;box-shadow:none;color:#8a90a0;font-weight:500;border-radius:8px;padding:6px 0}
#customerApp.customer-chat-active #c-chat .chat-workspace-tab.active,#customerApp.customer-chat-active #c-chat .chat-workspace-tab[aria-selected="true"]{background:#eef0f6;color:#1f2433;box-shadow:none}
#customerApp.customer-chat-active #c-chat .conv-search{border:1px solid #eceef3;background:#fff;box-shadow:none;border-radius:10px}
#customerApp.customer-chat-active #c-chat .chat-topbar{border-bottom:1px solid #f0f1f5;background:#fff;padding:10px 18px;min-height:0;gap:10px}
#customerApp.customer-chat-active #c-chat .chat-vendor-btn{border:1px solid #eceef3;box-shadow:none;border-radius:10px;padding:6px 10px;min-height:0;background:#fff}
#customerApp.customer-chat-active #c-chat .chat-vendor-label small{display:none}
#customerApp.customer-chat-active #c-chat .chat-vendor-label strong{font-size:14px}
#customerApp.customer-chat-active #c-chat .chat-capability-bar{background:transparent;border:0;padding:0;box-shadow:none}
#customerApp.customer-chat-active #c-chat .chat-capability-chip{font-size:12px;padding:3px 10px;border-radius:999px;background:#eefaf3;color:#1d7a4c;border:0}
#customerApp.customer-chat-active #c-chat .chat-capability-divider,#customerApp.customer-chat-active #c-chat .chat-capability-copy{display:none}
#customerApp.customer-chat-active #c-chat .chat-media-action{box-shadow:none;border:1px solid #eceef3;border-radius:999px;padding:5px 12px;font-size:13px;background:#fff}
#customerApp.customer-chat-active #c-chat .chat-box{background:#fff}
#customerApp.customer-chat-active #c-chat .chat-welcome{background:none;box-shadow:none;border:0;gap:14px;padding:12vh 20px 20px}
#customerApp.customer-chat-active #c-chat .chat-welcome::before,#customerApp.customer-chat-active #c-chat .chat-welcome::after{display:none}
#customerApp.customer-chat-active #c-chat .chat-welcome-mark{box-shadow:none;background:transparent;border:0}
#customerApp.customer-chat-active #c-chat .chat-welcome-eyebrow{display:none}
#customerApp.customer-chat-active #c-chat .chat-welcome h3{font-size:24px;font-weight:600;color:#1f2433;margin:4px 0 10px}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt-grid{gap:10px;flex-wrap:wrap;justify-content:center}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt{box-shadow:none;border:1px solid #eceef3;border-radius:999px;background:#fff;font-weight:500;color:#3a4050;padding:8px 16px;min-height:0}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:hover{border-color:#c9cdf5;background:#f7f7ff}
#customerApp.customer-chat-active #c-chat .chat-composer-dock{background:#fff;border-top:0;box-shadow:none;padding:6px 18px 12px}
#customerApp.customer-chat-active #c-chat .chat-composer-dock>*{max-width:820px;margin-left:auto;margin-right:auto}
#customerApp.customer-chat-active #c-chat .chat-task-strip{background:transparent;border:0;box-shadow:none;padding:0 0 8px;gap:6px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
#customerApp.customer-chat-active #c-chat .chat-task-strip::-webkit-scrollbar{display:none}
#customerApp.customer-chat-active #c-chat .chat-task-btn{flex:0 0 auto;background:transparent;border:1px solid transparent;box-shadow:none;border-radius:999px;color:#7a8091;font-size:12.5px;font-weight:500;padding:4px 12px;min-height:0}
#customerApp.customer-chat-active #c-chat .chat-task-btn:hover{color:#1f2433;background:#f4f5f8}
#customerApp.customer-chat-active #c-chat .chat-task-btn.active{background:#f1f0ff;color:#4f46e5;border-color:#e2e0ff;box-shadow:none}
#customerApp.customer-chat-active #c-chat .chat-input{border:1px solid #e6e8ef;border-radius:16px;box-shadow:0 4px 18px rgba(20,24,40,.06);background:#fff;padding:8px}
#customerApp.customer-chat-active #c-chat .chat-input:focus-within{border-color:#c9c6fb;box-shadow:0 4px 22px rgba(79,70,229,.10)}
#customerApp.customer-chat-active #c-chat .attachment-button,#customerApp.customer-chat-active #c-chat .chat-model-btn{border:0;background:#f5f6f9;box-shadow:none;border-radius:10px}
#customerApp.customer-chat-active #c-chat .chat-send{border-radius:12px;box-shadow:none}
#customerApp.customer-chat-active #c-chat .chat-session-usage{justify-content:center;border:0;background:transparent;color:#a0a5b3;font-size:12px;gap:4px;padding-top:6px}
#customerApp.customer-chat-active #c-chat .chat-session-usage strong[hidden]{display:none}
#customerApp.customer-chat-active #c-chat .chat-session-usage small{font-size:12px;color:#8a90a0}
/* 对话页把客服按钮收成小圆标，不压住输入区 */
#customerApp.customer-chat-active .support-launcher{padding:4px;min-height:0;border-radius:999px;box-shadow:0 4px 14px rgba(35,43,91,.12)}
#customerApp.customer-chat-active .support-launcher-copy{display:none}
#customerApp.customer-chat-active .support-widget{bottom:150px}
@media (max-width:768px){
  #customerApp.customer-chat-active #c-chat .chat-welcome{padding:6vh 14px 14px}
  #customerApp.customer-chat-active #c-chat .chat-welcome h3{font-size:20px}
  #customerApp.customer-chat-active #c-chat .chat-composer-dock{padding:6px 10px 10px}
  #customerApp.customer-chat-active #c-chat .chat-vendor-label strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
#customerApp.customer-chat-active #c-chat .chat-input textarea{border:0;box-shadow:none;outline:none;background:transparent}
/* 按钮精修 (2026-10-28) */
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt-grid{gap:10px;max-width:640px;margin:0 auto}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid #e6e8ef;background:#fff;color:#3a4050;font-size:13.5px;font-weight:500;line-height:1;box-shadow:0 1px 2px rgba(20,24,40,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,background .15s ease;cursor:pointer}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt .cwp-ico{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#8a90a0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s ease}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:hover,#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:focus-visible{transform:translateY(-1px);border-color:#c7c3fa;background:#fff;color:#4f46e5;box-shadow:0 6px 16px rgba(79,70,229,.12);outline:none}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:hover .cwp-ico,#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:focus-visible .cwp-ico{stroke:#4f46e5}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:active{transform:translateY(0);box-shadow:0 1px 2px rgba(20,24,40,.06)}
#customerApp.customer-chat-active #c-chat .chat-task-strip{display:flex;gap:6px;width:auto;max-width:820px;-webkit-overflow-scrolling:touch}
#customerApp.customer-chat-active #c-chat .chat-task-btn{width:auto;flex:0 0 auto;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;white-space:nowrap;transition:background .15s ease,color .15s ease}
#customerApp.customer-chat-active #c-chat .chat-task-btn:not(.active):hover{background:#f2f3f6;color:#3a4050}
#customerApp.customer-chat-active #c-chat .chat-task-btn.active{background:#f1f0ff;color:#4f46e5;border-color:transparent}
#customerApp.customer-chat-active .support-unread-badge.hidden{display:none!important}
#customerApp.customer-chat-active .support-unread-badge{min-width:10px;width:10px;height:10px;padding:0;font-size:0;top:-1px;right:-1px}
@media (max-width:768px){#customerApp.customer-chat-active #c-chat .chat-welcome-prompt{height:36px;padding:0 12px;font-size:13px}}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt-grid{display:flex;flex-wrap:wrap;justify-content:center}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt{width:auto;white-space:nowrap;flex:0 0 auto}

/* 欢迎区 / 顶栏排版优化 (2026-10-29) */
#customerApp.customer-chat-active #c-chat .chat-topbar{
  gap:14px;
  padding:12px 22px;
  align-items:center;
}
#customerApp.customer-chat-active #c-chat .chat-vendor-picker{margin-right:2px}
#customerApp.customer-chat-active #c-chat .chat-capability-bar{margin-left:2px}
#customerApp.customer-chat-active #c-chat .chat-media-actions{display:none!important}
#customerApp.customer-chat-active #c-chat .chat-welcome{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:min(14vh,96px) 28px 28px;
  max-width:760px;
  width:100%;
  margin:0 auto;
  text-align:center;
  place-content:initial;
  justify-items:initial;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-mark{
  width:64px;
  height:64px;
  margin:0 0 22px;
  padding:0;
  border:0;
  border-radius:18px;
  background:transparent;
  box-shadow:0 10px 28px rgba(79,70,229,.18);
  overflow:hidden;
  display:grid;
  place-items:center;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-mark img,
#customerApp.customer-chat-active #c-chat .chat-welcome-icon{
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  display:block;
  flex:0 0 auto;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-mark svg{width:64px!important;height:64px!important}
#customerApp.customer-chat-active #c-chat .chat-welcome h3{
  margin:0;
  font-size:clamp(26px,2.6vw,34px);
  font-weight:650;
  letter-spacing:-.03em;
  line-height:1.25;
  color:#1f2433;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-sub{
  margin:12px 0 0;
  max-width:420px;
  color:#8a90a0;
  font-size:14px;
  font-weight:450;
  line-height:1.55;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center;
  align-items:center;
  gap:12px;
  max-width:680px;
  margin:28px auto 0;
  width:100%;
  grid-template-columns:none!important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt{
  height:42px;
  padding:0 18px;
  gap:9px;
  border-radius:999px;
  border:1px solid #e8eaf0;
  background:#fff;
  box-shadow:0 1px 2px rgba(20,24,40,.03);
  font-size:13.5px;
  color:#3a4050;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:hover,
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:focus-visible{
  transform:translateY(-1px);
  border-color:#c9c6fb;
  color:#4f46e5;
  background:#fafaff;
  box-shadow:0 8px 20px rgba(79,70,229,.10);
}
@media (max-width:768px){
  #customerApp.customer-chat-active #c-chat .chat-topbar{padding:10px 12px;gap:8px}
  #customerApp.customer-chat-active #c-chat .chat-welcome{padding:8vh 16px 20px}
  #customerApp.customer-chat-active #c-chat .chat-welcome-mark,
  #customerApp.customer-chat-active #c-chat .chat-welcome-icon{width:56px;height:56px}
  #customerApp.customer-chat-active #c-chat .chat-welcome h3{font-size:22px}
  #customerApp.customer-chat-active #c-chat .chat-welcome-sub{font-size:13px;margin-top:10px}
  #customerApp.customer-chat-active #c-chat .chat-welcome-prompt-grid{gap:10px;margin-top:22px}
  #customerApp.customer-chat-active #c-chat .chat-welcome-prompt{height:38px;padding:0 14px;font-size:13px}
}

/* 厂商按钮默认图标（替代 3D emoji）+ 智能体入口隐藏兜底 (2026-10-29) */
#customerApp.customer-chat-active #c-chat .chat-vendor-icon{
  width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px;
  font-size:0;line-height:0;overflow:hidden;border-radius:7px;background:transparent;
}
#customerApp.customer-chat-active #c-chat .chat-vendor-icon img,
#customerApp.customer-chat-active #c-chat .chat-vendor-icon svg{
  width:18px;height:18px;display:block;
}
#customerApp .customer-nav[data-cview="agents"][hidden],
#customerApp .mobile-bottom-nav-btn[data-cview="agents"][hidden]{display:none!important}

/* ===== 对齐参考图：空状态 + 输入条 (2026-10-29 chat-align) ===== */
#customerApp.customer-chat-active #c-chat .chat-panel{
  background:#f7f7f8;
  border-color:#eceef3;
}
#customerApp.customer-chat-active #c-chat .chat-main{
  background:#f7f7f8 !important;
}
#customerApp.customer-chat-active #c-chat .chat-main.chat-is-empty .chat-topbar{
  background:transparent;
  border-bottom:0;
  box-shadow:none;
}
#customerApp.customer-chat-active #c-chat .chat-main.chat-is-empty .chat-capability-bar,
#customerApp.customer-chat-active #c-chat .chat-main.chat-is-empty .chat-vendor-picker{
  /* 空状态模型选择改到欢迎区；顶栏厂商保留给有消息时 */
}
#customerApp.customer-chat-active #c-chat .chat-main.chat-is-empty .chat-vendor-picker{
  opacity:.01;
  pointer-events:none;
  width:0;
  overflow:hidden;
  margin:0;
  padding:0;
  border:0;
}
#customerApp.customer-chat-active #c-chat .chat-main.chat-is-empty .chat-capability-bar{display:none!important}

#customerApp.customer-chat-active #c-chat .chat-box{
  background:transparent !important;
}
#customerApp.customer-chat-active #c-chat .chat-shell{
  padding:0 20px 8px;
}
#customerApp.customer-chat-active #c-chat .chat-shell.chat-is-empty{
  background:transparent;
}

/* 欢迎区 */
#customerApp.customer-chat-active #c-chat .chat-welcome{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  width:min(920px,100%);
  max-width:920px;
  margin:0 auto;
  padding:min(12vh,88px) 20px 24px;
  text-align:center;
  background:none;
  border:0;
  box-shadow:none;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-head{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 14px;
  margin:0;
}
#customerApp.customer-chat-active #c-chat .chat-welcome h3{
  margin:0;
  font-size:clamp(28px,3.2vw,40px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.2;
  color:#111827;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model{
  position:relative;
  display:inline-flex;
  align-items:center;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:36px;
  padding:0 12px 0 10px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#3b82f6;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-btn:hover{
  background:rgba(59,130,246,.06);
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-icon{
  width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-name{
  max-width:min(46vw,280px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-btn .chat-caret{
  color:#93c5fd;
  font-size:12px;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  min-width:240px;
  max-width:min(90vw,360px);
  max-height:280px;
  overflow:auto;
  padding:6px;
  border:1px solid #e8eaf0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 36px rgba(15,23,42,.12);
  text-align:left;
  z-index:40;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-menu.hidden{display:none!important}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-option{
  display:flex;
  flex-direction:column;
  gap:2px;
  width:100%;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#1f2433;
  cursor:pointer;
  text-align:left;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-option strong{font-size:13.5px;font-weight:600}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-option small{color:#8a90a0;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-option:hover,
#customerApp.customer-chat-active #c-chat .chat-welcome-model-option.active{background:#f3f6ff;color:#2563eb}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-empty{
  padding:14px 12px;color:#8a90a0;font-size:13px;text-align:center;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-sub{
  margin:14px 0 0;
  color:#9ca3af;
  font-size:13.5px;
  font-weight:450;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center;
  align-items:center;
  gap:10px;
  width:100%;
  max-width:820px;
  margin:18px auto 0;
  grid-template-columns:none!important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 16px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  color:#4b5563;
  font-size:13.5px;
  font-weight:500;
  box-shadow:none;
  white-space:nowrap;
  flex:0 0 auto;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:hover,
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:focus-visible{
  transform:none;
  border-color:#c7d2fe;
  color:#4f46e5;
  background:#fafaff;
  box-shadow:none;
  outline:none;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt .cwp-ico{display:none}

/* 输入区：大白圆角卡片 */
#customerApp.customer-chat-active #c-chat .chat-composer-dock{
  background:transparent;
  border-top:0;
  box-shadow:none;
  padding:4px 18px 10px;
}
#customerApp.customer-chat-active #c-chat .chat-composer-dock>*{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
}
#customerApp.customer-chat-active #c-chat .chat-task-strip[hidden]{display:none!important}

#customerApp.customer-chat-active #c-chat .chat-input,
#customerApp.customer-chat-active #c-chat .chat-panel .chat-input{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  width:min(860px,100%);
  min-height:0;
  margin:0 auto;
  padding:14px 16px 12px;
  border:1px solid #e8eaf0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 8px 28px rgba(15,23,42,.06);
}
#customerApp.customer-chat-active #c-chat .chat-panel .chat-input:focus-within{
  border-color:#d4d4fe;
  box-shadow:0 10px 32px rgba(79,70,229,.10);
}
#customerApp.customer-chat-active #c-chat .chat-input textarea{
  width:100%;
  flex:0 0 auto;
  min-height:28px;
  max-height:160px;
  padding:2px 4px 4px;
  border:0!important;
  outline:none!important;
  box-shadow:none!important;
  background:transparent;
  color:#111827;
  font-size:15px;
  line-height:1.55;
  resize:none;
}
#customerApp.customer-chat-active #c-chat .chat-input textarea::placeholder{color:#c0c4ce}

#customerApp.customer-chat-active #c-chat .chat-input-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:36px;
}
#customerApp.customer-chat-active #c-chat .chat-input-tools,
#customerApp.customer-chat-active #c-chat .chat-input-meta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
#customerApp.customer-chat-active #c-chat .chat-input .attachment-button{
  width:32px;
  height:32px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#6b7280;
  box-shadow:none;
}
#customerApp.customer-chat-active #c-chat .chat-input .attachment-button:hover{
  background:#f3f4f6;
  color:#111827;
  border-color:transparent;
}
#customerApp.customer-chat-active #c-chat .chat-tool-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:32px;
  padding:0 12px;
  border:1px solid #e8eaf0;
  border-radius:999px;
  background:#f7f8fa;
  color:#4b5563;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
#customerApp.customer-chat-active #c-chat .chat-tool-chip:hover{background:#eef0f4;color:#111827}
#customerApp.customer-chat-active #c-chat .chat-tool-chip.active,
#customerApp.customer-chat-active #c-chat .chat-tool-chip[aria-pressed="true"]{
  background:#eef2ff;
  border-color:#c7d2fe;
  color:#4338ca;
}
#customerApp.customer-chat-active #c-chat .chat-shell.chat-is-empty .chat-model-picker-inline{
  /* 空状态改由欢迎区选模型；保留 DOM 供 JS */
  position:absolute!important;
  width:1px!important;height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  opacity:0!important;
  pointer-events:none!important;
}
#customerApp.customer-chat-active #c-chat .chat-shell:not(.chat-is-empty) .chat-model-picker-inline{
  position:relative;
  display:inline-flex;
}
#customerApp.customer-chat-active #c-chat .chat-shell:not(.chat-is-empty) .chat-input .chat-model-btn{
  height:32px;
  padding:0 10px;
  border:1px solid #e8eaf0;
  border-radius:999px;
  background:#f7f8fa;
  box-shadow:none;
}
#customerApp.customer-chat-active #c-chat .chat-shell:not(.chat-is-empty) .chat-input .chat-model-btn strong{
  font-size:12.5px;
  max-width:120px;
}

#customerApp.customer-chat-active #c-chat .chat-session-usage{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#9ca3af;
  font-size:12.5px;
  white-space:nowrap;
}
#customerApp.customer-chat-active #c-chat .chat-session-usage .chat-usage-plan{color:#9ca3af}
#customerApp.customer-chat-active #c-chat .chat-session-usage .chat-usage-sep{color:#d1d5db}
#customerApp.customer-chat-active #c-chat .chat-session-usage small{
  font-size:12.5px;
  color:#9ca3af;
  font-weight:500;
}
#customerApp.customer-chat-active #c-chat .chat-input .chat-send,
#customerApp.customer-chat-active #c-chat .chat-input .chat-send:not(.paused):not(.loading){
  display:inline-grid;
  place-items:center;
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#e5e7eb;
  color:#fff;
  box-shadow:none;
  transition:background .15s ease,transform .08s ease;
}
#customerApp.customer-chat-active #c-chat .chat-input .chat-send.is-ready:not(.paused):not(.loading),
#customerApp.customer-chat-active #c-chat .chat-input .chat-send.paused{
  background:#4f46e5;
  color:#fff;
}
#customerApp.customer-chat-active #c-chat .chat-input .chat-send.is-ready:not(.paused):not(.loading):hover{
  background:#4338ca;
  box-shadow:none;
}
#customerApp.customer-chat-active #c-chat .chat-input .chat-send.paused{
  background:#ef4444!important;
}
#customerApp.customer-chat-active #c-chat .chat-ai-disclaimer{
  margin:10px auto 2px;
  max-width:860px;
  text-align:center;
  color:#c0c4ce;
  font-size:12px;
  line-height:1.5;
}

@media (max-width:768px){
  #customerApp.customer-chat-active #c-chat .chat-welcome{padding:7vh 14px 16px}
  #customerApp.customer-chat-active #c-chat .chat-welcome h3{font-size:26px}
  #customerApp.customer-chat-active #c-chat .chat-welcome-prompt{height:34px;padding:0 12px;font-size:12.5px}
  #customerApp.customer-chat-active #c-chat .chat-composer-dock{padding:4px 10px 8px}
  #customerApp.customer-chat-active #c-chat .chat-input,
  #customerApp.customer-chat-active #c-chat .chat-panel .chat-input{
    border-radius:20px;
    padding:12px 12px 10px;
  }
  #customerApp.customer-chat-active #c-chat .chat-tool-chip span{display:none}
  #customerApp.customer-chat-active #c-chat .chat-tool-chip{padding:0 9px}
  #customerApp.customer-chat-active #c-chat .chat-session-usage .chat-usage-plan{display:none}
  #customerApp.customer-chat-active #c-chat .chat-session-usage .chat-usage-sep{display:none}
}


/* ===== 对话侧栏折叠/展开 (2026-10-29) ===== */
#customerApp.customer-chat-active #c-chat .chat-sidebar-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  flex-shrink:0;
}
#customerApp.customer-chat-active #c-chat .chat-sidebar-head .conv-new,
#customerApp.customer-chat-active #c-chat .chat-sidebar-head #newConversationBtn{
  flex:1 1 auto;
  margin:0 !important;
  min-width:0;
}
#customerApp.customer-chat-active #c-chat .chat-sidebar-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  padding:0;
  border:1px solid #e6e8ef;
  border-radius:10px;
  background:#fff;
  color:#8a90a0;
  cursor:pointer;
  box-shadow:none;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
#customerApp.customer-chat-active #c-chat .chat-sidebar-toggle:hover,
#customerApp.customer-chat-active #c-chat .chat-sidebar-toggle:focus-visible{
  background:#f7f7ff;
  color:#4f46e5;
  border-color:#c9c6fb;
  outline:none;
}
#customerApp.customer-chat-active #c-chat .chat-sidebar-toggle svg{display:block}

#customerApp.customer-chat-active #c-chat .chat-sidebar-expand{
  display:none;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  padding:0;
  margin:0 4px 0 0;
  border:1px solid #e6e8ef;
  border-radius:10px;
  background:#fff;
  color:#8a90a0;
  cursor:pointer;
  box-shadow:none;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
#customerApp.customer-chat-active #c-chat .chat-sidebar-expand:hover,
#customerApp.customer-chat-active #c-chat .chat-sidebar-expand:focus-visible{
  background:#f7f7ff;
  color:#4f46e5;
  border-color:#c9c6fb;
  outline:none;
}
#customerApp.customer-chat-active #c-chat.chat-sidebar-collapsed .chat-sidebar-expand{
  display:inline-flex;
}
#customerApp.customer-chat-active #c-chat.chat-sidebar-collapsed .chat-sidebar-expand[hidden]{
  display:inline-flex !important;
}

#customerApp.customer-chat-active #c-chat .chat-sidebar{
  transition:flex-basis .22s ease,width .22s ease,padding .22s ease,opacity .18s ease,border-color .18s ease,min-width .22s ease;
}
#customerApp.customer-chat-active #c-chat.chat-sidebar-collapsed .chat-sidebar{
  flex-basis:0 !important;
  width:0 !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  border-right-width:0 !important;
  border-color:transparent;
  opacity:0;
  pointer-events:none;
  overflow:hidden;
}
#customerApp.customer-chat-active #c-chat.chat-sidebar-collapsed .chat-main{
  width:100%;
  min-width:0;
}

@media (max-width:768px){
  /* 手机仍用抽屉，不走桌面折叠 */
  #customerApp.customer-chat-active #c-chat .chat-sidebar-toggle,
  #customerApp.customer-chat-active #c-chat .chat-sidebar-expand{
    display:none !important;
  }
  #customerApp.customer-chat-active #c-chat.chat-sidebar-collapsed .chat-sidebar{
    flex-basis:auto !important;
    width:auto !important;
    min-width:0 !important;
    padding:14px 12px !important;
    opacity:1;
    pointer-events:auto;
    border-right-width:1px !important;
  }
}


/* ===== 对话居中列宽 (2026-10-29 chat-width) — 对齐参考图左右留白 ===== */
#customerApp.customer-chat-active #c-chat{
  --chat-col: 780px;
}
/* 消息列表：三列栅格，中间列固定最大宽度，左右自动留白 */
#customerApp.customer-chat-active #c-chat .chat-box{
  display:grid !important;
  grid-template-columns:minmax(16px,1fr) minmax(0,var(--chat-col)) minmax(16px,1fr);
  justify-items:stretch;
  align-content:start;
  column-gap:0;
  row-gap:10px;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box;
}
#customerApp.customer-chat-active #c-chat .chat-box > *{
  grid-column:2;
  box-sizing:border-box;
  min-width:0;
}
#customerApp.customer-chat-active #c-chat .chat-box .chat-welcome{
  width:100% !important;
  max-width:100% !important;
  margin-left:0;
  margin-right:0;
}
#customerApp.customer-chat-active #c-chat .chat-box .chat-welcome-prompt-grid{
  max-width:100%;
  width:100%;
}
#customerApp.customer-chat-active #c-chat .chat-box .msg{
  max-width:100%;
}
#customerApp.customer-chat-active #c-chat .chat-box .msg.assistant{
  width:100%;
  max-width:100%;
  justify-self:stretch;
}
#customerApp.customer-chat-active #c-chat .chat-box .msg.user{
  width:auto;
  max-width:min(85%,var(--chat-col));
  justify-self:end;
}
#customerApp.customer-chat-active #c-chat .chat-box .chat-conversation-total{
  max-width:100%;
  margin-left:40px;
  justify-self:start;
}
/* shell 不再额外吃左右边距，列宽由中间列承担 */
#customerApp.customer-chat-active #c-chat .chat-shell{
  padding-left:0;
  padding-right:0;
}
/* 底部输入条 / 任务条 / 免责声明：同一列宽居中 */
#customerApp.customer-chat-active #c-chat .chat-composer-dock{
  padding-left:16px;
  padding-right:16px;
}
#customerApp.customer-chat-active #c-chat .chat-composer-dock > *{
  max-width:var(--chat-col);
  margin-left:auto;
  margin-right:auto;
  width:100%;
  box-sizing:border-box;
}
#customerApp.customer-chat-active #c-chat .chat-input,
#customerApp.customer-chat-active #c-chat .chat-panel .chat-input{
  width:min(var(--chat-col),100%) !important;
  max-width:var(--chat-col);
  margin-left:auto;
  margin-right:auto;
}
#customerApp.customer-chat-active #c-chat .chat-task-strip{
  width:min(var(--chat-col),100%);
  max-width:var(--chat-col);
  margin-left:auto;
  margin-right:auto;
}
#customerApp.customer-chat-active #c-chat .chat-ai-disclaimer{
  max-width:var(--chat-col);
  margin-left:auto;
  margin-right:auto;
}
#customerApp.customer-chat-active #c-chat .chat-session-usage{
  width:min(var(--chat-col),100%);
  max-width:var(--chat-col);
}
/* 空状态欢迎区也统一到同一列宽（栅格外兜底） */
#customerApp.customer-chat-active #c-chat .chat-welcome{
  width:min(var(--chat-col),100%);
  max-width:var(--chat-col);
}
@media (max-width:768px){
  #customerApp.customer-chat-active #c-chat{
    --chat-col:100%;
  }
  #customerApp.customer-chat-active #c-chat .chat-box{
    grid-template-columns:minmax(10px,1fr) minmax(0,1fr) minmax(10px,1fr);
  }
  #customerApp.customer-chat-active #c-chat .chat-composer-dock{
    padding-left:10px;
    padding-right:10px;
  }
}


/* ===== Gemini 浅灰中性风 (2026-10-29 chat-gray) — 少紫少蓝，保留 780 列 ===== */
#customerApp.customer-chat-active #c-chat{
  --chat-col: 780px;
  --g-bg: #f8f9fa;
  --g-surface: #ffffff;
  --g-line: #e8eaed;
  --g-line-soft: #f1f3f4;
  --g-chip: #e8eaed;
  --g-chip-hover: #dadce0;
  --g-text: #202124;
  --g-text-2: #3c4043;
  --g-muted: #5f6368;
  --g-faint: #9aa0a6;
  --g-user-bubble: #e8eaed;
  --g-banner: #f1f3f4;
  --g-accent: #3c4043; /* 中性深灰，替代紫/蓝 */
}

/* 主区 / 面板 / 顶栏 */
#customerApp.customer-chat-active #c-chat .chat-panel,
#customerApp.customer-chat-active #c-chat .chat-main{
  background: var(--g-bg) !important;
  border-color: var(--g-line) !important;
}
#customerApp.customer-chat-active #c-chat .chat-topbar{
  background: var(--g-bg) !important;
  border-bottom-color: var(--g-line-soft) !important;
}
#customerApp.customer-chat-active #c-chat .chat-box{
  background: transparent !important;
  background-image: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-shell{
  background: transparent;
}

/* 侧栏：淡灰选中，不要薰衣草紫 */
#customerApp.customer-chat-active #c-chat .chat-sidebar{
  background: #f1f3f4 !important;
  border-right-color: var(--g-line) !important;
}
#customerApp.customer-chat-active #c-chat .chat-workspace-tab.active,
#customerApp.customer-chat-active #c-chat .chat-workspace-tab[aria-selected="true"]{
  background: var(--g-chip) !important;
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .conv-item:hover{
  background: #e8eaed !important;
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .conv-item.active{
  background: #e0e3e7 !important;
  color: var(--g-text) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
#customerApp.customer-chat-active #c-chat .conv-new,
#customerApp.customer-chat-active #c-chat .chat-sidebar-head .conv-new,
#customerApp.customer-chat-active #c-chat .chat-sidebar-head #newConversationBtn{
  color: var(--g-text-2) !important;
  background: var(--g-surface) !important;
  border: 1px solid var(--g-line) !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .conv-new:hover,
#customerApp.customer-chat-active #c-chat .chat-sidebar-head .conv-new:hover{
  color: var(--g-text) !important;
  background: var(--g-chip) !important;
  border-color: var(--g-chip-hover) !important;
}
#customerApp.customer-chat-active #c-chat .chat-sidebar-toggle,
#customerApp.customer-chat-active #c-chat .chat-sidebar-expand{
  background: var(--g-surface) !important;
  color: var(--g-muted) !important;
  border-color: var(--g-line) !important;
}
#customerApp.customer-chat-active #c-chat .chat-sidebar-toggle:hover,
#customerApp.customer-chat-active #c-chat .chat-sidebar-expand:hover,
#customerApp.customer-chat-active #c-chat .chat-sidebar-toggle:focus-visible,
#customerApp.customer-chat-active #c-chat .chat-sidebar-expand:focus-visible{
  background: var(--g-chip) !important;
  color: var(--g-text) !important;
  border-color: var(--g-chip-hover) !important;
}

/* 厂商 / 能力条 */
#customerApp.customer-chat-active #c-chat .chat-vendor-btn{
  background: var(--g-surface) !important;
  border-color: var(--g-line) !important;
  color: var(--g-text) !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-vendor-btn:hover{
  border-color: var(--g-chip-hover) !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-capability-chip{
  background: var(--g-chip) !important;
  color: var(--g-muted) !important;
  border: 0 !important;
}

/* 欢迎区 / 开场 pills / 模型名：中性灰，不要蓝紫链接色 */
#customerApp.customer-chat-active #c-chat .chat-welcome{
  background: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome h3{
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-sub{
  color: var(--g-faint) !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-btn{
  color: var(--g-muted) !important;
  background: transparent !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-btn:hover{
  background: var(--g-chip) !important;
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-btn .chat-caret{
  color: var(--g-faint) !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-menu{
  border-color: var(--g-line) !important;
  box-shadow: 0 12px 28px rgba(32,33,36,.12) !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-model-option:hover,
#customerApp.customer-chat-active #c-chat .chat-welcome-model-option.active{
  background: var(--g-chip) !important;
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt{
  background: var(--g-surface) !important;
  border: 1px solid var(--g-line) !important;
  color: var(--g-text-2) !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:hover,
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:focus-visible{
  transform: none !important;
  background: var(--g-chip) !important;
  border-color: var(--g-chip-hover) !important;
  color: var(--g-text) !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:hover .cwp-ico,
#customerApp.customer-chat-active #c-chat .chat-welcome-prompt:focus-visible .cwp-ico{
  stroke: var(--g-muted) !important;
}

/* 任务条 */
#customerApp.customer-chat-active #c-chat .chat-task-strip{
  background: var(--g-banner) !important;
  border-color: var(--g-line) !important;
}
#customerApp.customer-chat-active #c-chat .chat-task-btn{
  color: var(--g-muted) !important;
}
#customerApp.customer-chat-active #c-chat .chat-task-btn.active{
  background: var(--g-surface) !important;
  color: var(--g-text) !important;
  border-color: transparent !important;
  box-shadow: 0 1px 2px rgba(32,33,36,.08) !important;
}

/* 输入条：白底浅灰边，聚焦也不发紫 */
#customerApp.customer-chat-active #c-chat .chat-composer-dock{
  background: transparent !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-input,
#customerApp.customer-chat-active #c-chat .chat-panel .chat-input{
  background: var(--g-surface) !important;
  border: 1px solid var(--g-line) !important;
  box-shadow: 0 1px 3px rgba(32,33,36,.06), 0 4px 16px rgba(32,33,36,.04) !important;
}
#customerApp.customer-chat-active #c-chat .chat-input:focus-within,
#customerApp.customer-chat-active #c-chat .chat-panel .chat-input:focus-within{
  border-color: #bdc1c6 !important;
  box-shadow: 0 2px 8px rgba(32,33,36,.10) !important;
}
#customerApp.customer-chat-active #c-chat .chat-input textarea{
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .chat-input textarea::placeholder{
  color: #bdc1c6 !important;
}
#customerApp.customer-chat-active #c-chat .chat-tool-chip,
#customerApp.customer-chat-active #c-chat .chat-shell:not(.chat-is-empty) .chat-input .chat-model-btn{
  background: var(--g-chip) !important;
  border-color: transparent !important;
  color: var(--g-text-2) !important;
}
#customerApp.customer-chat-active #c-chat .chat-tool-chip:hover{
  background: var(--g-chip-hover) !important;
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .chat-tool-chip.active,
#customerApp.customer-chat-active #c-chat .chat-tool-chip[aria-pressed="true"]{
  background: #dadce0 !important;
  border-color: transparent !important;
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .chat-input .attachment-button{
  color: var(--g-muted) !important;
}
#customerApp.customer-chat-active #c-chat .chat-input .attachment-button:hover{
  background: var(--g-chip) !important;
  color: var(--g-text) !important;
}

/* 发送钮：深灰实心，替代靛蓝 */
#customerApp.customer-chat-active #c-chat .chat-input .chat-send,
#customerApp.customer-chat-active #c-chat .chat-input .chat-send:not(.paused):not(.loading){
  background: #dadce0 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-input .chat-send.is-ready:not(.paused):not(.loading){
  background: #3c4043 !important;
  color: #fff !important;
}
#customerApp.customer-chat-active #c-chat .chat-input .chat-send.is-ready:not(.paused):not(.loading):hover{
  background: #202124 !important;
  box-shadow: none !important;
}
#customerApp.customer-chat-active #c-chat .chat-input .chat-send.paused{
  background: #5f6368 !important;
  color: #fff !important;
}
#customerApp.customer-chat-active #c-chat .chat-ai-disclaimer{
  color: var(--g-faint) !important;
}

/* —— 气泡：用户浅灰圆角 / 助手无底 —— */
#customerApp.customer-chat-active #c-chat .msg.user .bubble{
  background: var(--g-user-bubble) !important;
  color: var(--g-text) !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: none !important;
  padding: 10px 16px !important;
}
#customerApp.customer-chat-active #c-chat .msg.user .bubble p,
#customerApp.customer-chat-active #c-chat .msg.user .bubble small{
  color: var(--g-text) !important;
  opacity: 1;
}
#customerApp.customer-chat-active #c-chat .msg.user .avatar{
  background: #5f6368 !important;
  color: #fff !important;
}
#customerApp.customer-chat-active #c-chat .msg.assistant .bubble{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 4px 2px !important;
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .msg.assistant .bubble p,
#customerApp.customer-chat-active #c-chat .msg.assistant .assistant-content{
  color: var(--g-text) !important;
}
#customerApp.customer-chat-active #c-chat .msg.assistant .bubble small{
  color: var(--g-muted) !important;
  opacity: 1;
  font-weight: 600;
}
#customerApp.customer-chat-active #c-chat .msg.assistant .avatar{
  background: var(--g-surface) !important;
  border: 1px solid var(--g-line) !important;
  box-shadow: none !important;
}

/* 操作按钮 / 产物 / 指标：线框浅灰 */
#customerApp.customer-chat-active #c-chat .msg-edit-btn,
#customerApp.customer-chat-active #c-chat .msg-preview-btn,
#customerApp.customer-chat-active #c-chat .msg-artifact-btn,
#customerApp.customer-chat-active #c-chat .msg-result-actions button{
  background: transparent !important;
  border: 1px solid var(--g-line) !important;
  color: var(--g-muted) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}
#customerApp.customer-chat-active #c-chat .msg-edit-btn:hover,
#customerApp.customer-chat-active #c-chat .msg-preview-btn:hover,
#customerApp.customer-chat-active #c-chat .msg-artifact-btn:hover,
#customerApp.customer-chat-active #c-chat .msg-result-actions button:hover{
  background: var(--g-chip) !important;
  border-color: var(--g-chip-hover) !important;
  color: var(--g-text) !important;
  transform: none !important;
}
#customerApp.customer-chat-active #c-chat .message-metrics,
#customerApp.customer-chat-active #c-chat .chat-conversation-total{
  background: var(--g-banner) !important;
  border: 1px solid var(--g-line) !important;
  color: var(--g-muted) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}
#customerApp.customer-chat-active #c-chat .message-metrics strong,
#customerApp.customer-chat-active #c-chat .chat-conversation-total strong{
  color: var(--g-text-2) !important;
}
#customerApp.customer-chat-active #c-chat .chat-task-result-badge{
  background: var(--g-chip) !important;
  color: var(--g-muted) !important;
  border-color: transparent !important;
}

/* 媒体操作小 pill */
#customerApp.customer-chat-active #c-chat .chat-media-action{
  background: var(--g-surface) !important;
  border-color: var(--g-line) !important;
  color: var(--g-text-2) !important;
}
#customerApp.customer-chat-active #c-chat .chat-media-action:hover{
  background: var(--g-chip) !important;
  color: var(--g-text) !important;
}

/* 代码块保持白底浅边，别染紫 */
#customerApp.customer-chat-active #c-chat .code-block{
  background: var(--g-surface) !important;
  border-color: var(--g-line) !important;
}