/* =====================================================================
   GoldChat · 图标素材配置（★ 你只需要改这一个文件 ★）
   ---------------------------------------------------------------------
   所有图标都用 <span class="gc-ico gc-ico-xxx"></span> 渲染，
   素材是普通 PNG 图片，放在：  goldchat/web/img/
   （对外访问路径是 /web/img/，例如 /web/img/msg-read.png）

   要换成你自己的图标：把同名 PNG 覆盖到 goldchat/web/img/ 即可，
   尺寸建议 48x48 或 96x96（会自动等比缩放，不必改代码）。
   如果文件名不同，只改下面 --ico-xxx 的 url(...) 路径。
   ===================================================================== */
:root {
  /* 图标文件路径（换成你的素材时只改这里） */
  --ico-unread-url: url("/web/img/msg-unread.png?v=1789168834");   /* 未读 / 已送达：单勾 */
  --ico-read-url:   url("/web/img/msg-read.png?v=1789168834");     /* 已读：双勾 */
  --ico-failed-url: url("/web/img/msg-failed.png?v=1789168834");   /* 发送失败：重试按钮 */

  /* 图标显示尺寸 */
  --ico-size: 15px;        /* 聊天气泡旁的状态图标 */
  --ico-retry-size: 20px;  /* 发送失败重试图标 */
}

.gc-ico {
  display: inline-block;
  width: var(--ico-size); height: var(--ico-size);
  vertical-align: -2px; flex: 0 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.gc-ico.lg { width: var(--ico-retry-size); height: var(--ico-retry-size); }

/* 未读 / 已送达（单勾） */
.gc-ico-msg-unread { background-image: var(--ico-unread-url); }
/* 已读（双勾） */
.gc-ico-msg-read { background-image: var(--ico-read-url); }
/* 发送失败（重试） */
.gc-ico-msg-failed { background-image: var(--ico-failed-url); }

/* 消息状态文字与图标配色 */
.msg-status { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; letter-spacing: .2px; }
.msg-status.is-sent { color: #9aa0a6; }
.msg-status.is-read { color: #1aad5c; }
.msg-status.is-failed { color: #d93a37; }

/* 发送失败时的重试按钮（类似微信：气泡旁的红色重试图标） */
.msg-retry {
  flex: 0 0 auto; width: var(--ico-retry-size); height: var(--ico-retry-size);
  margin: 14px 4px 0; padding: 0; border: 0; background-color: transparent;
  background-repeat: no-repeat; background-position: center; background-size: contain;
  background-image: var(--ico-failed-url);
}
.msg-retry:active { opacity: .6; transform: scale(.94); }

/* 兼容：如果不小心留下了旧的内联 svg 写法，也能正常显示 */
.gc-ico svg { width: 100%; height: 100%; display: block; }

/* =====================================================================
   v9：输入栏与面板图标（同样是 PNG，直接覆盖 goldchat/web/img/ 同名文件即可替换）
   ===================================================================== */
:root {
  --ico-keyboard-url: url("/web/img/ico-keyboard.png?v=1789168834");   /* 表情按钮 -> 键盘图标 */
  --ico-emoji-url:    url("/web/img/ico-emoji.png?v=1789168834");      /* 键盘 -> 表情图标 */
  --ico-plus-url:     url("/web/img/ico-plus.png?v=1789168834");       /* + 号 */
  --ico-picture-url:  url("/web/img/ico-picture.png?v=1789168834");    /* 图片 */
  --ico-video-url:    url("/web/img/ico-video.png?v=1789168834");      /* 视频 */
  --ico-camera-url:   url("/web/img/ico-camera.png?v=1789168834");     /* 拍摄 */
  --ico-voice-url:    url("/web/img/ico-voice.png?v=1789168834");      /* 语音（切换按住说话） */
  --ico-settings-url: url("/web/img/ico-settings.png?v=1789168834");   /* 变声设置 */
  --ico-back-url:     url("/web/img/ico-back.png?v=1789168834");       /* 返回箭头 */
  --ico-quote-url:    url("/web/img/ico-quote.png?v=1789168834");      /* v12.3：长按菜单「引用」 */
  --ico-inbar-size: 24px;    /* 输入栏图标尺寸 */
  --ico-act-size: 30px;      /* + 号面板内图标尺寸 */
  --ico-menu-size: 22px;     /* 长按菜单图标尺寸 */
}

.gc-ico-keyboard { background-image: var(--ico-keyboard-url); }
.gc-ico-emoji { background-image: var(--ico-emoji-url); }
.gc-ico-plus { background-image: var(--ico-plus-url); }
.gc-ico-picture { background-image: var(--ico-picture-url); }
.gc-ico-video { background-image: var(--ico-video-url); }
.gc-ico-camera { background-image: var(--ico-camera-url); }
.gc-ico-voice { background-image: var(--ico-voice-url); }
.gc-ico-settings { background-image: var(--ico-settings-url); }
.gc-ico-back { background-image: var(--ico-back-url); }
.gc-ico-quote { background-image: var(--ico-quote-url); }

.wx-ico .gc-ico { width: var(--ico-inbar-size); height: var(--ico-inbar-size); }
.gc-ico.act-ico { width: var(--ico-act-size); height: var(--ico-act-size); }
/* v12.3：长按菜单里的图标（PNG，可替换） */
.gc-ico.mm-ico-png { width: var(--ico-menu-size); height: var(--ico-menu-size); }
#btn-voice-settings .gc-ico { width: 18px; height: 18px; }