/* 对话分析页（#tasks）：按天检索的消息留痕卡片 */
.cl-toolbar { display: flex; gap: 10px; align-items: center; }
.cl-toolbar input[type="date"] {
  padding: 8px 12px; border:1px solid var(--border, var(--border)); border-radius: 10px;
  background:#fff; font: inherit; color: inherit;
}

.cl-day-strip {
  display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px;
  scrollbar-width: thin;
}
.cl-day {
  flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
  padding: 8px 14px; border:1px solid var(--border, var(--border)); border-radius: 12px;
  background:#fff; cursor: pointer; font: inherit; text-align: left;
}
.cl-day b { font-size: 14px; }
.cl-day span { font-size: 12px; color:var(--text-muted); white-space: nowrap; }
.cl-day.active { border-color:var(--info-fg); background:var(--info-bg); }
.cl-day.active b { color:var(--info-fg); }

.cl-filter-row { display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.cl-status-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.cl-status-chips button {
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px;
  border:1px solid var(--border, var(--border)); border-radius: 999px; background:#fff;
  cursor: pointer; font: inherit; font-size: 13px; color:var(--text-secondary);
}
.cl-status-chips button b { font-weight: 700; color:var(--text-primary); }
.cl-status-chips button.active { border-color:var(--info-fg); background:var(--info-fg); color:#fff; }
.cl-status-chips button.active b { color:#fff; }
.cl-filter-row .search-box { min-width: 260px; }

.cl-list { display: flex; flex-direction: column; gap: 12px; }
.cl-empty {
  padding: 42px 20px; text-align: center; color:var(--text-muted); background:#fff;
  border:1px dashed var(--border, var(--border)); border-radius: 14px;
}
.cl-empty.error { color:var(--danger-fg); border-color:var(--danger-border); }

.cl-card {
  background:#fff; border:1px solid var(--border, var(--border)); border-radius: 14px;
  padding: 14px 16px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
.cl-card > header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cl-card > header time { font-variant-numeric: tabular-nums; color:var(--text-muted); font-size: 13px; }
.cl-card > header b { font-size: 14px; }
.cl-card > header .tag { margin-left: auto; }
.cl-content {
  margin: 8px 0 12px; padding: 10px 12px; background:var(--info-bg); border-radius: 10px;
  white-space: pre-wrap; word-break: break-word; font-size: 14px; line-height: 1.6;
}

.cl-analysis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 1100px) { .cl-analysis { grid-template-columns: 1fr; } }
.cl-block {
  border:1px solid var(--info-border); border-radius: 10px; padding: 10px 12px; background:var(--info-bg);
  display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
.cl-block small { color:var(--text-muted); font-size: 11px; letter-spacing: .06em; }
.cl-block b { font-size: 13px; }
.cl-block p { margin: 0; font-size: 13px; color:var(--text-secondary); line-height: 1.55; word-break: break-word; }
.cl-block.hit { border-color:var(--border); background:var(--accent-soft-bg); }
.cl-block.miss { background:var(--surface-hover); }
.cl-block.forward { border-color:var(--info-border); background:var(--info-bg); }
.cl-note { font-size: 12px; color:var(--text-muted); line-height: 1.5; }
.cl-reason { color:var(--text-secondary); }
.cl-intent-glm { color:var(--info-fg); }
.cl-intent-rules { color:var(--warning-fg); }

.cl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cl-chip {
  font-style: normal; font-size: 12px; padding: 3px 9px; border-radius: 999px;
  background:var(--accent-soft-bg); color:var(--accent); border:1px solid var(--accent-soft-border);
}
.cl-candidate {
  display: block; font-size: 12.5px; color:var(--text-secondary); padding: 4px 0;
  border-bottom:1px dashed var(--info-border);
}
.cl-block details summary { cursor: pointer; font-size: 12.5px; color:var(--info-fg); }
.cl-forward-content {
  margin: 6px 0 0; padding: 10px; background:#fff; border:1px solid var(--border); border-radius: 8px;
  white-space: pre-wrap; word-break: break-word; font-size: 12.5px; font-family: inherit; max-height: 220px; overflow: auto;
}

.cl-more { display: flex; align-items: center; gap: 12px; justify-content: center; padding: 4px 0 8px; }

.cl-tasks-panel summary {
  display: flex; align-items: baseline; gap: 10px; cursor: pointer; font-weight: 600;
  padding: 4px 0;
}
.cl-tasks-panel summary small { color:var(--text-muted); font-weight: 400; }
.cl-tasks-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0 6px; }
.cl-tasks-head p { margin: 0; }

/* 卡住的消息就地处理（原来要跳到选品触发页才能做） */
.cl-actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line); }
.cl-actions label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--text-muted); }
.cl-actions select { max-width: 320px; }
/* 一句话结果（2026-09-27）：先说转了没有、为什么；详细判断过程默认折叠 */
.cl-result { margin: 8px 0 0; font-size: 13px; line-height: 1.6; color: var(--ink); }
.cl-result span { margin-left: 12px; color: var(--ink-2); }
.cl-result.ok b:first-child { color: var(--green); }
.cl-result.wait b:first-child { color: var(--warning-fg); }
.cl-why { margin-top: 6px; }
.cl-why > summary { cursor: pointer; font-size: 12px; color: var(--muted); width: max-content; }
.cl-why[open] > summary { margin-bottom: 6px; }