/**
 * 衣辰 · V4 中栏消息流样式
 *
 * 从 V3 的纸墨风重写为 DSH 浅色 token：白底、系统无衬线、蓝 #4176e6、发丝描边。
 * 所有颜色/圆角/阴影只取 var(--dsw-*, 设计值 fallback)——tokens.css 未加载时也能看。
 *
 * 作用域：所有消息类都挂在 #chat-thread（.chat-thread）内部，选择器一律加 .chat-thread 前缀。
 * 原因：shell-ui 的 app.css 用了 .chat-head（会话头）、.chat-body（消息区容器）、
 * .chat-status（composer 上方状态条）、.chat-empty（门厅空态）这些同名 class，
 * 它们不在 thread 里，不能被消息流样式误伤。
 *
 * 覆盖：chat-row / chat-head / chat-avatar / chat-name / chat-time / chat-body /
 *       chat-note / chat-activity / chat-status / chat-empty / chat-earlier / chat-jump /
 *       task-block（派活块）/ ask-card（提问与审批）/ md-*（markdown）
 */

.chat-thread {
  /* ---- 本文件用到的设计 token（只引用 --dsw-*，fallback 为设计规格值） ---- */
  --chat-text: var(--dsw-alias-label-primary, #0f1115);
  --chat-text-2: var(--dsw-alias-label-secondary, #61666b);
  --chat-text-3: var(--dsw-alias-label-tertiary, #81858c);
  --chat-caption: var(--dsw-alias-label-caption, #adb2b8);
  --chat-bubble: var(--dsw-static-neutral-bluish-75, var(--dsw-alias-interactive-bg-hover-solid, #f1f3f5));
  --chat-soft: var(--dsw-static-neutral-bluish-50, #f9fafb);
  --chat-layer: var(--dsw-alias-bg-layer-1, #ffffff);
  --chat-line-1: var(--dsw-alias-border-l1, #0000000a);
  --chat-line-2: var(--dsw-alias-border-l2, #0000001a);
  --chat-line-3: var(--dsw-alias-border-l3, #0000001f);
  --chat-line-4: var(--dsw-alias-border-l4, #00000029);
  --chat-blue: var(--dsw-alias-state-business-primary, #4176e6);
  --chat-warn: var(--dsw-alias-state-warn-primary, #f59e0b);
  --chat-green: var(--dsw-alias-state-success-primary, #22c55e);
  --chat-error: var(--dsw-alias-state-error-primary, #dc2626);
  --chat-avatar-bg: var(--dsw-alias-brand-primary, #0f1115);
  --chat-avatar-fg: var(--dsw-alias-label-primary-foreground, #ffffff);
  --chat-avatar-soft: var(--dsw-static-neutral-bluish-100, #ebeef2);
  --chat-radius-sm: var(--dsw-radius-sm, 8px);
  --chat-radius-md: var(--dsw-radius-md, 12px);
  --chat-shadow-1: var(--dsw-shadow-lv1, 0 2px 4px #0000000d);
  --chat-font: var(
    --dsw-font-family,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'PingFang SC',
    'Hiragino Sans GB',
    'Microsoft YaHei',
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
  );
  --chat-mono: var(
    --ds-font-family-code,
    'SF Mono',
    'JetBrains Mono',
    'Fira Code',
    Consolas,
    Menlo,
    'PingFang SC',
    'Microsoft YaHei',
    monospace
  );

  box-sizing: border-box;
  min-width: 0;
  /* 消息区 padding 20/24（与 app.css 的 .chat-thread 一致；本文件后加载，作为兜底） */
  padding: 20px 24px;
  color: var(--chat-text);
  font-family: var(--chat-font);
  font-size: 14px;
  line-height: 24px;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
}

.chat-thread *,
.chat-thread *::before,
.chat-thread *::after {
  box-sizing: border-box;
}

/* 消息列统一最大宽度 720，居中（shell 的 :where(*) 是零特异性，这里按设计值接管） */
.chat-thread > * {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.chat-thread > * + * {
  margin-top: 16px;
}

.chat-thread .mono {
  font-family: var(--chat-mono);
  font-variant-numeric: tabular-nums;
}

/* ---------------- 消息行 ---------------- */

.chat-thread .chat-row {
  min-width: 0;
}

.chat-thread .chat-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0 0 6px;
  padding: 0;
  height: auto;
  border: 0;
}

.chat-thread .chat-avatar {
  width: 24px;
  height: 24px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: var(--chat-avatar-bg);
  color: var(--chat-avatar-fg);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.chat-thread .chat-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--chat-text-2);
  font-size: 12px;
  line-height: 18px;
}

.chat-thread .chat-time {
  margin-left: auto;
  color: var(--chat-caption);
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.02em;
  opacity: 0.85;
  transition: opacity 0.15s ease;
}

.chat-thread .chat-time:empty {
  display: none;
}

.chat-thread .chat-head .chat-time {
  margin-left: 0;
}

.chat-thread .chat-row:hover .chat-time {
  opacity: 1;
}

.chat-thread .chat-body {
  min-width: 0;
  color: var(--chat-text);
  font-size: 14px;
  line-height: 24px;
  overflow-wrap: anywhere;
}

/* 用户消息：右对齐气泡，时间在气泡上方 */
.chat-thread .chat-row.is-user {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.chat-thread .chat-row.is-user .chat-time {
  margin: 0 2px 0 0;
}

/* 用户消息里的参考图缩略图：右对齐、与气泡同宽上限 */
.chat-thread .chat-refs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 88%;
  margin-top: 6px;
}

.chat-thread .chat-ref {
  display: block;
  width: 92px;
  height: 92px;
  border: 1px solid var(--chat-line-2);
  border-radius: var(--chat-radius-sm);
  overflow: hidden;
  background: var(--chat-soft);
}

.chat-thread .chat-ref img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chat-thread .chat-row.is-user .chat-body {
  max-width: 88%;
  padding: 10px 14px;
  border-radius: var(--chat-radius-md);
  background: var(--chat-bubble);
  color: var(--chat-text);
}

/* 流式光标 */
.chat-thread .chat-body.is-streaming > *:last-child::after,
.chat-thread .chat-body.is-streaming:empty::after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 14px;
  margin-left: 2px;
  border-radius: 1px;
  background: var(--chat-blue);
  vertical-align: -2px;
  animation: v4-chat-caret 1s steps(2, start) infinite;
}

/* ---------------- Markdown ---------------- */

.chat-thread .chat-body p {
  margin: 0 0 10px;
}

.chat-thread .chat-body p:last-child {
  margin-bottom: 0;
}

.chat-thread .chat-body strong {
  font-weight: 600;
  color: var(--chat-text);
}

.chat-thread .chat-body em {
  font-style: italic;
}

.chat-thread .chat-body del {
  color: var(--chat-text-3);
}

.chat-thread .chat-body a {
  color: var(--chat-blue);
  text-decoration: none;
  border-bottom: 1px solid var(--chat-line-3);
}

.chat-thread .chat-body a:hover {
  border-bottom-color: var(--chat-blue);
}

/* 对话内图片：助手回复的 ![alt](url)（契约 §8.6；临时工作区出图 / 基础库样布图）
   包一层链接点开原图；宽度跟消息区走，移动端不横向溢出。 */
.chat-thread .chat-body .chat-image-link {
  display: block;
  max-width: 100%;
  line-height: 0;
  border-bottom: 0;
}

.chat-thread .chat-body .chat-image-link:hover {
  border-bottom: 0;
}

.chat-thread .chat-body .chat-image {
  display: block;
  max-width: 100%;
  max-height: 62vh;
  width: auto;
  height: auto;
  margin: 8px 0;
  border: 1px solid var(--v4-line, var(--chat-line-2, #e5e1da));
  border-radius: 12px;
  background: var(--chat-layer, #ffffff);
  cursor: zoom-in;
}

/* 流式光标别画在图片下面（图片是块级，光标会单独占一行） */
.chat-thread .chat-body.is-streaming > .chat-image-link:last-child::after {
  display: none;
}

.chat-thread .chat-body ul,
.chat-thread .chat-body ol {
  margin: 6px 0 10px;
  padding-left: 22px;
}

.chat-thread .chat-body li {
  margin: 2px 0;
}

.chat-thread .chat-body li > ul,
.chat-thread .chat-body li > ol {
  margin: 2px 0 0;
}

.chat-thread .chat-body code {
  padding: 1px 5px;
  border-radius: 4px;
  background: var(--chat-soft);
  color: var(--chat-text);
  font-family: var(--chat-mono);
  font-size: 0.86em;
}

.chat-thread .chat-body pre.md-code {
  position: relative;
  margin: 10px 0;
  padding: 12px 14px;
  overflow: auto;
  border: 1px solid var(--chat-line-2);
  border-radius: var(--chat-radius-sm);
  background: var(--chat-soft);
  color: var(--chat-text);
  font-family: var(--chat-mono);
  font-size: 11px;
  line-height: 19px;
  white-space: pre;
}

.chat-thread .chat-body pre.md-code code {
  padding: 0;
  background: none;
  font-size: inherit;
  line-height: inherit;
}

.chat-thread .chat-body pre.md-code::before {
  content: attr(data-lang);
  position: absolute;
  top: 6px;
  right: 10px;
  color: var(--chat-caption);
  font-family: var(--chat-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  pointer-events: none;
}

.chat-thread .chat-body blockquote {
  margin: 10px 0;
  padding: 2px 0 2px 12px;
  border-left: 2px solid var(--chat-line-3);
  color: var(--chat-text-2);
}

.chat-thread .chat-body .md-h {
  margin: 14px 0 6px;
  color: var(--chat-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.chat-thread .chat-body .md-h1 {
  font-size: 18px;
  line-height: 26px;
}

.chat-thread .chat-body .md-h2 {
  font-size: 16px;
  line-height: 24px;
}

.chat-thread .chat-body .md-h:first-child {
  margin-top: 0;
}

.chat-thread .chat-body .md-rule {
  margin: 14px 0;
  border: 0;
  border-top: 1px solid var(--chat-line-1);
}

.chat-thread .chat-body .md-table {
  margin: 10px 0;
  overflow-x: auto;
  border: 1px solid var(--chat-line-2);
  border-radius: var(--chat-radius-sm);
}

.chat-thread .chat-body table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 20px;
}

.chat-thread .chat-body th,
.chat-thread .chat-body td {
  padding: 6px 10px;
  border-bottom: 1px solid var(--chat-line-1);
  text-align: left;
  vertical-align: top;
}

.chat-thread .chat-body th {
  background: var(--chat-soft);
  color: var(--chat-text-2);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.chat-thread .chat-body tr:last-child td {
  border-bottom: 0;
}

.chat-thread .chat-body .md-align-center {
  text-align: center;
}

.chat-thread .chat-body .md-align-right {
  text-align: right;
}

/* ---------------- 一行字：活动 / 失败 / 历史工具 ---------------- */

.chat-thread .chat-activity {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
  padding-left: 34px;
  color: var(--chat-warn);
  font-size: 12px;
  line-height: 18px;
}

.chat-thread .chat-activity::before {
  content: '';
  width: 5px;
  height: 5px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
  animation: v4-chat-pulse 1.2s ease-in-out infinite;
}

.chat-thread > .chat-activity + * {
  margin-top: 12px;
}

.chat-thread .chat-note {
  margin: 0;
  padding-left: 34px;
  color: var(--chat-caption);
  font-family: var(--chat-mono);
  font-size: 11px;
  line-height: 18px;
}

.chat-thread .chat-note.is-fail {
  color: var(--chat-text-3);
  font-family: var(--chat-font);
  font-size: 12px;
}

/* ---------------- 派活块（Task：简 → 岚 / 墨 / 影） ---------------- */

.chat-thread .task-block {
  background: var(--chat-layer);
  border: 1px solid var(--chat-line-2);
  border-radius: var(--chat-radius-md);
  box-shadow: var(--chat-shadow-1);
  overflow: hidden;
  transition: border-color 0.15s ease;
}

.chat-thread .task-block[data-state='waiting'] {
  border-color: var(--chat-line-4);
  box-shadow: inset 2px 0 0 var(--chat-warn);
}

.chat-thread .task-block[data-state='error'] {
  border-color: var(--chat-error);
}

.chat-thread .task-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  list-style: none;
}

.chat-thread .task-head::-webkit-details-marker {
  display: none;
}

.chat-thread .task-chain {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: none;
}

.chat-thread .task-who {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--chat-avatar-bg);
  color: var(--chat-avatar-fg);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.chat-thread .task-who.is-target {
  background: var(--chat-avatar-soft);
  color: var(--chat-text);
}

.chat-thread .task-arrow {
  color: var(--chat-caption);
  font-size: 11px;
  line-height: 1;
}

.chat-thread .task-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--chat-text);
  font-size: 13px;
  line-height: 20px;
}

.chat-thread .task-room {
  flex: none;
  color: var(--chat-caption);
  font-size: 11px;
}

.chat-thread .task-go {
  flex: none;
  padding: 0;
  border: 0;
  background: none;
  color: var(--chat-blue);
  font-family: inherit;
  font-size: 11px;
  line-height: 18px;
  cursor: pointer;
}

.chat-thread .task-go:hover {
  text-decoration: underline;
}

.chat-thread .tool-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  color: var(--chat-text-3);
  font-size: 11px;
  line-height: 18px;
}

.chat-thread .tool-state i {
  width: 5px;
  height: 5px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
}

.chat-thread .task-head .tool-state {
  margin-left: auto;
}

.chat-thread .task-block[data-state='running'] .tool-state,
.chat-thread .task-block[data-state='waiting'] .tool-state {
  color: var(--chat-warn);
}

.chat-thread .task-block[data-state='running'] .tool-state i {
  animation: v4-chat-pulse 1.2s ease-in-out infinite;
}

.chat-thread .task-block[data-state='ok'] .tool-state {
  color: var(--chat-green);
}

.chat-thread .task-block[data-state='error'] .tool-state {
  color: var(--chat-error);
}

.chat-thread .task-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 12px 12px;
  border-top: 1px solid var(--chat-line-1);
}

.chat-thread .task-thread {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 10px;
  border-left: 1px solid var(--chat-line-2);
}

.chat-thread .task-text {
  font-size: 13px;
  line-height: 20px;
}

.chat-thread .task-activity {
  margin: 0;
  color: var(--chat-warn);
  font-size: 12px;
  line-height: 18px;
}

.chat-thread .task-empty {
  margin: 0;
  color: var(--chat-text-3);
  font-size: 12px;
  line-height: 18px;
}

.chat-thread .task-error {
  margin: 0;
  color: var(--chat-error);
  font-size: 12px;
  line-height: 18px;
}

/* 失败时：默认只给一句人话，原始英文报错折叠在下面 */
.chat-thread .task-error-detail summary {
  cursor: pointer;
  list-style: none;
  color: var(--chat-caption);
  font-size: 11px;
  line-height: 18px;
  margin-top: 4px;
}

.chat-thread .task-error-detail summary::-webkit-details-marker {
  display: none;
}

.chat-thread .task-error-detail pre {
  margin: 6px 0 0;
  padding: 8px 10px;
  max-height: 160px;
  overflow: auto;
  border-radius: 8px;
  background: var(--dsw-alias-markdown-code-block, #f9fafb);
  border: 1px solid var(--chat-border);
  color: var(--chat-text-3);
  font-size: 11px;
  line-height: 17px;
  white-space: pre-wrap;
  word-break: break-word;
}

.chat-thread .task-block[data-state='error'] .task-who.is-target {
  color: var(--chat-error);
}

.chat-thread .task-prompt summary {
  cursor: pointer;
  list-style: none;
  color: var(--chat-caption);
  font-size: 11px;
  line-height: 18px;
}

.chat-thread .task-prompt summary::-webkit-details-marker {
  display: none;
}

.chat-thread .task-prompt pre {
  margin: 6px 0 0;
  padding: 8px 10px;
  max-height: 160px;
  overflow: auto;
  border-radius: var(--chat-radius-sm);
  background: var(--chat-soft);
  color: var(--chat-text-2);
  font-family: var(--chat-mono);
  font-size: 11px;
  line-height: 19px;
  white-space: pre-wrap;
}

/* ---------------- 提问 / 审批卡 ---------------- */

.chat-thread .ask-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  background: var(--chat-layer);
  border: 1px solid var(--chat-line-2);
  border-radius: var(--chat-radius-md);
  box-shadow: var(--chat-shadow-1);
}

.chat-thread .ask-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--chat-blue);
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.02em;
}

.chat-thread .ask-title {
  color: var(--chat-caption);
}

.chat-thread .ask-question {
  margin: 0;
  color: var(--chat-text);
  font-size: 14px;
  line-height: 24px;
}

.chat-thread .ask-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* 每个提问都留一个自由输入：选项只是快捷，不想选就自己写 */
.chat-thread .ask-custom {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.chat-thread .ask-custom .ask-input {
  flex: 1 1 200px;
}

.chat-thread .chat-btn {
  min-height: 30px;
  padding: 5px 14px;
  border: 1px solid var(--chat-avatar-bg);
  border-radius: var(--chat-radius-sm);
  background: var(--chat-avatar-bg);
  color: var(--chat-avatar-fg);
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer;
  transition: opacity 0.15s ease, background 0.15s ease;
}

.chat-thread .chat-btn:hover {
  opacity: 0.9;
}

.chat-thread .chat-btn.is-ghost {
  background: transparent;
  border-color: var(--chat-line-3);
  color: var(--chat-text);
}

.chat-thread .chat-btn.is-ghost:hover {
  background: var(--chat-soft);
  opacity: 1;
}

.chat-thread .chat-btn.is-on {
  background: var(--chat-blue);
  border-color: var(--chat-blue);
  color: var(--chat-avatar-fg);
}

.chat-thread .ask-input {
  flex: 1 1 180px;
  min-width: 140px;
  padding: 6px 10px;
  border: 1px solid var(--chat-line-3);
  border-radius: var(--chat-radius-sm);
  background: var(--chat-layer);
  color: var(--chat-text);
  font-family: inherit;
  font-size: 14px;
  line-height: 22px;
}

.chat-thread .ask-input:focus {
  outline: none;
  border-color: var(--chat-blue);
  box-shadow: 0 0 0 2px var(--chat-line-3);
}

.chat-thread .ask-reply {
  margin: 0;
  color: var(--chat-text-3);
  font-size: 12px;
  line-height: 18px;
}

/* ---------------- 状态条 / 空态 / 载入更早 / 回到底部 ---------------- */

.chat-thread .chat-status {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 0 34px;
  color: var(--chat-warn);
  font-size: 12px;
  line-height: 18px;
}

.chat-thread .chat-spinner {
  width: 5px;
  height: 5px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
  animation: v4-chat-pulse 1.2s ease-in-out infinite;
}

.chat-thread .chat-empty {
  color: var(--chat-text-3);
  font-size: 14px;
  line-height: 24px;
}

.chat-thread > .chat-earlier {
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 0;
  margin-bottom: 4px;
}

.chat-thread .chat-earlier {
  padding: 5px 14px;
  border: 1px solid var(--chat-line-2);
  border-radius: var(--chat-radius-sm);
  background: transparent;
  color: var(--chat-text-2);
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.chat-thread .chat-earlier:hover {
  background: var(--chat-soft);
  color: var(--chat-text);
}

.chat-thread .chat-earlier .chat-chevron {
  color: var(--chat-text-3);
  font-size: 11px;
  line-height: 1;
}

.chat-thread > .chat-jump {
  position: sticky;
  bottom: 8px;
  z-index: 2;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  margin-left: auto;
  margin-right: 0;
  padding: 0;
  border: 1px solid var(--chat-line-2);
  border-radius: 50%;
  background: var(--chat-layer);
  color: var(--chat-text-2);
  font-family: inherit;
  font-size: 13px;
  line-height: 1;
  box-shadow: var(--chat-shadow-1);
  cursor: pointer;
}

.chat-thread .chat-jump:hover {
  background: var(--chat-soft);
}

.chat-thread .chat-jump[hidden] {
  display: none;
}

/* ---------------- 旧版工具 chip（V4 引擎不再产出；留极简样式防漏网） ---------------- */

.chat-thread .tool-chip {
  display: none;
}

/* ---------------- 动效 ---------------- */

@keyframes v4-chat-pulse {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes v4-chat-caret {
  0%,
  49% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .chat-thread .chat-body.is-streaming > *:last-child::after,
  .chat-thread .chat-body.is-streaming:empty::after,
  .chat-thread .chat-activity::before,
  .chat-thread .chat-status .chat-spinner,
  .chat-thread .tool-state i {
    animation: none;
  }
}

/* 细滚动条（#chat-thread 自己滚动时；宿主已有样式时以宿主为准） */
.chat-thread::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.chat-thread::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--dsw-alias-scrollbar-bg-l1, var(--chat-line-3));
}

.chat-thread::-webkit-scrollbar-thumb:hover {
  background: var(--dsw-alias-scrollbar-hover-l1, var(--chat-line-4));
}

.chat-thread::-webkit-scrollbar-track {
  background: transparent;
}