/* VOSY Insights chat widget — brand overrides for @n8n/chat + starter prompt chips. */

:root {
	/* Y brand purple */
	--chat--color-primary: #92278f;
	--chat--color-primary-shade-50: #7e217b;
	--chat--color-primary-shade-100: #6a1b68;
	--chat--color-secondary: #92278f;
	--chat--color-secondary-shade-50: #7e217b;

	--chat--window--width: 400px;
	--chat--window--height: 600px;
	--chat--window--z-index: 9999;

	--chat--header--background: #92278f;
	--chat--header--color: #ffffff;
	--chat--heading--font-size: 1.5em;

	--chat--message--user--background: #92278f;
	--chat--message--user--color: #ffffff;

	--chat--toggle--background: #92278f;
	--chat--toggle--hover--background: #7e217b;
	--chat--toggle--active--background: #6a1b68;
	--chat--toggle--size: 56px;
}

.vosy-starter-prompts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0.75rem var(--chat--spacing, 1rem);
	background: var(--chat--body--background, #ffffff);
}

.vosy-starter-prompt {
	border: 1px solid #92278f;
	color: #92278f;
	background: #ffffff;
	border-radius: 999px;
	padding: 0.375rem 0.75rem;
	font-size: 0.85rem;
	line-height: 1.2;
	cursor: pointer;
	text-align: left;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.vosy-starter-prompt:hover {
	background: #92278f;
	color: #ffffff;
}