/******* ChatBot ****/
        #n8n-chat {
            --chat--color-dark: #0000df;
            --chat--color-primary: #0000df;
            --chat--color-secondary: #0000df;
            --chat--color-secondary-shade-50: #2276ad;
            --chat--toggle--background: #0000df;
            --chat--toggle--hover--background: #2276ad;
            --chat--toggle--active--background: #0000df;
            --chat--message--user--background: #0000df;
            --chat--header--background: #000000;
            --chat--input--send--button--color: #0000df;
            --font-weight-bold: bold;
            --chat--window--width: 550px;
            --chat--window--height: 80vh;
        }
        .chat-window-wrapper .chat-window {
            border: none !important;
            border-radius: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        #n8n-chat.fullscreen {
            --chat--window--width: 100vw;
            --chat--window--height: 91vh;
        }
        #n8n-chat.fullscreen .chat-window-wrapper {
            max-width: 100%;
            right: 0 !important;
        }
        #n8n-chat.fullscreen .chat-message {
            max-width: 80% !important;
        }
        .chat-window, .fullscreen .chat-window {
            transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
        }
        #n8n-chat h1, #n8n-chat p {
            margin-bottom: 0;
        }
        #n8n-chat h1 {
            font-size: 25px;
        }
        .chat-heading {
            justify-content: flex-start;
        }
        .chat-heading svg {
            margin-right: 25px;
            width: 32px;
            height: 32px;
        }
            .chat-heading img {
            margin-right: 25px;
            width: 50px;
            height: 38px;
        }
        #n8n-chat .chat-layout .chat-header {
            padding: 16px 25px;
        }
        .chat-header a {
            color: #FFFFFF;
            text-decoration: underline;
        }
        .chat-messages-list {
            margin-top: 0 !important;
            margin-bottom: auto;
        }
        .chat-prompts-heading {
            font-size: 14px;
        }
        .chat-prompts {
            display: flex;
            gap: 12px;
            margin: 40px 0 0 0;
            justify-content: flex-end;
            align-items: flex-start;
        }
        #n8n-chat:not(.fullscreen) .chat-prompts {
            flex-direction: column;
        }
        .chat-prompt-bubble {
            background: #0000df;
            border-radius: 35px;
            padding: 8px 18px;
            cursor: pointer;
            transition: background 0.2s, box-shadow 0.2s;
            box-shadow: 0 2px 8px rgba(231,87,77,0.08);
            display: flex;
            align-items: center;
        }
        #n8n-chat:not(.fullscreen) .chat-prompt-bubble {
            justify-content: center;
        }
        .chat-prompt-bubble span {
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.01em;
        }
        .chat-prompt-bubble:hover {
            background: #B13B32;
            box-shadow: 0 4px 16px rgba(231,87,77,0.15);
        }
        .chat-messages-list .chat-message {
            border-radius: 35px;
            width: fit-content !important;
        }
        .chat-message-votes {
            margin-bottom: 60px;
            overflow: visible !important;
        }
        .chat-message-from-bot img {
            display: block;
            max-width: 100%;
            cursor: pointer;
        }
        .vote-wrapper {
        display: flex;
        column-gap: 5px;
        position: absolute;
        left: 0;
        bottom: -33px;
        }
        .vote-wrapper .vote-message {
            font-size: 16px;
        }
        .vote-wrapper button {
            background: none;
            outline: none;
            border: none;
            cursor:pointer;
        }
        .vote-wrapper button[disabled] {
            cursor:initial;
        }
        button.outlined {
            text-shadow:
                    0 0 1px grey,
                    -1px -1px 1px grey,
                    -1px 1px 1px grey,
                    1px 1px 1px grey,
                    1px -1px 1px grey;
            position: relative;
        }
        button.outlined[title]:before {
            content: attr(title);
            position: absolute;
            text-shadow: 0 0 0 #fff;
        }
        .buttons-container {
            display: flex;
            margin-right: 0;
            margin-left: auto;
            
            svg {
                width: 17px;
                height: 17px;
            }
            svg:last-of-type {
                margin-right: 0;
            }
        }
        #fullscreenIcon {
            cursor: pointer;
        }
        #fullscreenIcon .arrow {
            transition: transform 0.35s ease;
            transform-origin: center;
        }
        #fullscreenIcon:not(.active) .arrow-bottom-left {
            transform: translate(-2px, 2px) rotate(0deg);
        }
        #fullscreenIcon:not(.active) .arrow-top-right {
            transform: translate(2px, -2px) rotate(0deg);
        }
        #fullscreenIcon.active .arrow-bottom-left {
            transform: translate(-13px, 13px) rotate(180deg);
        }
        #fullscreenIcon.active .arrow-top-right {
            transform: translate(13px, -13px) rotate(180deg);
        }
        #cross {
            cursor: pointer;
        }
        #n8n-chat .chat-window-wrapper {
            bottom: 5rem;
        }
        div.chat-window-toggle {
            display: none;
        }
        .chat-window-wrapper:has(.chat-window:not([style="display: none;"])) .chat-window-toggle {
            display: none;
        }
        .chat-footer {
            border-top: none !important;
        }
        .chat-input {
            padding: 15px 15px 0 15px !important;
        }
        .chat-inputs {
            background-color: #FFFFFF;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 35px;
        }
        .chat-input textarea {
            font-size: 16px;
            padding: 13px 20px;
            border-top-left-radius: 35px !important;
            border-bottom-left-radius: 35px !important;
        }
        .chat-input-send-button {
            height: 35px !important;
            border-top-right-radius: 35px !important;
            border-bottom-right-radius: 35px !important;
        }
        .footer-notice {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding: 5px 10px;
        }
        .footer-notice span {
            font-size: 12px;
            text-align: center;
        }
        .footer-notice span a {
            display: inline-block;
            color: #0000df;
        }
        .chat-modal {
            display: none;
            position: fixed;
            z-index: 99999;
            padding-top: 100px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.9);
        }
        .chat-modal-content {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 1100px;
        }

        .chat-modal-content {
            animation-name: zoom;
            animation-duration: 0.6s;
        }

        @keyframes zoom {
            from {transform:scale(0)}
            to {transform:scale(1)}
        }
        .modal-close {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 40px;
            font-weight: bold;
            transition: 0.3s;
        }

        .modal-close:hover,
        .modal-close:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }
        @media only screen and (max-width: 700px){
            .chat-modal-content {
                width: 100%;
            }
        }