/* ChatGram Widget - Brand Edition */
            :root {
                --chatgram-primary: #FFFFFF;
                --chatgram-primary-light: #F8EEC4;
                --chatgram-secondary: #EE6055;
                --chatgram-secondary-light: #FCC9C5;
                --chatgram-accent: #3DE8B7;
                --chatgram-accent-light: #D3FBF1;
                --chatgram-black: #000000;
                --chatgram-white: #FFFFFF;
                --chatgram-border-radius: 30px;
            }
            
            .chatgram-widget-container {
                position: fixed !important;
                bottom: 20px !important;
                z-index: 999999 !important;
                line-height: 1.5 !important;
                -webkit-font-smoothing: antialiased !important;
                -moz-osx-font-smoothing: grayscale !important;
                font-family: "Poppins", sans-serif !important;
            }
            
            .chatgram-widget-container.chatgram-position-right {
                right: 20px !important;
                left: auto !important;
            }
            
            .chatgram-widget-container.chatgram-position-left {
                left: 20px !important;
                right: auto !important;
            }
            
            /* Reset all styles to prevent conflicts */
            .chatgram-widget-container *,
            .chatgram-widget-container *::before,
            .chatgram-widget-container *::after {
                box-sizing: border-box !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                font-size: 100% !important;
                vertical-align: baseline !important;
            }
            
            /* Button styles */
            .chatgram-toggle-btn {
                width: 60px !important;
                height: 60px !important;
                border-radius: var(--chatgram-border-radius) !important;
                border: none !important;
                cursor: pointer !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
                transition: transform 0.3s ease !important;
                position: relative !important;
                padding: 0 !important;
                margin: 0 !important;
                background: var(--chatgram-primary) !important;
            }
            
            .chatgram-toggle-btn:hover {
                transform: scale(1.1) !important;
                background: #f5f5f5 !important;
            }
            
            .chatgram-toggle-btn:focus {
                outline: none !important;
                box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
            }
            
            /* Icons */
            .chatgram-icon {
                width: 100% !important;
                height: 100% !important;
                object-fit: contain !important;
            }
            
            .chatgram-icon-message {
                display: block !important;
                width: 30px !important;
                height: 30px !important;
            }
            
            .chatgram-icon-close {
                display: none !important;
                width: 24px !important;
                height: 24px !important;
                fill: #000000 !important;
            }
            
            .chatgram-widget-container.open .chatgram-icon-message {
                display: none !important;
            }
            
            .chatgram-widget-container.open .chatgram-icon-close {
                display: block !important;
            }
            
            /* Popup container */
            .chatgram-popup {
                position: absolute !important;
                bottom: 80px !important;
                width: 350px !important;
                height: 500px !important;
                background: var(--chatgram-white) !important;
                border-radius: var(--chatgram-border-radius) !important;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;
                display: none !important;
                flex-direction: column !important;
                overflow: hidden !important;
                animation: chatgramSlideUp 0.3s ease !important;
            }
            
            .chatgram-position-right .chatgram-popup {
                right: 0 !important;
                left: auto !important;
            }
            
            .chatgram-position-left .chatgram-popup {
                left: 0 !important;
                right: auto !important;
            }
            
            .chatgram-widget-container.open .chatgram-popup {
                display: flex !important;
            }
            
            /* Header */
            .chatgram-header {
                padding: 15px 20px !important;
                display: flex !important;
                justify-content: space-between !important;
                align-items: center !important;
                background: var(--chatgram-primary) !important;
                color: var(--chatgram-black) !important;
            }
            
            .chatgram-header-info {
                display: flex !important;
                align-items: center !important;
                gap: 12px !important;
            }
            
            .chatgram-avatar {
                width: 48px !important;
                height: 48px !important;
                background: rgba(0, 0, 0, 0.05) !important;
                border-radius: 50% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                overflow: hidden !important;
            }
            
            .chatgram-avatar img {
                width: 100% !important;
                height: 100% !important;
                object-fit: contain !important;
            }
            
            .chatgram-header-text h3 {
                margin: 0 !important;
                color: var(--chatgram-black) !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                line-height: 1.4 !important;
                font-family: "Poppins", sans-serif !important;
            }
            
            .chatgram-status {
                font-size: 12px !important;
                color: var(--chatgram-black) !important;
                opacity: 0.7 !important;
                display: block !important;
                font-weight: 300 !important;
            }
            
            .chatgram-minimize-btn {
                background: none !important;
                border: none !important;
                color: var(--chatgram-black) !important;
                cursor: pointer !important;
                padding: 5px !important;
                width: 30px !important;
                height: 30px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }
            
            .chatgram-minimize-btn svg {
                width: 20px !important;
                height: 20px !important;
                fill: var(--chatgram-black) !important;
            }
            
            .chatgram-minimize-btn:hover {
                background: rgba(0, 0, 0, 0.05) !important;
                border-radius: 15px !important;
            }
            
            /* Messages area */
            .chatgram-messages {
                flex: 1 !important;
                padding: 15px !important;
                overflow-y: auto !important;
                background: var(--chatgram-white) !important;
            }
            
            .chatgram-message {
                margin-bottom: 15px !important;
                max-width: 80% !important;
                animation: chatgramFadeIn 0.3s ease !important;
                clear: both !important;
            }
            
            .chatgram-message.bot {
                float: left !important;
            }
            
            .chatgram-message.user {
                float: right !important;
            }
            
            .chatgram-message-content {
                padding: 12px 18px !important;
                border-radius: var(--chatgram-border-radius) !important;
                font-size: 14px !important;
                line-height: 1.4 !important;
                word-wrap: break-word !important;
                font-weight: 300 !important;
                font-family: "Poppins", sans-serif !important;
            }
            
            .chatgram-message.bot .chatgram-message-content {
                background: var(--chatgram-primary-light) !important;
                color: var(--chatgram-black) !important;
                border-bottom-left-radius: 5px !important;
            }
            
            .chatgram-message.user .chatgram-message-content {
                background: var(--chatgram-secondary) !important;
                color: var(--chatgram-white) !important;
                border-bottom-right-radius: 5px !important;
            }
            
            .chatgram-message-time {
                font-size: 10px !important;
                color: #94a3b8 !important;
                margin-top: 4px !important;
                text-align: right !important;
                clear: both !important;
                font-weight: 300 !important;
            }
            
            /* Input area */
            .chatgram-input-area {
                padding: 15px !important;
                background: var(--chatgram-white) !important;
                border-top: 1px solid var(--chatgram-primary-light) !important;
                display: flex !important;
                gap: 10px !important;
            }
            
            .chatgram-input {
                flex: 1 !important;
                padding: 12px 18px !important;
                border: 1px solid var(--chatgram-primary-light) !important;
                border-radius: var(--chatgram-border-radius) !important;
                font-size: 14px !important;
                outline: none !important;
                background: var(--chatgram-white) !important;
                color: var(--chatgram-black) !important;
                font-weight: 300 !important;
                font-family: "Poppins", sans-serif !important;
            }
            
            .chatgram-input:focus {
                border-color: var(--chatgram-primary) !important;
                box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1) !important;
            }
            
            .chatgram-input::placeholder {
                color: #94a3b8 !important;
                opacity: 1 !important;
                font-weight: 300 !important;
            }
            
            .chatgram-send-btn {
                width: 45px !important;
                height: 45px !important;
                border-radius: var(--chatgram-border-radius) !important;
                border: none !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                cursor: pointer !important;
                transition: transform 0.3s ease !important;
                background: var(--chatgram-accent) !important;
                padding: 0 !important;
            }
            
            .chatgram-send-btn:hover {
                transform: scale(1.1) !important;
                background: var(--chatgram-accent-light) !important;
            }
            
            .chatgram-send-btn svg {
                width: 20px !important;
                height: 20px !important;
                fill: var(--chatgram-black) !important;
            }
            
            .chatgram-send-btn:disabled {
                opacity: 0.5 !important;
                cursor: not-allowed !important;
            }
            
            /* Typing indicator */
            .chatgram-typing {
                padding: 12px 18px !important;
                background: var(--chatgram-primary-light) !important;
                border-radius: var(--chatgram-border-radius) !important;
                display: inline-flex !important;
                gap: 4px !important;
            }
            
            .chatgram-typing-dot {
                width: 8px !important;
                height: 8px !important;
                background: var(--chatgram-black) !important;
                border-radius: 50% !important;
                animation: chatgramTyping 1.4s infinite !important;
            }
            
            .chatgram-typing-dot:nth-child(2) { animation-delay: 0.2s !important; }
            .chatgram-typing-dot:nth-child(3) { animation-delay: 0.4s !important; }
            
            /* Email prompt */
            .chatgram-email-prompt {
                padding: 20px !important;
                background: var(--chatgram-white) !important;
                border-radius: var(--chatgram-border-radius) !important;
                text-align: center !important;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
            }
            
            .chatgram-email-prompt h4 {
                margin: 0 0 10px !important;
                color: var(--chatgram-black) !important;
                font-size: 16px !important;
                font-weight: 700 !important;
                font-family: "Poppins", sans-serif !important;
            }
            
            .chatgram-email-input {
                width: 100% !important;
                padding: 12px !important;
                border: 1px solid var(--chatgram-primary-light) !important;
                border-radius: var(--chatgram-border-radius) !important;
                margin-bottom: 10px !important;
                font-size: 14px !important;
                font-weight: 300 !important;
                font-family: "Poppins", sans-serif !important;
            }
            
            .chatgram-email-submit {
                padding: 12px 24px !important;
                background: var(--chatgram-accent) !important;
                color: var(--chatgram-black) !important;
                border: none !important;
                border-radius: var(--chatgram-border-radius) !important;
                cursor: pointer !important;
                font-size: 14px !important;
                font-weight: 500 !important;
                font-family: "Poppins", sans-serif !important;
            }
            
            .chatgram-email-submit:hover {
                background: var(--chatgram-accent-light) !important;
            }
            
            /* Loading spinner */
            .chatgram-loading {
                display: inline-block !important;
                width: 20px !important;
                height: 20px !important;
                border: 2px solid rgba(0, 0, 0, 0.1) !important;
                border-radius: 50% !important;
                border-top-color: var(--chatgram-black) !important;
                animation: chatgramSpin 1s ease-in-out infinite !important;
            }
            
            /* Animations */
            @keyframes chatgramSlideUp {
                from {
                    opacity: 0;
                    transform: translateY(20px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            
            @keyframes chatgramFadeIn {
                from {
                    opacity: 0;
                    transform: translateY(10px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            
            @keyframes chatgramTyping {
                0%, 60%, 100% { transform: translateY(0); }
                30% { transform: translateY(-10px); }
            }
            
            @keyframes chatgramSpin {
                to { transform: rotate(360deg); }
            }
            
            /* Mobile responsiveness */
            @media (max-width: 480px) {
                .chatgram-popup {
                    width: 300px !important;
                    height: 450px !important;
                }
                
                .chatgram-toggle-btn {
                    width: 50px !important;
                    height: 50px !important;
                }
                
                .chatgram-icon-message {
                    width: 25px !important;
                    height: 25px !important;
                }
            }
            
            /* Fix for sites with other fixed elements */
            .admin-bar .chatgram-widget-container {
                bottom: 20px !important;
            }
            
            @media (max-width: 782px) {
                .admin-bar .chatgram-widget-container {
                    bottom: 20px !important;
                }
            }