@import url('https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css');

:root {
  --chat--color--primary: #0d1123 !important;
  --chat--color--primary-shade-50: #1a2040 !important;
  --chat--color--primary--shade-100: #0a0c18 !important;
  --chat--color--secondary: #0d1123 !important;
  --chat--window--width: 420px !important;
  --chat--window--height: 650px !important;
  --chat--border-radius: 16px !important;
  --chat--message--border-radius: 12px !important;
  --chat--message-line-height: 1.6 !important;
  --chat--toggle--size: 56px !important;
  --chat--toggle--background: #0d1123 !important;
  --chat--toggle--hover--background: #1a2040 !important;
  --chat--toggle--active--background: #0a0c18 !important;
  --chat--toggle--color: #ffffff !important;
  --chat--header--background: #0d1123 !important;
  --chat--header--color: #ffffff !important;
  --chat--message--user--background: #0d1123 !important;
  --chat--message--user--color: #ffffff !important;
  --chat--transition-duration: 0.2s !important;
}
@media (max-width: 640px) {
  :root {
    --chat--window--width: 92vw !important;
    --chat--window--height: 70vh !important;
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  :root {
    --chat--window--width: 380px !important;
    --chat--window--height: 600px !important;
  }
}
@media (min-width: 1440px) {
  :root {
    --chat--window--width: 480px !important;
    --chat--window--height: 700px !important;
    --chat--border-radius: 18px !important;
    --chat--message--border-radius: 14px !important;
  }
}
@media (min-width: 1920px) {
  :root {
    --chat--window--width: 540px !important;
    --chat--window--height: 760px !important;
    --chat--border-radius: 20px !important;
  }
}
@media (min-width: 2560px) {
  :root {
    --chat--window--width: 600px !important;
    --chat--window--height: 820px !important;
  }
}
.chat-input textarea, .chat-input input {
  color: #333333 !important;
}
html.dark .chat-input textarea, html.dark .chat-input input {
  color: #1a1a1a !important;
}
.n8n-chat, n8n-chat, [class*="n8n-chat"], [id*="n8n-chat"] {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
  top: auto !important;
  z-index: 999 !important;
}
@media (max-width: 640px) {
  .n8n-chat, n8n-chat, [class*="n8n-chat"], [id*="n8n-chat"] {
    bottom: 16px !important;
    right: 16px !important;
  }
}