<!-- start Simple Custom CSS and JS -->
<style type="text/css">
:root {
	--chat--color-primary: #650000;
	--chat--color-primary-shade-50: #db4061;
	--chat--color-primary-shade-100: #cf3c5c;

	--chat--color-secondary: #20b69e;
	--chat--color-secondary-shade-50: #1ca08a;

	--chat--color-white: #ffffff;
	--chat--color-light: #f9f9f9;
	--chat--color-light-shade-50: #f0f0f0;
	--chat--color-light-shade-100: #d8d8d8;
	--chat--color-medium: #bfbfbf;
	--chat--color-dark: #1a1a1a;
	--chat--color-disabled: #999999;
	--chat--color-typing: #444444;

	--chat--spacing: 1rem;
	--chat--border-radius: 0.75rem;
	--chat--transition-duration: 0.2s;

	--chat--window--width: 420px;
	--chat--window--height: 580px;

	--chat--header-height: auto;
	--chat--header--padding: 1.2rem;
	--chat--header--background: #1a1a1a;
	--chat--header--color: #ffffff;
	--chat--heading--font-size: 1.4em;
	--chat--subtitle--font-size: 1em;
	--chat--subtitle--line-height: 1.6;

	--chat--textarea--height: 52px;

	--chat--message--font-size: 1rem;
	--chat--message-line-height: 1.6;
	--chat--message--padding: 0.9rem;
	--chat--message--border-radius: 0.75rem;

	--chat--message--bot--background: #ffffff;
	--chat--message--bot--color: #111111;
	--chat--message--bot--border: 1px solid #e5e5e5;

	--chat--message--user--background: #20b69e;
	--chat--message--user--color: #ffffff;
	--chat--message--user--border: none;

	--chat--toggle--background: var(--chat--color-primary);
	--chat--toggle--hover--background: var(--chat--color-primary-shade-50);
	--chat--toggle--active--background: var(--chat--color-primary-shade-100);
	--chat--toggle--color: #ffffff;
	--chat--toggle--size: 64px;
}

/* Style des bulles */
.n8n-chat-message-bot p,
.n8n-chat-message-user p {
	margin: 0;
	line-height: 1.6;
}

/* Effet d'ombre et arrondi */
.n8n-chat-container {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
	border-radius: 12px !important;
	overflow: hidden;
}

/* Input arrondi */
.n8n-chat-input {
	border-radius: 8px !important;
	font-size: 1rem !important;
	padding: 0.8rem 1rem !important;
}

/* Amélioration bouton envoi */
.n8n-chat-send-button {
	background-color: var(--chat--color-primary) !important;
	color: white !important;
	border-radius: 6px !important;
	transition: background-color 0.2s ease;
}

.n8n-chat-send-button:hover {
	background-color: var(--chat--color-primary-shade-50) !important;
}

/* Bulle flottante */
.n8n-chat-launcher-button {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	border-radius: 50% !important;
	background-color: var(--chat--color-primary) !important;
}
body .chat-window-wrapper {
  box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
  border-radius: 1rem !important;
}

body .chat-input-send-button {
  background-color: #dd165f !important;
  color: #fff !important;
}
</style>
<!-- end Simple Custom CSS and JS -->
