/* ==========================================================================
   讯聊 Web 端 · 自定义样式覆盖层  (custom.css)
   --------------------------------------------------------------------------
   该文件在 index.html 中「最后」加载，优先级最高。
   改 UI 设计（主题色 / 圆角 / 间距 / 字体 / 背景 / 隐藏元素…）优先写这里，
   不必改动 app.js 编译包，改完刷新页面即可生效，随时可整段删掉回滚。

   怎么找要覆盖的类名：
     浏览器 F12 → 点元素 → 看 class（形如 .chat-editor / .msg-right）
     原站用了 scoped 样式，选择器形如 .msg-right[data-v-xxxxxxxx]，
     本文件写同名前缀 + 后加载即可覆盖；不够就用 !important。

   改完记得：Ctrl + F5 强刷（或把 index.html 里的 ?v= 数字 +1）
   ========================================================================== */

:root {
  /* 主题色（改这里试试全局换色） */
  --xl-primary: #07c160;
  --xl-primary-hover: #06ad56;
}

/* ---- 示例：把页面主色按钮改成自定义色（需要时取消注释） ----
.xl-btn-primary,
.primarybtn {
  background: var(--xl-primary) !important;
  border-color: var(--xl-primary) !important;
}
*/