/* Enhanced Chat Widget Header Styling */
        #n8n-chat [class*="header"],
        #n8n-chat .n8n-chat-header,
        #n8n-chat header {
            background: linear-gradient(135deg, #003C3B 0%, #00635E 100%) !important;
            animation: slideInDown 0.6s ease-out 0.2s both;
            position: relative;
            overflow: hidden;
            padding: 10px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 15px !important;
            min-height: 80px !important;
        }

        /* Force avatar visibility in header - Multiple selectors */
        #n8n-chat [class*="header"] [class*="avatar"],
        #n8n-chat [class*="header"] img,
        #n8n-chat .n8n-chat-header img,
        #n8n-chat .n8n-chat-header [class*="avatar"],
        #n8n-chat header img,
        #n8n-chat header [class*="avatar"],
        #n8n-chat [data-testid*="avatar"] img,
        #n8n-chat img[alt*="avatar" i] {
            width: 50px !important;
            height: 50px !important;
            border-radius: 50% !important;
            border: 3px solid rgba(255, 255, 255, 0.8) !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
            animation: avatarPulse 2s infinite ease-in-out !important;
            object-fit: cover !important;
            flex-shrink: 0 !important;
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            background: linear-gradient(135deg, #f0f2f5 0%, #e8eaed 100%) !important;
            margin-right: 12px !important;
        }

        /* Enhanced avatar styling within chat widget */
        #n8n-chat [class="avatar"] {
            width: 50px !important;
            height: 50px !important;
            border-radius: 50% !important;
            border: 3px solid rgba(255, 255, 255, 0.8) !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
            animation: avatarPulse 2s infinite ease-in-out !important;
            object-fit: cover !important;
            flex-shrink: 0 !important;
            background: linear-gradient(135deg, #f0f2f5 0%, #e8eaed 100%);
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }

        @keyframes avatarPulse {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            }
            50% {
                transform: scale(1.05);
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
            }
        }

        /* Enhanced title styling within chat widget */
        #n8n-chat [class*="header"] [class*="title"],
        #n8n-chat [class*="header"] h1,
        #n8n-chat [class*="header"] h2,
        #n8n-chat [class*="header"] h3,
        #n8n-chat .n8n-chat-header [class*="title"],
        #n8n-chat .n8n-chat-header h1,
        #n8n-chat .n8n-chat-header h2,
        #n8n-chat .n8n-chat-header h3,
        #n8n-chat header [class*="title"],
        #n8n-chat header h1,
        #n8n-chat header h2,
        #n8n-chat header h3 {
            color: white !important;
            font-size: 22px !important;
            font-weight: 600 !important;
            margin: 0 !important;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
            animation: titleSlideIn 0.6s ease-out 0.3s both !important;
        }

        @keyframes titleSlideIn {
            from {
                opacity: 0;
                transform: translateX(-20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* Chat Container Animation */
        #n8n-chat {
            animation: fadeInUp 0.8s ease-out;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Chat Window Enhanced Styling */
       /* #n8n-chat [class="window"],
        #n8n-chat [class*="chat-window"] {
            box-shadow: 0 20px 40px rgba(0, 60, 59, 0.15);
            border: 1px solid rgba(0, 60, 59, 0.1);
            backdrop-filter: blur(10px);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }*/

        #n8n-chat [class="window"]:hover,
        #n8n-chat [class="chat-window"]:hover {
            transform: translateY(-2px);
            box-shadow: 0 25px 50px rgba(0, 60, 59, 0.2);
        }

        #n8n-chat [class*="header"]::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
            animation: shimmer 3s infinite;
        }

        @keyframes slideInDown {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes shimmer {
            0% { left: -100%; }
            100% { left: 100%; }
        }

        /* Message Container */
        #n8n-chat [class="messages"],
        #n8n-chat [class*="message-container"] {
            animation: fadeIn 0.5s ease-out 0.4s both;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* Individual Message Animations */
        #n8n-chat [class="message"] {
            animation: messageSlideIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: all 0.3s ease;
            transform-origin: left center;
        }

        #n8n-chat [class*="message"]:hover {
            transform: translateX(3px) scale(1.01);
            box-shadow: 0 2px 8px rgba(0, 60, 59, 0.1);
        }

        #n8n-chat [class*="message"]:nth-child(even) {
            animation-delay: 0.1s;
        }

        #n8n-chat [class*="message"]:nth-child(odd) {
            animation-delay: 0.2s;
        }

        @keyframes messageSlideIn {
            0% {
                opacity: 0;
                transform: translateX(-20px) scale(0.95);
            }
            50% {
                opacity: 0.7;
                transform: translateX(5px) scale(1.02);
            }
            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }

        /* Bot Message Specific */
        #n8n-chat [class="message"]:not([class*="user"]) {
            animation: botMessageSlideIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        @keyframes botMessageSlideIn {
            0% {
                opacity: 0;
                transform: translateX(-30px) rotateY(-10deg);
            }
            70% {
                opacity: 0.8;
                transform: translateX(2px) rotateY(2deg);
            }
            100% {
                opacity: 1;
                transform: translateX(0) rotateY(0deg);
            }
        }

        /* User Message Specific */
        #n8n-chat [class="message"][class*="user"] {
            animation: userMessageSlideIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        @keyframes userMessageSlideIn {
            0% {
                opacity: 0;
                transform: translateX(20px) scale(0.9);
            }
            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }

        /* Typing Indicator Enhanced */
        #n8n-chat [class="typing"] {
            animation: typingPulse 1.5s infinite ease-in-out;
        }

        @keyframes typingPulse {
            0%, 100% {
                opacity: 0.5;
                transform: scale(0.98);
            }
            50% {
                opacity: 1;
                transform: scale(1.02);
            }
        }

        /* Typing dots animation */
        #n8n-chat [class="typing"] [class*="dot"] {
            animation: typingDots 1.4s infinite ease-in-out;
        }

        #n8n-chat [class="typing"] [class="dot"]:nth-child(1) { animation-delay: 0s; }
        #n8n-chat [class="typing"] [class="dot"]:nth-child(2) { animation-delay: 0.2s; }
        #n8n-chat [class="typing"] [class="dot"]:nth-child(3) { animation-delay: 0.4s; }

        @keyframes typingDots {
            0%, 60%, 100% {
                transform: translateY(0);
                opacity: 0.4;
            }
            30% {
                transform: translateY(-10px);
                opacity: 1;
            }
        }

        /* Enhanced Send Button - Premium UX */
        #n8n-chat button[class*="send"],
        #n8n-chat [class*="send-button"],
        #n8n-chat button[type="submit"] {
            background: linear-gradient(135deg, #003C3B 0%, #00635E 50%, #007f7a 100%) !important;
            color: white !important;
            border: none !important;
            border-radius: 50% !important;
            width: 44px !important;
            height: 44px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
            position: relative !important;
            overflow: hidden !important;
            box-shadow: 0 4px 15px rgba(0, 60, 59, 0.3) !important;
            cursor: pointer !important;
        }

        #n8n-chat button[class*="send"]:hover,
        #n8n-chat [class*="send-button"]:hover,
        #n8n-chat button[type="submit"]:hover {
            transform: translateY(-2px) scale(1.05) !important;
            box-shadow: 0 8px 25px rgba(0, 60, 59, 0.4) !important;
            background: linear-gradient(135deg, #00635E 0%, #007f7a 50%, #00a09a 100%) !important;
        }

        #n8n-chat button[class*="send"]:active,
        #n8n-chat [class*="send-button"]:active,
        #n8n-chat button[type="submit"]:active {
            transform: translateY(0) scale(0.95) !important;
            box-shadow: 0 2px 8px rgba(0, 60, 59, 0.3) !important;
        }

        #n8n-chat button[class*="send"]::before,
        #n8n-chat [class*="send-button"]::before,
        #n8n-chat button[type="submit"]::before {
            content: '' !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            width: 0 !important;
            height: 0 !important;
            background: rgba(255, 255, 255, 0.2) !important;
            border-radius: 50% !important;
            transform: translate(-50%, -50%) !important;
            transition: all 0.3s ease !important;
        }

        #n8n-chat button[class*="send"]:hover::before,
        #n8n-chat [class*="send-button"]:hover::before,
        #n8n-chat button[type="submit"]:hover::before {
            width: 100% !important;
            height: 100% !important;
        }

        /* Enhanced Input Field */
        #n8n-chat input[type="text"],
        #n8n-chat textarea {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
            border: 2px solid rgba(0, 60, 59, 0.1) !important;
            border-radius: 25px !important;
            padding: 12px 18px !important;
            font-family: var(--chat--font-family) !important;
            background: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(10px) !important;
        }

        #n8n-chat input[type="text"]:focus,
        #n8n-chat textarea:focus {
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 15px rgba(0, 60, 59, 0.15) !important;
            border-color: var(--chat--color-primary) !important;
            background: rgba(255, 255, 255, 1) !important;
        }

        /* Premium Message Bubbles */
        #n8n-chat [class*="message"] {
            backdrop-filter: blur(10px) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
        }

        /* Button Animations */
        #n8n-chat button {
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            position: relative;
            overflow: hidden;
        }

        #n8n-chat button::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: width 0.3s ease, height 0.3s ease;
        }

        #n8n-chat button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0, 60, 59, 0.3);
        }

        #n8n-chat button:hover::before {
            width: 100px;
            height: 100px;
        }

        #n8n-chat button:active {
            transform: translateY(0);
            transition: transform 0.1s ease;
        }

        /* Avatar Enhanced Animation */
        #n8n-chat [class="avatar"] {
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            position: relative;
        }

        #n8n-chat [class*="avatar"]::after {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            border: 2px solid var(--chat--color-primary);
            border-radius: inherit;
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.3s ease;
        }

        #n8n-chat [class*="avatar"]:hover {
            transform: scale(1.1) rotate(5deg);
        }

        #n8n-chat [class*="avatar"]:hover::after {
            opacity: 0.3;
            transform: scale(1.1);
        }

        /* Send Button Special Animation */
        #n8n-chat [class="send"] {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(0, 60, 59, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(0, 60, 59, 0); }
            100% { box-shadow: 0 0 0 0 rgba(0, 60, 59, 0); }
        }

        /* Premium Scrollbar */
        #n8n-chat [class="messages"]::-webkit-scrollbar {
            width: 8px;
        }

        #n8n-chat [class*="messages"]::-webkit-scrollbar-track {
            background: rgba(0, 60, 59, 0.05);
            border-radius: 10px;
        }

        #n8n-chat [class*="messages"]::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, var(--chat--color-primary) 0%, var(--chat--color-secondary) 100%);
            border-radius: 10px;
            transition: background 0.3s ease;
        }

        #n8n-chat [class*="messages"]::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(135deg, var(--chat--color-secondary) 0%, #007f7a 100%);
        }

        /* Loading States */
        #n8n-chat [class="loading"] {
            animation: loadingSpinner 1s linear infinite;
        }

        @keyframes loadingSpinner {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            #n8n-chat [class="header"] {
                padding: 15px !important;
                min-height: 70px !important;
            }

            #n8n-chat [class*="avatar"] {
                width: 40px !important;
                height: 40px !important;
            }

            #n8n-chat [class="header"] [class="title"],
            #n8n-chat [class="header"] h1,
            #n8n-chat [class="header"] h2,
            #n8n-chat [class*="header"] h3 {
                font-size: 18px !important;
            }

            #n8n-chat [class*="message"]:hover {
                transform: none;
            }

            #n8n-chat button:hover {
                transform: none;
            }
        }

        /* Accessibility - Reduce motion for users who prefer it */
        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }