/* ============================================================
 * 已读状态修复样式
 * 原始 tgico 字体文件损坏（实为HTML页面），改用 Unicode 对号 + 系统字体
 * ============================================================ */

/* ===== 用 Unicode 对号替代损坏的 tgico 字体图标 ===== */
/* 单对号（已发送/未读） */
.tgico-check::before,
.tgico-check[data-v-d7c5d04c]::before {
  content: "\2713" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* 双对号（已读） */
.tgico-checks::before,
.tgico-checks[data-v-d7c5d04c]::before {
  content: "\2713\2713" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -2px !important;
}

/* ===== 已读状态图标基础样式 ===== */
.read-status {
  display: inline-block !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  width: auto !important;
  min-width: 20px !important;
  text-align: center !important;
  margin-left: 4px !important;
  -webkit-text-stroke: 0 !important;
  transition: all 0.3s ease !important;
}

/* ===== 客服消息（右侧气泡）已读状态颜色 ===== */
.message-bubble.agent .read-status,
.message-bubble.agent .read-status[data-v-d7c5d04c] {
  color: rgba(255, 255, 255, 0.6) !important;
}

.message-bubble.agent .read-status.is-read,
.message-bubble.agent .read-status.is-read[data-v-d7c5d04c] {
  color: rgba(255, 255, 255, 1) !important;
}

/* ===== 客户消息（左侧气泡）已读状态颜色 ===== */
.message-bubble.customer .read-status,
.message-bubble.customer .read-status[data-v-d7c5d04c] {
  color: #5ca853b3 !important;
}

.message-bubble.customer .read-status.is-read,
.message-bubble.customer .read-status.is-read[data-v-d7c5d04c] {
  color: #5ca853 !important;
}

/* ===== 其他场景的已读状态颜色 ===== */
.read-status[data-v-d7c5d04c] {
  display: inline-block !important;
}

.read-status.tgico-check[data-v-d7c5d04c] {
  color: rgba(255, 255, 255, 0.6) !important;
}

.read-status.tgico-checks.is-read[data-v-d7c5d04c] {
  color: rgba(255, 255, 255, 1) !important;
}