:root {
  --chat--color--primary: #000000 !important;
  --chat--color--primary-shade-50: #000000 !important;
  --chat--color--primary--shade-100: #000000 !important;
  --chat--color--secondary: #000000 !important;
  --chat--color-secondary-shade-50: #000000 !important;
  --chat--color-white: #ffffff !important;
  --chat--color-light: #f2f4f8 !important;
  --chat--color-light-shade-50: #e6e9f1 !important;
  --chat--color-light-shade-100: #c2c5cc !important;
  --chat--color-medium: #d2d4d9 !important;
  --chat--color-dark: #000000 !important;
  --chat--color-disabled: #777980 !important;
  --chat--color-typing: #2b2b2b !important;
  --chat--spacing: 1rem !important;
  --chat--border-radius: 1rem !important;
  --chat--transition-duration: 0.15s !important;
  --chat--window--width: 450px !important;
  --chat--window--height: 700px !important;
  --chat--header--padding: 0.75rem 1rem !important;
  --chat--header--background: var(--chat--color-dark) !important;
  --chat--header--color: var(--chat--color-light) !important;
  --chat--heading--font-size: 1.6em !important;
  --chat--message--font-size: 1rem !important;
  --chat--message--padding: var(--chat--spacing) !important;
  --chat--message--border-radius: var(--chat--border-radius) !important;
  --chat--message--bot--background: var(--chat--color-white) !important;
  --chat--message--bot--color: var(--chat--color-dark) !important;
  --chat--message--user--background: var(--chat--color--secondary) !important;
  --chat--message--user--color: var(--chat--color-white) !important;
  --chat--message--pre--background: rgba(0, 0, 0, 0.05) !important;
  --chat--toggle--background: var(--chat--color--primary) !important;
  --chat--toggle--hover--background: var(--chat--color--primary-shade-50) !important;
  --chat--toggle--active--background: var(--chat--color--primary--shade-100) !important;
  --chat--toggle--color: #B9FF66 !important;
  --chat--toggle--size: 64px !important;
}

.n8n-chat-launcher,
.n8n-chat-container {
  box-shadow: 0 20px 60px rgba(0, 0, 0, .25) !important;
}

.n8n-chat-launcher {
  border-radius: 9999px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
  transition: transform .2s, box-shadow .2s !important;
  background: var(--chat--toggle--background) !important;
  color: var(--chat--toggle--color) !important;
}
.n8n-chat-launcher:hover {
  transform: translateY(-1px) !important;
  background: var(--chat--toggle--hover--background) !important;
}

.n8n-chat-container {
  position: relative !important;
}
.n8n-chat-container::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #000;
  border-radius: inherit;
  pointer-events: none;
  box-sizing: border-box;
}

.ds-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

.n8n-chat-container .chat-header h1,
.n8n-chat-container ::part(chat-header) h1 {
  margin-bottom: 2px !important;
}

.n8n-chat-container .chat-header h2,
.n8n-chat-container ::part(chat-header) h2 {
  margin-top: 0 !important;
  font-size: 0.8em !important;
  opacity: 0.85 !important;
  line-height: 1.2 !important;
}

.n8n-chat-container a.ds-link {
  text-decoration: underline;
  color: var(--ds-accent, #0a84ff);
  word-break: break-word;
}

#datasmart-chat-root[data-mode="fullscreen"] {
  position: relative;
  width: 100%;
  height: 100%;
}