/* 三板块工作区：复用系统令牌，各页面布局以根节点限定作用域。 */
/* 左导航沿用 main.css 的 212px 列宽及完整按钮样式，不随工作模式缩小。 */
#page-acquire .aqc:has(.aqc-panel.on[data-mod="pool"]),
#page-acquire .aqc:has(.aqc-panel.on[data-mod="interact"]) { grid-template-columns: 212px minmax(0, 1fr); }
#page-acquire .aqc:has(.aqc-panel.on[data-mod="pool"]) > .aqc-side,
#page-acquire .aqc:has(.aqc-panel.on[data-mod="interact"]) > .aqc-side { display: none; }
.hxw { color: var(--txt); font-family: var(--font-body); font-size: 13px; min-width: 0; }
.hxw *, .hxw-dialog * { box-sizing: border-box; }
.hxw button, .hxw input, .hxw select, .hxw textarea { font: inherit; }
.hxw button { cursor: pointer; }
.hxw button:disabled { opacity: .5; cursor: not-allowed; }
.hxw-head, .hxw-toolbar, .hxw-row, .hxw-tabs, .hxw-card-head { display: flex; align-items: center; gap: 12px; }
.hxw-head { justify-content: space-between; flex-wrap: wrap; margin-bottom: 22px; }
.hxw-head h2 { font-family: var(--font-display); font-size: 27px; font-weight: 600; margin: 6px 0; }
.hxw p { color: var(--txt-2); line-height: 1.8; }
.hxw-kicker { font-size: 10px; letter-spacing: .15em; color: var(--txt-3); }
.hxw-toolbar { flex-wrap: wrap; margin-bottom: 15px; }
.hxw-toolbar input { flex: 1; min-width: 140px; }
.hxw input, .hxw select, .hxw textarea { color: var(--txt); background: var(--sunken); border: 1px solid var(--line-2); border-radius: 8px; padding: 9px 11px; max-width: 100%; }
.hxw input:focus, .hxw textarea:focus, .hxw select:focus { outline: 2px solid var(--blue-line); outline-offset: 2px; }
.hxw-btn { border: 1px solid var(--line-2); border-radius: 8px; background: var(--surface); color: var(--txt-2); padding: 8px 13px; white-space: nowrap; }
.hxw-btn.primary { background: var(--blue); color: white; border-color: transparent; }
.hxw-btn.link { color: var(--blue); padding: 5px 0; border: 0; background: transparent; }
.hxw-btn.danger { color: var(--red); border-color: oklch(68% 0.16 26 / .34); background: oklch(68% 0.16 26 / .10); }
.hxw-btn.danger:hover { background: oklch(68% 0.16 26 / .20); }
.hxw-tabs { flex-wrap: wrap; margin-bottom: 18px; }
.hxw-tabs button { border: 1px solid var(--line-2); border-radius: 999px; background: var(--sunken); padding: 7px 18px; color: var(--txt-2); }
.hxw-tabs button.active { background: var(--blue-soft); border-color: var(--blue-line); color: var(--blue); }
.hxw-tabs .hxw-settings { margin-left: auto; }
.hxw-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.hxw-metric { padding: 15px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.hxw-metric span { color: var(--txt-2); font-size: 12px; }
.hxw-metric strong { display: block; font-family: var(--font-display); font-size: 29px; margin-top: 7px; font-weight: 500; }
.hxw-panel { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); overflow: hidden; min-width: 0; }
.hxw-panel > header { padding: 17px 20px; border-bottom: 1px solid var(--line); }
.hxw-panel h3 { font-size: 15px; font-weight: 600; }
.hxw-table { width: 100%; border-collapse: collapse; text-align: left; }
.hxw-table th { padding: 13px 16px; color: var(--txt-3); font-size: 11px; font-weight: 500; background: var(--sunken); }
.hxw-table td { padding: 17px 16px; border-top: 1px solid var(--line); vertical-align: top; }
.hxw-table small { display: block; color: var(--txt-3); margin-top: 5px; font-size: 11px; }
.hxw-table .hxw-comment { max-width: 290px; }
.hxw-table-scroll { overflow: auto; }
.hxw-table-scroll .hxw-table { min-width: 650px; }
.hxw-avatar { width: 34px; height: 34px; display: grid; place-items: center; background: var(--blue-soft); color: var(--blue); border-radius: 50%; flex: 0 0 auto; }
.hxw-badge { display: inline-block; padding: 3px 8px; border-radius: 5px; color: var(--txt-2); background: var(--sunken); font-size: 11px; white-space: nowrap; }
.hxw-badge.blue { color: var(--blue); background: var(--blue-soft); }
.hxw-badge.amber { color: var(--amber); background: var(--amber-soft); }
.hxw-badge.green { color: var(--green); background: var(--green-soft); }
.hxw-note { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; color: var(--txt-2); background: var(--sunken); margin-bottom: 16px; font-size: 12px; }
.hxw-empty { padding: 58px 22px; text-align: center; }
.hxw-empty h3 { margin-bottom: 10px; font-size: 17px; }
.hxw-empty p { max-width: 500px; margin: 0 auto 18px; }
.hxw-split { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; }
.hxw-detail { padding: 22px; }
.hxw-detail dl { margin: 18px 0; }
.hxw-detail dt { font-size: 11px; color: var(--txt-3); margin-top: 15px; }
.hxw-detail dd { margin-top: 4px; overflow-wrap: anywhere; white-space: pre-wrap; }
.hxw-detail .hxw-row { flex-wrap: wrap; }
.hxw-pre { padding: 12px; border-radius: 8px; background: var(--sunken); color: var(--txt-2); white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; max-height: 250px; overflow: auto; }
.hxw-chat { display: grid; grid-template-columns: 235px minmax(0, 1fr) 265px; min-height: 550px; }
.hxw-inbox { border-right: 1px solid var(--line); }
.hxw-inbox > header { padding: 17px; border-bottom: 1px solid var(--line); }
.hxw-contact { display: block; width: 100%; background: transparent; border: 0; border-bottom: 1px solid var(--line); color: var(--txt); text-align: left; padding: 17px; }
.hxw-inbox, .hxw-contact, .hxw-contact .hxw-row { min-width: 0; }
.hxw-contact strong { display: block; min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hxw-contact small { overflow-wrap: anywhere; }
.hxw-conversation > header .hxw-row { flex-wrap: wrap; }
.hxw-conversation h3, .hxw-detail h3, .hxw-dialog-body > p { min-width: 0; overflow-wrap: anywhere; }
.hxw-table td { overflow-wrap: anywhere; }
.hxw-table td .hxw-row > div { min-width: 0; }
.hxw-table .hxw-btn.link { white-space: normal; overflow-wrap: anywhere; text-align: left; }
.hxw-record { margin-top: 18px; }
.hxw-record code { display: block; white-space: normal; overflow-wrap: anywhere; margin-top: 10px; }
.hxw-history { padding-left: 20px; margin-top: 14px; }
.hxw-history li { padding: 8px 0; overflow-wrap: anywhere; }
.hxw-conversation .hxw-history { max-height: 420px; overflow-y: auto; }
.hxw-conversation > .hxw-toolbar { padding: 12px 20px 0; }
.hxw-conversation > .hxw-toolbar select { min-width: 0; flex: 1; }
.hxw-modes { flex-wrap: wrap; margin-bottom: 10px; }
.hxw-contact.active { background: var(--blue-soft); box-shadow: inset 3px 0 var(--blue); }
.hxw-contact small { color: var(--txt-3); display: block; margin-top: 8px; }
.hxw-conversation { display: flex; flex-direction: column; min-width: 0; }
.hxw-conversation > header { padding: 20px; border-bottom: 1px solid var(--line); }
.hxw-conversation .hxw-empty { flex: 1; }
.hxw-compose { padding: 18px; border-top: 1px solid var(--line); }
.hxw-compose textarea { width: 100%; height: 90px; resize: vertical; }
.hxw-compose .hxw-row { justify-content: space-between; margin-top: 10px; }
.hxw-chat > .hxw-detail { border-left: 1px solid var(--line); }
.hxw-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.hxw-card { padding: 21px; }
.hxw-card h3 { margin: 14px 0 8px; }
.hxw-card p { white-space: pre-wrap; overflow-wrap: anywhere; }
.hxw-card small { display: block; color: var(--txt-3); margin: 12px 0; }
.hxw-dialog { width: min(660px, calc(100vw - 40px)); max-height: 88vh; padding: 0; margin: auto; background: var(--surface); color: var(--txt); border: 1px solid var(--line-2); border-radius: 14px; box-shadow: var(--shadow); }
/* 2026-11-09 销售管家 · AI 销售接待设置（波哥定案 A：一个窗口、三段、知识库不再另开弹窗）。
   只作用于 .sm-ai-settings 这个弹窗，不碰其它弹窗的既有宽度/排布。 */
.hxw-dialog.sm-ai-settings { width: min(920px, calc(100vw - 40px)); overflow: hidden; }
.hxw-dialog.sm-ai-settings form { display: flex; flex-direction: column; max-height: 88vh; }
.hxw-dialog.sm-ai-settings header { padding: 20px 26px 16px; align-items: flex-start; }
.hxw-dialog.sm-ai-settings .sm-ai-head h3 { font-size: 19px; margin: 0 0 6px; }
.hxw-dialog.sm-ai-settings .sm-ai-head p { margin: 0; color: var(--txt-3); font-size: 12px; line-height: 1.6; }
.hxw-dialog.sm-ai-settings .hxw-dialog-body { padding: 0; flex: 1 1 auto; min-height: 0; overflow: auto; }
.hxw-dialog.sm-ai-settings footer { padding: 16px 26px; gap: 10px; }
.hxw-dialog.sm-ai-settings .hxw-error { padding: 0 26px 16px; }
.sm-ai-foot-note { margin-right: auto; color: var(--txt-3); font-size: 11px; line-height: 1.5; max-width: 56%; }
.sm-ai-body { display: grid; grid-template-columns: 196px minmax(0, 1fr); min-height: 100%; }
.sm-ai-nav { padding: 14px 10px; border-right: 1px solid var(--line); background: var(--sunken); min-height: 100%; }
.sm-ai-navlabel { font-size: 10px; letter-spacing: .16em; color: var(--txt-3); padding: 8px 12px 10px; }
.sm-ai-nav button { display: flex; align-items: center; gap: 9px; width: 100%; padding: 10px 12px; margin: 2px 0; border: 0; border-radius: 9px; background: transparent; color: var(--txt-2); font: inherit; font-size: 12.5px; text-align: left; cursor: pointer; }
.sm-ai-nav button:hover { background: var(--blue-soft); color: var(--txt); }
.sm-ai-nav button.on { background: var(--blue-soft); color: var(--blue); box-shadow: inset 2px 0 0 var(--blue); }
.sm-ai-nav button .n { margin-left: auto; font-size: 10.5px; color: var(--txt-3); background: var(--surface); border: 1px solid var(--line); padding: 2px 7px; border-radius: 999px; }
.sm-ai-nav button .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); flex: none; }
.sm-ai-navhint { margin: 14px 12px 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--txt-3); font-size: 11px; line-height: 1.7; }
.sm-ai-main { padding: 18px 26px 16px; min-width: 0; }
.sm-ai-sect { padding: 4px 0 16px; border-bottom: 1px solid var(--line); margin-bottom: 16px; }
.sm-ai-sect:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.sm-ai-sect h4 { font-size: 14px; margin: 0 0 4px; }
.sm-ai-sub { margin: 0 0 12px; color: var(--txt-3); font-size: 11.5px; line-height: 1.6; }
.sm-ai-label { display: flex !important; align-items: baseline; gap: 8px; margin: 0 0 8px !important; color: var(--txt-2) !important; font-size: 12px; }
.sm-ai-label b { color: var(--txt); font-weight: 600; }
.sm-ai-label .req { color: var(--amber); font-size: 10.5px; }
.sm-ai-tip { display: inline-flex; width: 14px; height: 14px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--line-2); color: var(--txt-3); font-size: 9.5px; cursor: help; margin-left: 2px; }
.hxw-dialog.sm-ai-settings .sm-ai-main textarea { min-height: 0; margin-top: 0; padding: 12px 13px; border-radius: 10px; background: var(--sunken); color: var(--txt); font-size: 12.5px; line-height: 1.75; resize: vertical; }
.hxw-dialog.sm-ai-settings .sm-ai-main textarea:focus { outline: none; border-color: var(--blue-line); box-shadow: 0 0 0 3px var(--blue-soft); }
.sm-ai-foot { display: flex; align-items: center; gap: 12px; margin-top: 7px; }
.sm-ai-link { border: 0; background: transparent; color: var(--blue); font: inherit; font-size: 11.5px; padding: 2px 0; cursor: pointer; }
.sm-ai-link:hover { text-decoration: underline; }
.sm-ai-link:disabled { color: var(--txt-3); cursor: default; text-decoration: none; }
.sm-ai-count { margin-left: auto; color: var(--txt-3); font-size: 10.5px; font-variant-numeric: tabular-nums; }
.sm-ai-kb-sum { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 2px 0 12px; }
.sm-ai-pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; border: 1px solid var(--line); background: var(--sunken); color: var(--txt-3); font-size: 10.5px; }
.sm-ai-pill.green { color: var(--green); border-color: var(--green-line); background: var(--green-soft); }
.sm-ai-pill.amber { color: var(--amber); border-color: var(--amber-line); background: var(--amber-soft); }
.sm-ai-grow { flex: 1; }
.sm-ai-kb-list { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.sm-ai-kb-row { display: flex; align-items: flex-start; gap: 12px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--sunken); }
.sm-ai-kb-tt { min-width: 0; flex: 1; }
.sm-ai-kb-tt b { display: block; font-size: 12.5px; margin-bottom: 3px; }
.sm-ai-kb-tt p { margin: 0; color: var(--txt-2); font-size: 11.5px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.sm-ai-kb-tt small { display: block; color: var(--txt-3); font-size: 10.5px; margin-top: 4px; }
.sm-ai-kb-rt { display: flex; align-items: center; gap: 9px; padding-top: 1px; flex: none; }
.sm-ai-kb-empty { color: var(--txt-3); font-size: 11.5px; padding: 10px 0; margin: 0; }
.sm-ai-kb-editor { margin-top: 10px; padding: 14px; border: 1px solid var(--blue-line); border-radius: 10px; background: var(--surface); }
.sm-ai-kb-editor-h { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; }
.sm-ai-kb-editor-h b { font-size: 12.5px; }
.sm-ai-kb-editor-h span { color: var(--txt-3); font-size: 10.5px; }
.sm-ai-kb-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sm-ai-kb-form label { display: flex; flex-direction: column; gap: 5px; margin: 0; color: var(--txt-2); font-size: 11.5px; }
.sm-ai-kb-form label.wide { grid-column: 1 / -1; }
.hxw-dialog.sm-ai-settings .sm-ai-kb-form input, .hxw-dialog.sm-ai-settings .sm-ai-kb-form select, .hxw-dialog.sm-ai-settings .sm-ai-kb-form textarea { margin-top: 0; padding: 9px 11px; border-radius: 8px; background: var(--sunken); color: var(--txt); font-size: 12px; }
.hxw-dialog.sm-ai-settings .sm-ai-kb-form textarea { min-height: 76px; }
.sm-ai-kb-note { grid-column: 1 / -1; margin: 0; color: var(--txt-3); font-size: 10.5px; line-height: 1.6; }
.sm-ai-kb-error { margin: 8px 0 0; color: var(--red); font-size: 11px; min-height: 0; }
.sm-ai-kb-actions { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.sm-ai-kb-actions .hxw-btn { font-size: 11.5px; padding: 7px 11px; }
.sm-ai-kb-confirm { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 10px 11px; border: 1px solid var(--amber-line); border-radius: 8px; background: var(--amber-soft); color: var(--amber); font-size: 11px; flex-wrap: wrap; }
.sm-ai-kb-confirm[hidden] { display: none; }
.sm-ai-kb-confirm span { flex: 1; min-width: 180px; line-height: 1.5; }
.sm-ai-kb-confirm .hxw-btn { margin-left: 0; }
.sm-ai-kb-confirm .danger { margin-left: auto; }
@media (max-width: 760px) {
  .hxw-dialog.sm-ai-settings { width: calc(100vw - 24px); }
  .sm-ai-body { grid-template-columns: 1fr; }
  .sm-ai-nav { display: flex; gap: 6px; overflow: auto; border-right: 0; border-bottom: 1px solid var(--line); padding: 10px; min-height: 0; }
  .sm-ai-navlabel, .sm-ai-navhint { display: none; }
  .sm-ai-nav button { width: auto; white-space: nowrap; }
  .sm-ai-foot-note { display: none; }
  .sm-ai-kb-form { grid-template-columns: 1fr; }
}
.hxw-dialog::backdrop { background: rgb(0 0 0 / .55); }
.hxw-dialog header, .hxw-dialog footer { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.hxw-dialog header { border-bottom: 1px solid var(--line); }
.hxw-dialog header h3 { font-size: 18px; }
.hxw-dialog footer { border-top: 1px solid var(--line); justify-content: flex-end; }
.hxw-dialog-body { padding: 22px 24px; }
.hxw-dialog-body dl { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 9px 14px; margin: 16px 0 18px; }
.hxw-dialog-body dt, .hxw-dialog-body dd { margin: 0; }
.hxw-dialog-body dt { font-size: 13px; color: var(--txt-3); line-height: 1.7; }
.hxw-dialog-body dd { line-height: 1.7; }
.hxw-dialog label { display: block; margin-bottom: 16px; color: var(--txt-2); }
/* 2026-10-16 波哥指「联系额度与计费」弹窗丑：标签与输入框脱节、输入框横铺满整个弹窗。
   ★ 范围**只限这个弹窗**：挂在 .hxw-policy 包裹层上，不碰 .hxw-dialog 全局规则
     —— 否则会连带改掉话术设置、编辑客户、转发等已做好的弹窗（军规：不许影响其他板块）。
   排布沿用 #hxPool .hxw-pool-filters label 同款（标签在上、gap:6px），只补宽度收敛。
   规范口径：4px 基线栅格 + 卡片即容器 + 辅助文字 13~15px。 */
.hxw-dialog .hxw-policy label { display:flex; flex-direction:column; gap:6px; max-width:420px; font-size:13px; line-height:1.6; }
.hxw-dialog .hxw-policy input, .hxw-dialog .hxw-policy select { max-width:260px; }
.hxw-dialog .hxw-policy textarea { max-width:420px; }
.hxw-dialog input, .hxw-dialog textarea, .hxw-dialog select { display: block; width: 100%; margin-top: 7px; }
/* 弹窗里的「勾选行」（形如「☐ 我确认…」）。⚠️ 上面那条规则把弹窗里**所有** input 都当文本输入框
   设成通栏，连勾选框也会被拉成 width:100%、方框直接飘到右边去。要放勾选行就用这个类：
   <label class="hxw-check-line"><input type="checkbox" …>文字</label>
   方框在左、文字跟着；尺寸与颜色对齐互动执行那个「全选」(.hxw-ir-all)。 */
.hxw-dialog label.hxw-check-line { display: flex; align-items: center; gap: 6px; }
.hxw-dialog label.hxw-check-line input { display: inline-block; width: 15px; height: 15px; margin: 0; flex: none; accent-color: var(--blue); }
.hxw-dialog textarea { min-height: 110px; resize: vertical; }
.hxw-error { color: var(--red); padding-top: 10px; white-space: pre-wrap; }
.hxw-scope { color: var(--txt-3); font-size: 11px; }
@media(max-width:1500px) {
  .hxw-chat { grid-template-columns: 210px minmax(0,1fr); }
  .hxw-chat > .hxw-detail { grid-column: 1/-1; border-left: 0; border-top: 1px solid var(--line); }
  .hxw-chat > .hxw-detail dl { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 9px; }
  .hxw-chat > .hxw-detail dt, .hxw-chat > .hxw-detail dd { margin: 0; }
  .hxw-split { grid-template-columns: minmax(0,1fr); }
  .hxw-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:1100px) {
  .hxw-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hxw-cards { grid-template-columns: minmax(0,1fr); }
  .hxw-head h2 { font-size: 23px; }
}

/* 线索池沿用获客页面的抬头卡、字体和主题令牌；不覆盖另外两页。 */
#hxPool .hxw-pool-head { gap:12px; padding:15px 18px; min-height:74px; margin-bottom:14px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(180deg,var(--blue-soft),transparent 85%),var(--surface); }
#hxPool .hxw-pool-icon { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:10px; color:white; background:var(--blue); box-shadow:0 8px 20px -8px var(--blue); }
#hxPool .hxw-pool-icon svg { width:21px; height:21px; }
#hxPool .hxw-pool-title { flex:1; min-width:180px; }
#hxPool .hxw-head h2 { margin:0; font-size:16px; font-weight:600; line-height:1.6; }
#hxPool .hxw-head p { margin:1px 0 0; font-size:13px; color:var(--txt-3); }
#hxPool .hxw-head .hxw-row { gap:8px; flex-wrap:wrap; }
#hxPool .hxw-metrics { margin-bottom:14px; }
#hxPool .hxw-metric { border-radius:14px; padding:14px 18px; }
#hxPool .hxw-metric span { font-size:13px; }
#hxPool .hxw-metric strong { font-size:28px; line-height:1.2; margin-top:8px; }
#hxPool .hxw-pool-controls { padding:16px 18px 0; margin-bottom:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
#hxPool .hxw-toolbar { gap:8px; margin-bottom:12px; }
#hxPool .hxw-toolbar select { max-width:240px; }
#hxPool .hxw-pool-filters { margin-bottom:12px; color:var(--txt-2); }
#hxPool .hxw-pool-filters summary { cursor:pointer; width:fit-content; line-height:1.8; }
#hxPool .hxw-pool-filters .hxw-toolbar { align-items:end; padding-top:12px; }
#hxPool .hxw-pool-filters label { display:flex; flex-direction:column; gap:6px; font-size:13px; }
#hxPool .hxw-pool-filters input { min-width:0; }
#hxPool .hxw-tabs { gap:6px; margin-bottom:14px; }
#hxPool .hxw-tabs button { padding:6px 10px; font-size:13px; border-radius:7px; }
#hxPool .hxw-panel { border-radius:14px; }
#hxPool .hxw-pool-list-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding:14px 18px; }
#hxPool .hxw-pool-list-head h3 { margin:0 0 4px; font-size:15px; }
#hxPool .hxw-pool-list-head h3 span { margin-left:6px; font-size:13px; font-weight:400; color:var(--txt-3); }
#hxPool .hxw-pool-list-head small { font-size:13px; color:var(--txt-3); }
#hxPool .hxw-table { min-width:740px; }
#hxPool .hxw-table th { font-size:13px; padding:12px; white-space:nowrap; }
#hxPool .hxw-table td { padding:14px 12px; vertical-align:middle; }
#hxPool .hxw-table small { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
#hxPool .hxw-table .hxw-check { width:36px; padding-left:16px; padding-right:0; }
#hxPool input[type="checkbox"] { width:16px; height:16px; accent-color:var(--blue); cursor:pointer; }
#hxPool .hxw-badge { font-size:13px; border-radius:6px; }
#hxPool .hxw-avatar { border-radius:10px; }
#hxPool .hxw-pool-pagination,#hxInteract .hxw-pool-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-top:1px solid var(--line); background:var(--sunken); color:var(--txt-2); }
#hxPool .hxw-btn:focus-visible,#hxPool .hxw-tabs button:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.hxw-dialog.hxw-pool-dialog { font-size:13px; }
.hxw-pool-dialog .hxw-scope,.hxw-pool-dialog small { font-size:13px; }
@media(max-width:1450px) {
  #hxPool .hxw-pool-head { padding:13px 14px; }
  #hxPool .hxw-pool-head .hxw-btn { padding:8px 10px; }
  #hxPool .hxw-pool-title { min-width:150px; }
}

/* 销售聊天：复用获客中心的卡片与主题令牌，不改变其他工作区。 */
#hxSales { width:100%; min-width:0; }
#hxSales > .hxw-tabs { gap:8px; margin-bottom:12px; }
#hxSales > .hxw-toolbar { margin-bottom:12px; }
#hxSales .hxw-chat { grid-template-columns:clamp(200px,12vw,280px) minmax(0,1fr) clamp(220px,13vw,300px); height:clamp(450px,calc(100dvh - 350px),1050px); min-height:0; }
#hxSales .hxw-inbox, #hxSales .hxw-chat > .hxw-detail { overflow-y:auto; min-height:0; }
#hxSales .hxw-inbox > header { padding:16px; position:sticky; top:0; background:var(--surface); z-index:1; }
#hxSales .hxw-contact { padding:14px 16px; }
#hxSales .hxw-contact small { margin-left:46px; margin-top:4px; }
#hxSales .hxw-chat > .hxw-detail { grid-column:auto; border-top:0; border-left:1px solid var(--line); padding:18px; }
#hxSales .hxw-chat > .hxw-detail dl { display:block; }
#hxSales .hxw-chat > .hxw-detail dt { margin-top:15px; }
#hxSales .hxw-chat > .hxw-detail dd { margin-top:4px; }
#hxSales .hxw-conversation { min-height:0; }
#hxSales .hxw-conversation-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:14px 18px; }
#hxSales .hxw-conversation-head .hxw-row { gap:8px; }
#hxSales .hxw-conversation-head .hxw-tabs { gap:6px; margin:0; }
#hxSales .hxw-conversation-head .hxw-tabs button { padding:5px 11px; font-size:12px; }
#hxSales .hxw-session-tools { padding:10px 18px; border-bottom:1px solid var(--line); flex:none; }
#hxSales .hxw-session-tools .hxw-toolbar { gap:8px; margin:0 0 8px; }
#hxSales .hxw-account-label { display:flex; align-items:center; gap:8px; color:var(--txt-2); font-size:12px; flex:1; min-width:150px; }
#hxSales .hxw-account-label select { flex:1; min-width:0; width:100px; padding:7px 9px; }
#hxSales .hxw-session-tools .hxw-btn { font-size:12px; padding:7px 10px; }
#hxSales .hxw-reception-actions { gap:12px; flex-wrap:wrap; }
#hxSales .hxw-reception-settings { position:relative; }
#hxSales summary { color:var(--txt-2); font-size:12px; cursor:pointer; line-height:1.8; }
#hxSales .hxw-settings-body { position:absolute; z-index:3; top:calc(100% + 8px); left:0; width:min(360px,60vw); max-height:300px; overflow:auto; padding:16px; background:var(--raised); border:1px solid var(--line-2); border-radius:10px; box-shadow:var(--shadow); }
#hxSales .hxw-settings-body .hxw-row { flex-wrap:wrap; gap:8px; }
#hxSales .hxw-settings-body p { margin-top:10px; }
#hxSales .hxw-chat-scroll { flex:1; min-height:80px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:18px 22px; background:var(--canvas); }
#hxSales .hxw-transcript { width:100%; }
#hxSales .hxw-chat-status { font-size:11px; line-height:1.7; text-align:center; color:var(--txt-3); margin:0 auto 14px; max-width:90%; overflow-wrap:anywhere; }
#hxSales .hxw-conversation .hxw-history { list-style:none; margin:0; padding:0; max-height:none; overflow:visible; }
#hxSales .hxw-history .hxw-message { display:flex; padding:0; margin:0 0 18px; }
#hxSales .hxw-message.outgoing { justify-content:flex-end; }
#hxSales .hxw-message-body { min-width:0; max-width:min(68%,640px); display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
#hxSales .outgoing .hxw-message-body { align-items:flex-end; }
#hxSales .hxw-message-author, #hxSales .hxw-message-meta { color:var(--txt-3); font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
#hxSales .outgoing .hxw-message-author, #hxSales .outgoing .hxw-message-meta { text-align:right; }
#hxSales .hxw-bubble { padding:10px 14px; border:1px solid var(--line-2); border-radius:3px 12px 12px 12px; background:var(--surface); color:var(--txt); font-size:14px; line-height:1.8; max-width:100%; max-height:none; overflow:visible; white-space:pre-wrap; overflow-wrap:anywhere; }
#hxSales .outgoing .hxw-bubble { background:var(--blue-soft); border-color:var(--blue-line); border-radius:12px 3px 12px 12px; }
#hxSales .hxw-message-meta .hxw-btn { font-size:11px; margin-left:10px; padding:0; white-space:normal; }
#hxSales [data-reply-history] { border-top:1px solid var(--line); padding:12px 0 0; }
#hxSales [data-reply-history] > p { font-size:12px; margin:8px 0 14px; }
#hxSales [data-reply-history] .hxw-bubble { background:var(--surface); border-color:var(--line); font-size:12px; }
#hxSales .hxw-compose { flex:0 1 auto; min-height:140px; padding:12px 18px; background:var(--surface); max-height:48%; overflow-y:auto; }
#hxSales .hxw-compose .hxw-compose-heading { margin:0 0 8px; }
#hxSales .hxw-compose-heading strong { font-size:13px; font-weight:500; color:var(--txt-2); }
#hxSales .hxw-compose-heading .hxw-btn { padding:5px 11px; font-size:12px; }
#hxSales .hxw-compose textarea { display:block; height:76px; min-height:60px; max-height:180px; line-height:1.7; resize:vertical; background:var(--canvas); }
#hxSales .hxw-compose .hxw-compose-actions { justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:10px; }
#hxSales .hxw-send-hint { margin-top:6px; font-size:11px; text-align:right; }
#hxSales .hxw-ai-suggestion:empty { display:none; }
#hxSales .hxw-ai-suggestion { padding:0 0 10px; font-size:12px; }
#hxSales .hxw-ai-suggestion .hxw-pre { margin:6px 0; max-height:120px; background:var(--blue-soft); border-left:2px solid var(--blue-line); line-height:1.7; }
#hxSales .hxw-ai-suggestion [data-ai-run] { text-align:center; }
#hxSales .hxw-ai-suggestion [data-ai-run]:has(.hxw-btn) { text-align:left; }
#hxSales .hxw-pending-replies { padding:0 0 8px; }
#hxSales .hxw-pending-replies > div { padding:8px 0; }
#hxSales .hxw-pending-replies .hxw-pre { max-height:100px; font-size:12px; }
#hxSales button:focus-visible, #hxSales summary:focus-visible, #hxSales .hxw-chat-scroll:focus-visible { outline:2px solid var(--blue); outline-offset:-2px; }
@media(max-width:1500px) {
  #hxSales .hxw-chat { grid-template-columns:180px minmax(0,1fr) 200px; }
  #hxSales .hxw-chat > .hxw-detail { padding:14px; }
  #hxSales .hxw-conversation-head, #hxSales .hxw-session-tools, #hxSales .hxw-compose { padding-inline:14px; }
  #hxSales .hxw-chat-scroll { padding-inline:16px; }
}
@media(max-width:1200px) {
  #hxSales .hxw-chat { grid-template-columns:170px minmax(0,1fr); height:auto; }
  #hxSales .hxw-conversation, #hxSales .hxw-inbox { height:600px; }
  #hxSales .hxw-chat > .hxw-detail { grid-column:1/-1; border-left:0; border-top:1px solid var(--line); }
}
#hxSales .hxw-ai-suggestion .hxw-ai-status { color:var(--txt-2); font-size:12px; }
#hxSales .hxw-ai-suggestion .hxw-ai-status .hxw-pre { background:none; border:0; padding:0; margin:4px 0; color:var(--txt-3); }
/* 低高度笔记本保留聊天阅读空间，输入区仍位于同一卡片底部。 */
@media(max-height:900px) and (min-width:1201px) {
  #hxSales > .hxw-tabs { margin-bottom:10px; gap:6px; }
  #hxSales > .hxw-tabs button { padding:5px 13px; }
  #hxSales > .hxw-toolbar { margin-bottom:10px; }
  #hxSales .hxw-chat { height:calc(100dvh - 323px); min-height:410px; }
  #hxSales .hxw-conversation-head { padding-block:9px; }
  #hxSales .hxw-session-tools { padding-block:7px; }
  #hxSales .hxw-session-tools .hxw-toolbar { margin-bottom:5px; }
  #hxSales .hxw-modes { margin-bottom:0; }
  #hxSales .hxw-chat-scroll { padding-block:12px; }
  #hxSales .hxw-chat-status { margin-bottom:6px; }
  #hxSales .hxw-history .hxw-message { margin-bottom:12px; }
  #hxSales .hxw-compose { padding-block:8px; max-height:43%; }
  #hxSales .hxw-compose textarea { height:60px; }
  #hxSales .hxw-compose .hxw-compose-heading { margin-bottom:6px; }
  #hxSales .hxw-compose .hxw-compose-actions { margin-top:6px; }
  #hxSales .hxw-send-hint { margin-top:4px; }
}

/* 与系统素材/历史区一致的主题细滚动条；不使用原生白色轨道。
   ★ 2026-10-10：弹窗（#hxWorkspaceDialog）是 append 到 document.body 上的、**不在 #hxSales 里**，
     所以原来这套规则根本管不到它 ⇒ 弹窗里露出来的是浏览器原生那条浅色粗滚动条（波哥指出）。
     这里把弹窗本体和它的后代一并纳入（本体要单独写：`*` 只匹配后代，不匹配自己）。 */
#hxSales *::-webkit-scrollbar,
#hxWorkspaceDialog::-webkit-scrollbar, #hxWorkspaceDialog *::-webkit-scrollbar { width:7px; height:7px; }
#hxSales *::-webkit-scrollbar-track, #hxSales *::-webkit-scrollbar-corner,
#hxWorkspaceDialog::-webkit-scrollbar-track, #hxWorkspaceDialog *::-webkit-scrollbar-track,
#hxWorkspaceDialog::-webkit-scrollbar-corner { background:transparent; }
#hxSales *::-webkit-scrollbar-thumb,
#hxWorkspaceDialog::-webkit-scrollbar-thumb, #hxWorkspaceDialog *::-webkit-scrollbar-thumb { background:var(--line-2); border-radius:7px; border:2px solid transparent; background-clip:padding-box; }
#hxSales *::-webkit-scrollbar-button,
#hxWorkspaceDialog::-webkit-scrollbar-button, #hxWorkspaceDialog *::-webkit-scrollbar-button { display:none; width:0; height:0; }
@supports not selector(::-webkit-scrollbar) {
  #hxSales *,
  #hxWorkspaceDialog, #hxWorkspaceDialog * { scrollbar-width:thin; scrollbar-color:var(--line-2) transparent; }
}


/* 客户档案 / 来源与历史 弹窗排版（2026-10-05 · 只用现有设计变量，未引入新风格） */
.hxw-profile-hero { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-old); background: var(--sunken); }
.hxw-profile-hero .hxw-avatar { width: 42px; height: 42px; font-size: 15px; }
.hxw-profile-id { display: flex; flex-direction: column; gap: 3px; min-width: 140px; flex: 1; }
.hxw-profile-id strong { font-size: 15px; overflow-wrap: anywhere; }
.hxw-profile-id small { font-size: 12px; color: var(--txt-3); overflow-wrap: anywhere; }
.hxw-dialog-section { margin: 22px 0 10px; font-size: 12.5px; font-weight: 600; color: var(--txt-2); letter-spacing: .04em; }
dl.hxw-facts { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 9px 14px; margin: 10px 0 0; }
dl.hxw-facts dt, dl.hxw-facts dd { margin: 0; }
dl.hxw-facts dt { font-size: 13px; color: var(--txt-3); line-height: 1.7; }
dl.hxw-facts dd { line-height: 1.7; overflow-wrap: anywhere; }
.hxw-quiet { margin: 10px 0 0; font-size: 12px; color: var(--txt-3); }
.hxw-profile-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.hxw-profile-actions .hxw-push { margin-left: auto; }
.hxw-timeline { list-style: none; margin: 12px 0 0; padding: 0 0 0 18px; }
.hxw-timeline li { position: relative; padding: 0 0 16px; }
.hxw-timeline li::before { content: ''; position: absolute; left: -18px; top: 6px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.hxw-timeline li::after { content: ''; position: absolute; left: -15px; top: 17px; bottom: 0; width: 1px; background: var(--line-2); }
.hxw-timeline li:last-child { padding-bottom: 0; }
.hxw-timeline li:last-child::after { display: none; }
.hxw-timeline time { display: block; font-size: 12px; color: var(--txt-3); margin-bottom: 3px; }
.hxw-timeline p { margin: 0; font-size: 13px; color: var(--txt-2); overflow-wrap: anywhere; }


/* 互动执行：合并后的「待联系客户」列表 + 左右分栏（2026-10-05 · 只复用现有令牌，未引入新风格） */
#hxInteract .hxw-ir-head { gap:12px; padding:15px 18px; min-height:74px; margin-bottom:14px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(180deg,var(--blue-soft),transparent 85%),var(--surface); }
#hxInteract .hxw-ir-icon { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:10px; color:white; background:var(--blue); box-shadow:0 8px 20px -8px var(--blue); }
#hxInteract .hxw-ir-icon svg { width:21px; height:21px; }
#hxInteract .hxw-ir-title { flex:1; min-width:180px; }
#hxInteract .hxw-ir-title h2 { margin:0; font-size:16px; font-weight:600; line-height:1.6; }
#hxInteract .hxw-ir-title p { margin:1px 0 0; font-size:13px; color:var(--txt-3); }
#hxInteract .hxw-ir-title b { color:var(--txt-2); }
#hxInteract .hxw-ir-head .hxw-row { gap:8px; flex-wrap:wrap; }
#hxInteract .hxw-ir-head select { max-width:220px; }

#hxInteract .hxw-ir-main { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:16px; align-items:start; }
#hxInteract .hxw-ir-col { display:flex; flex-direction:column; gap:14px; min-width:0; }

#hxInteract .hxw-ir-sec { min-width:0; }
#hxInteract .hxw-ir-sec-h { display:flex; align-items:center; gap:9px; padding:0 2px 9px; }
#hxInteract .hxw-ir-ficon { display:grid; place-items:center; flex:none; width:22px; height:22px; border-radius:7px; color:var(--blue); background:var(--blue-soft); }
#hxInteract .hxw-ir-ficon svg { width:13px; height:13px; }
#hxInteract .hxw-ir-sec-h h2 { font-size:14px; font-weight:600; flex:none; white-space:nowrap; }
#hxInteract .hxw-ir-count { padding:2px 7px; border-radius:6px; background:var(--surface); color:var(--txt-3); font-size:10.5px; font-weight:700; flex:none; white-space:nowrap; }
#hxInteract .hxw-ir-hint { flex:1; min-width:0; color:var(--txt-3); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#hxInteract .hxw-ir-right { margin-left:auto; display:flex; align-items:center; gap:8px; flex:none; }
#hxInteract .hxw-ir-cursel { color:var(--txt-3); font-size:12px; }
#hxInteract .hxw-ir-secb { border-radius:15px; background:var(--sunken); padding:12px; }
#hxInteract .hxw-ir-sec > .hxw-scope { margin-top:8px; padding:0 4px; }
#hxInteract .hxw-ir-pinned { display:flex; align-items:center; gap:8px; }
#hxInteract .hxw-ir-pinned .hxw-note { margin-bottom:0; flex:1; min-width:0; }

#hxInteract .hxw-ir-rows { display:flex; flex-direction:column; gap:6px; overflow-y:auto; overflow-x:hidden; padding-right:2px; max-height:calc(100dvh - 226px); }
/* 2026-10-28：执行记录这块原来写死 max-height:calc(100dvh - 720px)，屏高正好 720 时算出来是 0
   —— 记录被压成 0 高、看不见也点不开（1280×720 笔记本实测）。留 96px 地板（约一条记录），
   高屏（≥816）仍按原公式，2560×1440 与 1536×864 完全不变。 */
#hxInteract .hxw-ir-col:last-child > .hxw-ir-sec:last-child .hxw-ir-rows { max-height:max(96px, calc(100dvh - 720px)); }
#hxInteract .hxw-ir-row { display:flex; align-items:center; gap:12px; padding:9px 12px; min-height:58px; border:1px solid transparent; border-radius:12px; background:var(--surface); }
#hxInteract .hxw-ir-item { display:flex; flex-direction:column; gap:4px; min-width:0; }
#hxInteract .hxw-ir-why { display:flex; align-items:flex-start; gap:6px; padding:0 12px 7px 79px; font-size:11.5px; line-height:1.45; color:var(--amber); }
#hxInteract .hxw-ir-why-i { flex:none; display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; margin-top:1px; border-radius:50%; background:var(--amber-soft, rgba(245,158,11,.14)); font-size:10px; font-weight:700; }
#hxInteract .hxw-ir-why-t { flex:1; min-width:0; white-space:normal; }
#hxInteract .hxw-ir-why .hxw-btn { flex:none; padding:0; height:auto; font-size:11px; color:var(--blue); }
#hxInteract .hxw-ir-row.on { border-color:var(--blue-line); background:var(--blue-soft); }
#hxInteract .hxw-ir-row input[type="checkbox"] { flex:none; width:15px; height:15px; accent-color:var(--blue); cursor:pointer; }
#hxInteract .hxw-ir-nm { flex:none; width:250px; min-width:0; }
#hxInteract .hxw-ir-nm strong { display:block; font-size:13px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#hxInteract .hxw-ir-nm small { display:block; font-size:10.5px; color:var(--txt-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#hxInteract .hxw-ir-txt { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#hxInteract .hxw-ir-tag { display:inline-block; padding:3px 7px; border-radius:6px; background:var(--canvas); color:var(--txt-3); font-size:10.5px; font-weight:600; vertical-align:middle; }
#hxInteract .hxw-ir-tag.blue { background:var(--blue-soft); color:var(--blue); }
#hxInteract .hxw-ir-q { display:inline-block; max-width:calc(100% - 80px); margin-left:6px; padding:4px 9px; border-radius:8px; background:var(--canvas); color:var(--txt-2); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
#hxInteract .hxw-ir-stage { flex:none; width:104px; }
#hxInteract .hxw-ir-all { display:inline-flex; align-items:center; gap:6px; color:var(--txt-2); font-size:12px; cursor:pointer; }
#hxInteract .hxw-ir-all input { width:15px; height:15px; accent-color:var(--blue); cursor:pointer; }
#hxInteract .hxw-ir-act { flex:none; display:flex; align-items:center; gap:6px; justify-content:flex-end; min-width:124px; }
#hxInteract .hxw-ir-act .hxw-btn { padding:6px 10px; font-size:12px; }
#hxInteract .hxw-ir-act .hxw-btn.link { padding:6px 2px; }

#hxInteract .hxw-ir-more { position:relative; display:inline-block; }
#hxInteract .hxw-ir-more > .hxw-btn { padding:6px 9px; }
#hxInteract .hxw-ir-menu { display:none; position:absolute; right:0; top:calc(100% + 6px); z-index:5; min-width:184px; padding:6px; border:1px solid var(--line-2); border-radius:11px; background:var(--raised); box-shadow:var(--shadow); text-align:left; }
#hxInteract .hxw-ir-more.on .hxw-ir-menu { display:block; }
#hxInteract .hxw-ir-more.on.up .hxw-ir-menu { top:auto; bottom:calc(100% + 6px); }
#hxInteract .hxw-ir-menu .hxw-btn { display:block; width:100%; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:var(--txt-2); font-size:12px; text-align:left; white-space:normal; }
#hxInteract .hxw-ir-menu .hxw-btn:hover { background:var(--sunken); color:var(--txt); }
#hxInteract .hxw-ir-menu .hxw-btn.danger { color:var(--red); background:transparent; }
#hxInteract .hxw-ir-sep { height:1px; margin:5px 2px; background:var(--line); }
/* 2026-10-29：⋯ 里的旧版核验入口收进折叠组（默认收起；点开才看到预留/报价/核验那些内部流程）。 */
#hxInteract .hxw-ir-legacy { margin-top:5px; border-top:1px solid var(--line); }
#hxInteract .hxw-ir-legacy > summary { padding:8px 10px; color:var(--txt-3); font-size:12px; cursor:pointer; list-style:none; }
#hxInteract .hxw-ir-legacy > summary::-webkit-details-marker { display:none; }
#hxInteract .hxw-ir-legacy > summary::before { content:'▸ '; }
#hxInteract .hxw-ir-legacy[open] > summary::before { content:'▾ '; }

#hxInteract .hxw-ir-stat { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#hxInteract .hxw-ir-st { padding:11px 12px; border-radius:12px; background:var(--surface); }
#hxInteract .hxw-ir-st b { display:block; font-family:var(--font-display); font-size:21px; font-weight:600; line-height:1.25; }
#hxInteract .hxw-ir-st small { font-size:10.5px; color:var(--txt-3); }
#hxInteract .hxw-ir-st.g b { color:var(--green); }
#hxInteract .hxw-ir-st.a b { color:var(--amber); }

#hxInteract .hxw-ir-al { display:flex; align-items:center; gap:9px; width:100%; margin-bottom:6px; padding:10px 12px; border:0; border-radius:11px; background:var(--surface); color:var(--txt); text-align:left; }
#hxInteract .hxw-ir-al:last-child { margin-bottom:0; }
#hxInteract .hxw-ir-al:hover { background:var(--raised); }
#hxInteract .hxw-ir-al span { font-size:12px; color:var(--txt-2); }
#hxInteract .hxw-ir-al b { margin-left:auto; font-family:var(--font-display); font-size:15px; font-weight:600; }
#hxInteract .hxw-ir-al i { font-style:normal; font-size:12px; color:var(--txt-3); }
#hxInteract .hxw-ir-dot { flex:none; width:7px; height:7px; border-radius:50%; background:var(--txt-3); }
#hxInteract .hxw-ir-dot.r { background:var(--red); }
#hxInteract .hxw-ir-dot.a { background:var(--amber); }
#hxInteract .hxw-ir-dot.b { background:var(--blue); }
/* ★ 2026-10-16 波哥定：互动执行状态筛选标签。
   **刻意复用「今日待办」那套 .hxw-ir-al / .hxw-ir-dot / 配色变量**，
   只把竖排改成横排 —— 不新造一套样式，视觉与全站一致。
   数字沿用 .hxw-ir-al b 的字体；选中态沿用 hover 的 --raised 再加蓝边（同 .hxw-pool 选中口径）。 */
#hxInteract .hxw-ir-tags { display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px; margin-bottom:12px; }
/* ★ 2026-10-16 加固：把状态筛选卡片锁死在「横排 + 不被纵向拉伸」。
   复现证明：只要外层被改成一维弹性容器、卡片被算成竖排，
   就会渲染成瘦高的细长条。这里显式声明方向与对齐，
   任何外层变化都不会再带歪它。 */
#hxInteract .hxw-ir-tags .hxw-ir-al { width:auto; flex:none; flex-direction:row; flex-wrap:nowrap; align-self:flex-start; height:auto; margin-bottom:0; padding:7px 11px; gap:7px; border:1px solid transparent; }
#hxInteract .hxw-ir-tags .hxw-ir-al b { margin-left:0; font-size:13px; }
#hxInteract .hxw-ir-tags .hxw-ir-al i { font-size:11px; }
#hxInteract .hxw-ir-tags .hxw-ir-al.on { background:var(--raised); border-color:var(--blue); }
#hxInteract .hxw-ir-tags .hxw-ir-al.on span { color:var(--txt); }
#hxInteract .hxw-ir-tags .hxw-ir-al.empty { opacity:.45; }

#hxInteract .hxw-ir-mini { display:flex; align-items:center; gap:10px; width:100%; min-height:50px; padding:9px 11px; border:0; border-radius:11px; background:var(--surface); color:var(--txt); text-align:left; }
#hxInteract .hxw-ir-mini:hover { background:var(--raised); }
#hxInteract .hxw-ir-mini .hxw-avatar { width:30px; height:30px; font-size:12px; }
#hxInteract .hxw-ir-mini .hxw-ir-nm { flex:1; width:auto; }
#hxInteract .hxw-ir-dev { padding:11px 12px; border-radius:12px; background:var(--surface); margin-bottom:6px; }
#hxInteract .hxw-ir-dev:last-child { margin-bottom:0; }
#hxInteract .hxw-ir-dev-h { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
#hxInteract .hxw-ir-dev-h strong { font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#hxInteract .hxw-ir-dev-h small { font-size:10.5px; color:var(--txt-3); white-space:nowrap; }
#hxInteract .hxw-ir-bar { height:5px; border-radius:4px; background:var(--canvas); overflow:hidden; margin-bottom:8px; }
#hxInteract .hxw-ir-bar i { display:block; height:100%; background:var(--blue); border-radius:4px; }
#hxInteract .hxw-ir-dev-l { font-size:11.5px; color:var(--txt-2); line-height:1.7; margin:0; }
#hxInteract .hxw-ir-dev-l.bad { color:var(--amber); }
#hxInteract .hxw-ir-blocks { margin-top:7px; padding:7px 9px; border-radius:9px; background:var(--amber-soft); }
#hxInteract .hxw-ir-blocks p { font-size:11px; color:var(--txt-2); line-height:1.65; margin:0; }
#hxInteract .hxw-ir-blocks p + p { margin-top:4px; }
#hxInteract .hxw-ir-head .hxw-btn:focus-visible, #hxInteract .hxw-ir-menu .hxw-btn:focus-visible, #hxInteract .hxw-ir-al:focus-visible, #hxInteract .hxw-ir-mini:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
#hxInteract .hxw-ir-rows::-webkit-scrollbar { width:7px; height:7px; }
#hxInteract .hxw-ir-rows::-webkit-scrollbar-track { background:transparent; }
#hxInteract .hxw-ir-rows::-webkit-scrollbar-thumb { background:var(--line-2); border-radius:7px; border:2px solid transparent; background-clip:padding-box; }
#hxInteract .hxw-ir-rows::-webkit-scrollbar-button { display:none; width:0; height:0; }
@supports not selector(::-webkit-scrollbar) {
  #hxInteract .hxw-ir-rows { scrollbar-width:thin; scrollbar-color:var(--line-2) transparent; }
}
@media(max-width:1500px) {
  #hxInteract .hxw-ir-main { grid-template-columns:minmax(0,1fr) 320px; }
  #hxInteract .hxw-ir-row { gap:8px; padding:8px 9px; }
  #hxInteract .hxw-ir-nm { width:150px; }
  #hxInteract .hxw-ir-stage { width:74px; }
  #hxInteract .hxw-ir-act { min-width:92px; gap:4px; }
  #hxInteract .hxw-ir-act .hxw-btn { padding:5px 7px; font-size:11px; }
  #hxInteract .hxw-ir-why { padding-left:71px; }
}
@media(max-width:1200px) {
  #hxInteract .hxw-ir-main { grid-template-columns:minmax(0,1fr); }
  #hxInteract .hxw-ir-rows { max-height:60dvh; }
}
/* 2026-11-08：话术库极简版：只保留「话术内容 + 新增/编辑/保存」。 */
.hxw-dialog.hxw-template-dialog { width:min(720px,calc(100vw - 32px)); }
.hxw-tpl-simple-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.hxw-tpl-simple-head > span { font-size:12px; color:var(--txt-3); }
.hxw-tpl-simple-head .hxw-btn { flex:none; padding:7px 11px; font-size:12px; }
.hxw-tpl-simple-editor { margin-bottom:14px; padding:13px; border:1px solid var(--blue-line); border-radius:12px; background:var(--blue-soft); }
.hxw-tpl-simple-editor-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; }
.hxw-tpl-simple-editor-head strong { font-size:13px; }
.hxw-tpl-simple-editor-head .hxw-btn { padding:4px 8px; font-size:11px; }
.hxw-tpl-simple-editor textarea { min-height:130px; margin:0; padding:10px; border:1px solid var(--line-2); border-radius:9px; background:var(--canvas); color:var(--txt); font:12.5px/1.7 inherit; resize:vertical; }
.hxw-tpl-simple-ai { display:flex; align-items:center; gap:9px; margin-top:8px; }
.hxw-tpl-simple-ai .hxw-btn { padding:6px 11px; font-size:12px; font-weight:600; }
.hxw-tpl-simple-ai span { font-size:11px; color:var(--txt-3); }
.hxw-tpl-simple-editor p { margin:7px 0 0; font-size:11px; color:var(--txt-3); }
.hxw-tpl-simple-list { display:flex; flex-direction:column; gap:8px; }
.hxw-tpl-simple-card { display:flex; align-items:flex-start; gap:14px; padding:12px 13px; border:1px solid var(--line); border-radius:11px; background:var(--surface); }
.hxw-tpl-simple-card p { flex:1; min-width:0; margin:0; color:var(--txt-2); font-size:12px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.hxw-tpl-edit { flex:none; padding:4px 2px; border:0; background:none; color:var(--blue); font-size:12px; cursor:pointer; }
.hxw-tpl-edit:hover { text-decoration:underline; }
.hxw-tpl-simple-empty { padding:24px 12px; border:1px dashed var(--line-2); border-radius:11px; color:var(--txt-3); font-size:12px; text-align:center; }
/* 2026-11-08：首次联系确认卡。默认账号/默认话术直接显示，换账号/换话术才展开。 */
.hxw-send-cfm { display:flex; flex-direction:column; gap:10px; }
.hxw-send-cfm-row { display:flex; align-items:center; gap:8px; padding:11px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.hxw-send-cfm-row > span { flex:none; width:64px; color:var(--txt-3); font-size:11px; }
.hxw-send-cfm-row > strong { flex:1; min-width:0; font-size:12.5px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hxw-send-template-row { align-items:flex-start; }
.hxw-send-cfm-preview { flex:1; min-width:0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:var(--txt-2); font-size:12px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.hxw-send-cfm-link { flex:none; border:0; background:none; color:var(--blue); font-size:11px; cursor:pointer; padding:2px 4px; }
.hxw-send-cfm-link:hover { text-decoration:underline; }
.hxw-send-sub { margin-top:-4px; }
.hxw-send-sub select, .hxw-send-sub textarea { margin-top:0; }
.hxw-send-sub textarea { min-height:130px; }
.hxw-send-cfm .hxw-scope { margin:0; }

