/**
 * App WebView 浅色主题：在根节点带 .chat-theme-light 时覆写 Tailwind 深色 token。
 * 与 store.effectiveChatTheme === 'light' 及 body.chat-theme-light 联用。
 */
html.chat-theme-light,
html.chat-theme-light body {
  background-color: #f8fafc;
  color: #1e293b;
}

.chat-theme-light .bg-bg-950 {
  background-color: #f1f5f9 !important;
}
.chat-theme-light .bg-bg-900 {
  background-color: #ffffff !important;
}
.chat-theme-light .bg-bg-800 {
  background-color: #e2e8f0 !important;
}
.chat-theme-light .bg-bg-700 {
  background-color: #cbd5e1 !important;
}
.chat-theme-light .bg-bg-800\/80 {
  background-color: rgba(226, 232, 240, 0.92) !important;
}
.chat-theme-light .hover\:bg-bg-700:hover {
  background-color: #cbd5e1 !important;
}
.chat-theme-light .hover\:bg-bg-800:hover {
  background-color: #e2e8f0 !important;
}
.chat-theme-light .border-line {
  border-color: #e2e8f0 !important;
}
.chat-theme-light .border-line2 {
  border-color: #cbd5e1 !important;
}
.chat-theme-light .text-slate-100,
.chat-theme-light .text-slate-200,
.chat-theme-light .text-slate-300 {
  color: #334155 !important;
}
.chat-theme-light .text-slate-400 {
  color: #64748b !important;
}
.chat-theme-light .text-slate-500 {
  color: #64748b !important;
}
.chat-theme-light .text-slate-600 {
  color: #475569 !important;
}
.chat-theme-light .placeholder-slate-500::placeholder {
  color: #94a3b8 !important;
}
.chat-theme-light .hover\:text-white:hover {
  color: #0f172a !important;
}
.chat-theme-light .hover\:text-slate-200:hover {
  color: #334155 !important;
}
.chat-theme-light .bg-bg-950\/65 {
  background-color: rgba(241, 245, 249, 0.72) !important;
}

/* 浅色主题：消息「⋯」在气泡外 — 玻璃浅底，不厚重 */
html.chat-theme-light .chat-msg-fab-out.chat-msg-fab--mine {
  background-color: rgba(255, 255, 255, 0.9);
  color: #475569;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
html.chat-theme-light .chat-msg-fab-out.chat-msg-fab--mine:hover {
  background-color: rgba(241, 245, 249, 0.95);
}
html.chat-theme-light .chat-msg-fab-out.chat-msg-fab--peer {
  background-color: rgba(255, 255, 255, 0.85);
  color: #475569;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
html.chat-theme-light .chat-msg-fab-out.chat-msg-fab--peer:hover {
  background-color: rgba(241, 245, 249, 0.92);
}

/* 浅色主题：复制按钮须与聊天浅底区分，禁止「白字 + 透明底」看不见 */
html.chat-theme-light .chat-msg-copy-btn.chat-msg-copy--mine {
  background-color: rgba(241, 245, 249, 0.92) !important;
  color: #334155 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}
html.chat-theme-light .chat-msg-copy-btn.chat-msg-copy--mine:hover {
  background-color: rgba(226, 232, 240, 0.98) !important;
}
html.chat-theme-light .chat-msg-copy-btn.chat-msg-copy--peer {
  background-color: rgba(255, 255, 255, 0.88) !important;
  color: #475569 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}
html.chat-theme-light .chat-msg-copy-btn.chat-msg-copy--peer:hover {
  background-color: rgba(241, 245, 249, 0.96) !important;
}

.chat-msg-menu-pop {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}