/* --- Chat Widget CSS Variables --- */
:root {
    /* --chat--color-primary: #2563eb;
    --chat--color-primary-shade-50: #3b82f6;
    --chat--color-primary-shade-100: #1d4ed8;
    --chat--color-white: #ffffff;

    --chat--toggle--background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    --chat--toggle--hover--background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    --chat--toggle--active--background: linear-gradient(135deg, #2647b4 0%, #1d4ed8 100%);
    --chat--toggle--color: var(--chat--color-white);

    
    --chat--toggle--size: 48px;

    --chat--toggle--border-radius: 50%;
    --chat--toggle--box-shadow: 0 10px 25px rgba(24, 91, 235, 0.3); */

    :root {
	--chat--color-primary: #e74266;
	--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: #f2f4f8;
	--chat--color-light-shade-50: #e6e9f1;
	--chat--color-light-shade-100: #c2c5cc;
	--chat--color-medium: #d2d4d9;
	--chat--color-dark: #101330;
	--chat--color-disabled: #777980;
	--chat--color-typing: #404040;

	--chat--spacing: 1rem;
	--chat--border-radius: 0.25rem;
	--chat--transition-duration: 0.15s;

	--chat--window--width: 325px;
	--chat--window--height: 480px;

	--chat--header-height: auto;
	--chat--header--padding: var(--chat--spacing);
	--chat--header--background: var(--chat--color-dark);
	--chat--header--color: var(--chat--color-light);
	--chat--header--border-top: none;
	--chat--header--border-bottom: none;
	--chat--header--border-bottom: none;
	--chat--header--border-bottom: none;
	--chat--heading--font-size: 2em;
	--chat--header--color: var(--chat--color-light);
	--chat--subtitle--font-size: inherit;
	--chat--subtitle--line-height: 1.8;

	--chat--textarea--height: 50px;

	--chat--message--font-size: 1rem;
	--chat--message--padding: var(--chat--spacing);
	--chat--message--border-radius: var(--chat--border-radius);
	--chat--message-line-height: 1.8;
	--chat--message--bot--background: var(--chat--color-white);
	--chat--message--bot--color: var(--chat--color-dark);
	--chat--message--bot--border: none;
	--chat--message--user--background: var(--chat--color-secondary);
	--chat--message--user--color: var(--chat--color-white);
	--chat--message--user--border: none;
	--chat--message--pre--background: rgba(0, 0, 0, 0.05);

	--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: var(--chat--color-white);
	--chat--toggle--size: 64px;
}
}

/* --- Chat Widget Position --- */
#n8n-chat {
    position: fixed !important;
    bottom: 1rem !important;
    right: 1rem !important;
    z-index: 9999 !important;
    font-family: "Segoe UI", Arial, sans-serif !important; /* Added sans-serif font */
}

/* --- Pulse Animation for Chat Toggle --- */
#n8n-chat [data-n8n-chat='toggle'] {
    animation: chatPulse 2s ease-in-out infinite;
    width: var(--chat--toggle--size);
    height: var(--chat--toggle--size);
}

@keyframes chatPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 25px rgba(11, 57, 157, 0.3);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 15px 35px rgba(37, 99, 235, 0.5);
    }
}

#n8n-chat [data-n8n-chat='toggle']:hover {
    animation: none;
    transform: scale(1.1);
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.4);
}

/* --- Ripple Effect Animation --- */
@keyframes ripple-animation {
    to {
        transform: scale(2);
        opacity: 0;
    }
}

.enhanced-chat-widget [data-n8n-chat="toggle"] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.enhanced-chat-widget [data-n8n-chat="toggle"]:hover {
    transform: scale(1.1);
}

.enhanced-chat-widget [data-n8n-chat="toggle"]:active {
    transform: scale(0.95);
}