:root {
  --chat--color--primary: #6879d0;
  --chat--color--primary-shade-50: #5c6dc3;
  --chat--color--primary--shade-100: #4f5fb2;
  --chat--color--secondary: #6879d0;
  --chat--color-secondary-shade-50: #5c6dc3;
  --chat--font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --chat--border-radius: 6px;
  --chat--window--width: 400px;
  --chat--window--height: 600px;
  --chat--window--bottom: 1rem;
  --chat--window--right: 1rem;
  --chat--window--z-index: 99999;
  --chat--window--border-radius: 8px;
  --chat--window--border: 1px solid #d7dce8;
  --chat--toggle--size: 64px;
  --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--header-height: 8px;
  --chat--header--padding: 0;
  --chat--header--background: var(--chat--color--primary);
  --chat--header--color: transparent;
  --chat--heading--font-size: 1.35rem;
  --chat--subtitle--font-size: 0.9rem;
  --chat--message--user--background: var(--chat--color--primary);
  --chat--message--user--color: #ffffff;
  --chat--message--bot--background: #ffffff;
  --chat--message--bot--color: #111820;
  --chat--body--background: #f0f3f9;
  --chat--footer--background: #f0f3f9;
  --chat--footer--padding: 0.5rem;
  --chat--textarea--height: 80px;
  --chat--input--border: 1px solid #d7dce8;
  --chat--input--border-radius: 14px;
  --chat--input--padding: 0.8rem;
  --chat--input--button--border-radius: 14px;
  --chat--input--send--button--background: var(--chat--color--primary);
  --chat--input--send--button--color: #ffffff;
  --chat--input--send--button--background-hover: var(--chat--color--primary-shade-50);
  --chat--input--send--button--color-hover: #ffffff;
}

.chat-window-wrapper,
.n8n-chat .chat-window-wrapper,
.chat-window-wrapper .chat-window,
.chat-window-wrapper.n8n-chat .chat-window {
  font-family: var(--chat--font-family) !important;
}

.chat-window-wrapper,
.n8n-chat .chat-window-wrapper,
.chat-window-wrapper.n8n-chat {
  right: var(--chat--window--right) !important;
  left: auto !important;
}

.chat-window-wrapper .chat-window,
.n8n-chat .chat-window-wrapper .chat-window,
.chat-window-wrapper.n8n-chat .chat-window {
  right: 0 !important;
  left: auto !important;
  box-shadow: 0 16px 40px rgba(17, 24, 32, 0.14) !important;
  overflow: hidden !important;
}

.chat-window-wrapper .chat-header,
.n8n-chat .chat-header,
.chat-window-wrapper.n8n-chat .chat-header {
  min-height: 8px !important;
  height: 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--chat--color--primary) !important;
  border: 0 !important;
}

.chat-window-wrapper .chat-header *,
.n8n-chat .chat-header *,
.chat-window-wrapper.n8n-chat .chat-header * {
  display: none !important;
}

.chat-window-wrapper .chat-window-toggle,
.n8n-chat .chat-window-wrapper .chat-window-toggle,
.chat-window-wrapper.n8n-chat .chat-window-toggle {
  box-shadow: 0 10px 24px rgba(17, 24, 32, 0.18) !important;
}

.chat-window-wrapper .chat-footer,
.n8n-chat .chat-footer,
.chat-window-wrapper.n8n-chat .chat-footer {
  border-top: 1px solid #d7dce8 !important;
}

.chat-window-wrapper .chat-input,
.n8n-chat .chat-input,
.chat-window-wrapper.n8n-chat .chat-input {
  display: block !important;
  width: 100% !important;
}

.chat-window-wrapper .chat-inputs,
.n8n-chat .chat-inputs,
.chat-window-wrapper.n8n-chat .chat-inputs {
  display: flex !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  width: 100% !important;
}

.chat-window-wrapper textarea[data-test-id="chat-input"],
.n8n-chat textarea[data-test-id="chat-input"],
.chat-window-wrapper.n8n-chat textarea[data-test-id="chat-input"] {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
}

.chat-window-wrapper .chat-inputs-controls,
.n8n-chat .chat-inputs-controls,
.chat-window-wrapper.n8n-chat .chat-inputs-controls {
  display: flex !important;
  flex: 0 0 auto !important;
}

.chat-window-wrapper .chat-input-send-button,
.n8n-chat .chat-input-send-button,
.chat-window-wrapper.n8n-chat .chat-input-send-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--chat--color--primary) !important;
  color: #ffffff !important;
}

.chat-window-wrapper .chat-powered-by,
.n8n-chat .chat-powered-by,
.chat-window-wrapper.n8n-chat .chat-powered-by {
  display: none !important;
}

@media (max-width: 520px) {
  :root {
    --chat--window--width: calc(100vw - 2rem);
    --chat--window--height: min(620px, calc(100vh - 6rem));
  }
}