/**
 * H5 聊天 · 常规 IM（微信式浅灰底、绿气泡、底栏输入）
 */
.chat-app.chat-im-wechat {
  --vtx-bg: #ededed;
  --vtx-bg-2: #ededed;
  --vtx-text: #111;
  --vtx-muted: #888;
  --vtx-dim: #888;
  --vtx-border: rgba(0, 0, 0, 0.08);
  --vtx-glass: #fff;
  --user-bg: #95ec69;
  --user-text: #111;
}

.chat-app.chat-im-wechat .chat-ambient {
  display: none !important;
}

.chat-app.chat-im-wechat .chat-main {
  background: #ededed !important;
}

.chat-app.chat-im-wechat .header {
  background: #f7f7f7 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  box-shadow: none !important;
}

.chat-app.chat-im-wechat .header-title span,
.chat-app.chat-im-wechat .header-title {
  color: #111 !important;
  background: none !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}

.chat-app.chat-im-wechat .header-sub {
  color: #888 !important;
}

.chat-app.chat-im-wechat .hdr-back {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  color: #111 !important;
  border-radius: 8px !important;
}

.chat-app.chat-im-wechat .header-status,
.chat-app.chat-im-wechat .status-text {
  display: none !important;
}

.chat-app.chat-im-wechat .messages {
  background: #ededed !important;
}

.chat-app.chat-im-wechat .row {
  gap: 8px;
}

.chat-app.chat-im-wechat .row-body {
  max-width: calc(100% - 48px);
}

.chat-app.chat-im-wechat .avatar {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.chat-app.chat-im-wechat .row.user .avatar {
  display: none;
}

.chat-app.chat-im-wechat .row.bot .avatar {
  background: #fff;
  border: none;
  box-shadow: none;
  padding: 0;
}

.chat-app.chat-im-wechat .bubble {
  padding: 9px 12px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  box-shadow: none !important;
}

.chat-app.chat-im-wechat .row.user .bubble {
  background: #95ec69 !important;
  color: #111 !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  max-width: 72vw;
}

.chat-app.chat-im-wechat .row.bot .bubble {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.chat-app.chat-im-wechat .row.bot .bubble::before {
  display: none !important;
}

.chat-app.chat-im-wechat .bubble strong {
  color: #111 !important;
}

.chat-app.chat-im-wechat .opening-chips {
  padding-left: 48px !important;
}

.chat-app.chat-im-wechat .chip {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  color: #576b95 !important;
  box-shadow: none !important;
}

.chat-app.chat-im-wechat .chip--primary {
  color: #576b95 !important;
  background: #fff !important;
  border-color: #c8d8f0 !important;
}

.chat-app.chat-im-wechat .chat-footer,
.chat-app.chat-im-wechat .input-bar {
  background: #f7f7f7 !important;
  border-top: 1px solid #e5e5e5 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.chat-app.chat-im-wechat .input-bar::before {
  display: none !important;
}

.chat-app.chat-im-wechat .input-bar textarea {
  background: #fff !important;
  color: #111 !important;
  border: none !important;
  border-radius: 6px !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
}

.chat-app.chat-im-wechat .input-bar button.attach {
  background: transparent !important;
  border: none !important;
  color: #111 !important;
  width: 36px !important;
  height: 36px !important;
}

.chat-app.chat-im-wechat .input-bar button.send {
  background: #95ec69 !important;
  color: #111 !important;
  border: none !important;
  border-radius: 6px !important;
  width: 36px !important;
  height: 36px !important;
  box-shadow: none !important;
}

.chat-app.chat-im-wechat .footer-note {
  display: none;
}

.chat-app.chat-im-wechat .followup,
.chat-app.chat-im-wechat .followups-label {
  color: #576b95 !important;
}