/*!
 * 在线客服 · 子比（zibll）主题适配样式 v2
 * 仅在主题为 zibll 时加载，用于把聊天窗融入主题视觉
 */

body .wcs-chat {
	border-radius: var(--radius-lg, var(--radius-8, 14px));
	color: var(--text-color, #333);
	background: var(--main-bg, #fff);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .04), 0 28px 60px -22px rgba(0, 0, 0, .28);
}

body .wcs-chat .wcs-chat-head {
	background: var(--main-color, #3b7dff);
}

body .wcs-chat .wcs-chat-body,
body .wcs-console .wcs-th-body,
body .wcs-console .wcs-empty {
	background: var(--muted-bg, var(--body-bg, #f7f8fc));
}

body .wcs-chat .wcs-bubble {
	border-radius: var(--radius-8, 15px);
	background: var(--main-bg, #fff);
	border-color: var(--main-border-color, #eaeef6);
}

body .wcs-chat .wcs-msg.is-user .wcs-bubble,
body .wcs-console .wcs-msg.is-agent .wcs-bubble {
	background: var(--main-color, #3b7dff);
	color: #fff;
}

body .wcs-chat .wcs-chat-foot {
	border-color: var(--main-border-color, #eaeef6);
	background: var(--main-bg, #fff);
}

body .wcs-chat .wcs-form {
	border-radius: var(--radius-8, 15px);
	background: var(--muted-bg, #f7f8fc);
	border-color: var(--main-border-color, #eaeef6);
}

body .wcs-chat .wcs-send,
body .wcs-widget .wcs-fab,
body .wcs-console .wcs-send-btn {
	background: var(--main-color, #3b7dff);
}

body .wcs-chat .wcs-ava,
body .wcs-console .wcs-ava,
body .wcs-console .wcs-ci-ava,
body .wcs-console .wcs-info-avatar {
	background: var(--muted-bg, #dfe6f5);
	color: var(--muted-color, #55678a);
}

body .wcs-chat .wcs-input:focus,
body .wcs-chat .wcs-form:focus-within {
	border-color: var(--main-color, #3b7dff);
}

/* 独立页面容器 */
.wcs-page-wrap .wcs-page-title {
	color: var(--text-color, #2d2d2d);
}

/* 用户中心内嵌卡片 */
.wcs-zibll-embed {
	padding: 0;
	overflow: hidden;
	border-radius: var(--radius-8, 12px);
}

.wcs-zibll-embed .box-body {
	padding: 0;
}

.wcs-zibll-embed .wcs-chat.wcs-inline {
	border-radius: 0;
	border: 0;
	box-shadow: none;
	min-height: 520px;
}

/* 用户中心菜单注入项，尽量贴近主题链接样式 */
[data-wcs-zibll-nav] > a {
	display: flex;
	align-items: center;
	gap: 8px;
}

[data-wcs-zibll-nav] > a > i {
	width: 1.2em;
	text-align: center;
}