.msc-design-system .sb-chat-btn span,
.msc-design-system .sb-user-conversations > li > [data-count] {
	background: var(--msc-red, #ef3e46) !important;
}

/* Keep dashboard actions consistent across themes and receiver sites. */
.msc-design-system .sb-chat .sb-dashboard > div > .sb-btn {
	background-color: transparent !important;
	color: #0099ff !important;
}

.msc-design-system .sb-chat .sb-dashboard > div > .sb-btn:hover,
.msc-design-system .sb-chat .sb-dashboard > div > .sb-btn:focus-visible {
	background-color: #0099ff !important;
	color: #fff !important;
}

.msc-design-system .sb-chat .sb-popup-message {
	border-radius: 12px !important;
}

.msc-design-system .sb-chat .sb-popup-message > img,
.msc-design-system .sb-chat .sb-header-agent .sb-profile img {
	padding: 5px;
	background: rgba(255,255,255,.4);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.msc-design-system .sb-chat .msc-sb-briefing-room-card {
	overflow: hidden;
}

.msc-sb-identity-guarded .sb-chat {
	display: none !important;
}

.msc-sb-identity-warning {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 2147483646;
	max-width: 360px;
	padding: 14px 16px;
	border: 1px solid #e5263f;
	border-radius: 8px;
	background: #fff1f3;
	color: #b1162b;
	font: 600 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	box-shadow: 0 8px 30px rgba(24, 50, 76, .16);
}

.msc-design-system .sb-chat .msc-sb-briefing-room-link {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	box-sizing: border-box;
	width: 100%;
	min-height: 72px;
	margin: 0;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #50545c !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-align: left;
	cursor: pointer;
}

.msc-design-system .sb-chat .msc-sb-briefing-room-link:hover,
.msc-design-system .sb-chat .msc-sb-briefing-room-link:focus-visible {
	background: rgba(0, 153, 255, .035) !important;
	box-shadow: none !important;
	color: #50545c !important;
}

.msc-design-system .sb-chat .msc-sb-briefing-room-link svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: #0099ff;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: 0 0 20px;
}

@media (max-width: 520px) {
	.msc-design-system .sb-chat .msc-sb-briefing-room-link {
		width: 100%;
		margin: 0;
	}
}