/* ==========================================================
   Sales Bot page styles
   Loaded by templates/views/assets/sales-bot.html
   ========================================================== */

/* page-specific hero visual (vx- scoped) */
.vx-sales .sk-chat {
	height: 300px;
}
.vx-lead {
	margin: 0 18px 18px;
	padding: 16px;
	border-radius: 18px;
	background: #fff;
	box-shadow:
		0 0 0 1px var(--line),
		var(--shadow-sm);
}
.vx-lead-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font: 400 11px/1 var(--font-mono);
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--subtle);
}
.vx-lead-top b {
	font-weight: 400;
	color: var(--ink);
}
.vx-lead dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 14px;
	margin: 12px 0 0;
	font-size: 13px;
}
.vx-lead dt {
	color: var(--subtle);
}
.vx-lead dd {
	margin: 0;
	color: var(--ink);
	min-height: 1.2em;
}
.vx-bar {
	height: 6px;
	margin-top: 12px;
	border-radius: 6px;
	background: var(--line);
	overflow: hidden;
}
.vx-bar i {
	display: block;
	height: 100%;
	width: var(--score, 8%);
	border-radius: inherit;
	background: linear-gradient(90deg, var(--tone), var(--tone-2));
	transition: width 0.8s var(--ease);
}
.vx-book {
	padding: 14px;
	border-radius: 16px;
	color: #fff;
	background: linear-gradient(135deg, #00a676, #00c389);
	box-shadow: 0 14px 28px -14px #00a676;
}
.vx-book b {
	display: block;
	font: 400 15px/1.3 var(--font-display);
}
.vx-book span {
	display: block;
	margin-top: 4px;
	font-size: 12.5px;
	opacity: 0.9;
}