/* Custom styling to improve the chat appearance */
:root {
  --chat--color-primary: #2563eb;
  --chat--color-primary-shade-50: #1d4ed8;
  --chat--color-primary-shade-100: #1e40af;
  --chat--color-secondary: #10b981;
  --chat--color-secondary-shade-50: #059669;
  --chat--window--width: 420px;
  --chat--window--height: 650px;
  --chat--window--border-radius: 16px;
  --chat--header--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --chat--message--bot--background: #f8fafc;
  --chat--message--user--background: #2563eb;
  --chat--toggle--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --chat--body--background: #ffffff;
  --chat--footer--background: #f8fafc;
  --chat--window--border: 1px solid #e2e8f0;
  --chat--message--border-radius: 12px;
  --chat--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --chat--heading--font-size: 1.25rem;
  --chat--header--padding: 0.5rem;
  --chat--heading--margin: 0;
  --chat--heading--line-height: 1.2;
  --chat--subtitle--line-height: 1;
}



/* Enhanced chat window styling */
.n8n-chat .chat-window {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
}

.n8n-chat .chat-toggle {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Improve message styling */
.n8n-chat .chat-message-from-bot {
  border-left: 4px solid var(--chat--color-secondary);
}

.n8n-chat .chat-message-from-user {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}