.dd-legolas-n8n-chat-stage {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.dd-legolas-n8n-chat-stage.dd-legolas-n8n-chat-stage-has-background::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.12;
    background-image: var(--dd-legolas-chat-background-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 420px auto;
}

.dd-legolas-n8n-chat-fullscreen {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 70vh;
    min-height: 600px;
    background: transparent !important;
    background-color: transparent !important;

    --chat--color-light: transparent;
    --chat--color-white: transparent;
    --chat--color-light-shade-50: transparent;
    --chat--color-light-shade-100: transparent;

    --chat--header--background: #000;
    --chat--header--color: #ffc107;

    --chat--toggle--background: #000;
    --chat--toggle--hover--background: #000;
    --chat--toggle--active--background: #000;
    --chat--toggle--color: #ffc107;

    --chat--message--bot--background: rgba(255, 255, 255, 0.62);
    --chat--message--bot--color: #1f2937;
    --chat--message--user--background: rgba(255, 255, 255, 0.74);
    --chat--message--user--color: #1f2937;
    --chat--message--pre--background: rgba(255, 255, 255, 0.62);
}

.dd-legolas-n8n-chat-fullscreen > * {
    position: relative;
    z-index: 1;
}

.dd-legolas-n8n-chat-fullscreen .chat-window,
.dd-legolas-n8n-chat-fullscreen .chat-layout,
.dd-legolas-n8n-chat-fullscreen .chat-body,
.dd-legolas-n8n-chat-fullscreen .chat-messages-list {
    background: transparent !important;
    background-color: transparent !important;

    --chat--header--background: #000;
    --chat--header--color: #ffc107;

    --chat--toggle--background: #000;
    --chat--toggle--hover--background: #000;
    --chat--toggle--active--background: #000;
    --chat--toggle--color: #ffc107;

    --chat--message--bot--background: rgba(255, 255, 255, 0.62);
    --chat--message--bot--color: #1f2937;
    --chat--message--user--background: rgba(255, 255, 255, 0.74);
    --chat--message--user--color: #1f2937;
    --chat--message--pre--background: rgba(255, 255, 255, 0.62);
}

.dd-legolas-n8n-chat-fullscreen .chat-header {
    background: #000 !important;
    background-color: #000 !important;
    color: #ffc107 !important;
}

.dd-legolas-n8n-chat-fullscreen .chat-header *,
.dd-legolas-n8n-chat-fullscreen .chat-heading,
.dd-legolas-n8n-chat-fullscreen .chat-heading *,
.dd-legolas-n8n-chat-fullscreen .chat-title,
.dd-legolas-n8n-chat-fullscreen .chat-subtitle {
    color: #ffc107 !important;
}

.dd-legolas-n8n-chat-fullscreen .chat-message {
    background: rgba(255, 255, 255, 0.62) !important;
    background-color: rgba(255, 255, 255, 0.62) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.dd-legolas-n8n-chat-fullscreen .chat-message-from-bot,
.dd-legolas-n8n-chat-fullscreen .chat-message.chat-message-from-bot {
    background: rgba(255, 255, 255, 0.62) !important;
    background-color: rgba(255, 255, 255, 0.62) !important;
}

.dd-legolas-n8n-chat-fullscreen .chat-message-from-user,
.dd-legolas-n8n-chat-fullscreen .chat-message.chat-message-from-user {
    background: rgba(255, 255, 255, 0.74) !important;
    background-color: rgba(255, 255, 255, 0.74) !important;
}

.dd-legolas-n8n-chat-fullscreen .chat-message-markdown,
.dd-legolas-n8n-chat-fullscreen .n8n-markdown,
.dd-legolas-n8n-chat-fullscreen .n8n-markdown.chat-message-markdown,
.dd-legolas-n8n-chat-fullscreen .n8n-markdown.chat-message-markdown p,
.dd-legolas-n8n-chat-fullscreen .chat-message-markdown p {
    background: transparent !important;
    background-color: transparent !important;
}

.dd-legolas-n8n-chat-fullscreen .chat-message p,
.dd-legolas-n8n-chat-fullscreen .chat-message div,
.dd-legolas-n8n-chat-fullscreen .chat-message span {
    background-color: transparent !important;
}

.dd-legolas-n8n-chat-window-anchor {
    width: 0;
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;

    --chat--color-light: transparent;
    --chat--color-white: transparent;
    --chat--color-light-shade-50: transparent;
    --chat--color-light-shade-100: transparent;

    --chat--header--background: #000;
    --chat--header--color: #ffc107;

    --chat--toggle--background: #000;
    --chat--toggle--hover--background: #000;
    --chat--toggle--active--background: #000;
    --chat--toggle--color: #ffc107;

    --chat--message--bot--background: rgba(255, 255, 255, 0.62);
    --chat--message--bot--color: #1f2937;
    --chat--message--user--background: rgba(255, 255, 255, 0.74);
    --chat--message--user--color: #1f2937;
    --chat--message--pre--background: rgba(255, 255, 255, 0.62);
}

.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper,
.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window,
.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window-toggle {
    --chat--toggle--background: #000;
    --chat--toggle--hover--background: #000;
    --chat--toggle--active--background: #000;
    --chat--toggle--color: #ffc107;
}

.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window-toggle {
    background: #000 !important;
    background-color: #000 !important;
    color: #ffc107 !important;
}

.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window-toggle:hover,
.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window-toggle:focus {
    background: #000 !important;
    background-color: #000 !important;
    color: #ffc107 !important;
    transform: scale(1.05);
}

.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window-toggle *,
.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window-toggle svg,
.dd-legolas-n8n-chat-window-anchor .chat-window-wrapper .chat-window-toggle svg * {
    color: #ffc107 !important;
    fill: #ffc107 !important;
    stroke: #ffc107 !important;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-window {
    position: relative;
    overflow: hidden;
    background-color: #fff;

    --chat--header--background: #000;
    --chat--header--color: #ffc107;

    --chat--toggle--background: #000;
    --chat--toggle--hover--background: #000;
    --chat--toggle--active--background: #000;
    --chat--toggle--color: #ffc107;

    --chat--message--bot--background: rgba(255, 255, 255, 0.62);
    --chat--message--bot--color: #1f2937;
    --chat--message--user--background: rgba(255, 255, 255, 0.74);
    --chat--message--user--color: #1f2937;
    --chat--message--pre--background: rgba(255, 255, 255, 0.62);
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-window::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.12;
    background-image: var(--dd-legolas-chat-background-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 320px auto;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-window > * {
    position: relative;
    z-index: 1;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-layout,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-body,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-messages-list {
    background: transparent !important;
    background-color: transparent !important;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-header {
    background: #000 !important;
    background-color: #000 !important;
    color: #ffc107 !important;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-header *,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-heading,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-heading *,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-title,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-subtitle {
    color: #ffc107 !important;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message {
    background: rgba(255, 255, 255, 0.62) !important;
    background-color: rgba(255, 255, 255, 0.62) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message-from-bot,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message.chat-message-from-bot {
    background: rgba(255, 255, 255, 0.62) !important;
    background-color: rgba(255, 255, 255, 0.62) !important;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message-from-user,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message.chat-message-from-user {
    background: rgba(255, 255, 255, 0.74) !important;
    background-color: rgba(255, 255, 255, 0.74) !important;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message-markdown,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .n8n-markdown,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .n8n-markdown.chat-message-markdown,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .n8n-markdown.chat-message-markdown p,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message-markdown p {
    background: transparent !important;
    background-color: transparent !important;
}

.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message p,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message div,
.dd-legolas-n8n-chat-window-anchor.dd-legolas-n8n-chat-has-background .chat-message span {
    background-color: transparent !important;
}

@media (max-width: 767.98px) {
    .dd-legolas-n8n-chat-fullscreen {
        height: 75vh;
        min-height: 500px;
    }
}