/* ============================================================
 * 已读状态修复样式
 * 1. 客服消息（右侧）显示已读对号：未读✓灰色 / 已读✓✓绿色
 * 2. 客户消息（左侧）不显示对号
 * 3. 用 Unicode 对号替代损坏的 tgico 字体
 * ============================================================ */

/* ===== 用 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;
}

/* ===== 客户消息（左侧气泡）：隐藏已读对号 ===== */
.message-bubble.customer .read-status,
.message-bubble.customer .read-status[data-v-d7c5d04c] {
  display: none !important;
}

/* ===== 客服消息（右侧气泡）：显示已读对号 ===== */
/* 客服气泡是浅绿色，用深色对号确保可见 */
.message-bubble.agent .read-status,
.message-bubble.agent .read-status[data-v-d7c5d04c] {
  display: inline-block !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  margin-left: 4px !important;
  -webkit-text-stroke: 0 !important;
}

/* 未读：灰色单对号 */
.message-bubble.agent .read-status.tgico-check,
.message-bubble.agent .read-status.tgico-check[data-v-d7c5d04c] {
  color: #999 !important;
}

/* 已读：绿色双对号 */
.message-bubble.agent .read-status.tgico-checks.is-read,
.message-bubble.agent .read-status.tgico-checks.is-read[data-v-d7c5d04c] {
  color: #4CAF50 !important;
}

/* ===== 群聊/客户端客户消息（右侧）：显示已读对号 ===== */
.customer-read-status {
  display: inline-block !important;
  vertical-align: middle !important;
  font-size: 12px !important;
  margin-left: 4px !important;
  -webkit-text-stroke: 0 !important;
}

.customer-read-status.tgico-check {
  color: #999 !important;
}

.customer-read-status.tgico-checks.is-read {
  color: #4CAF50 !important;
}