/* 1. Guaranteed Root Placement & Viewport Stacking */
    #ai-chat-widget-root {
        position: fixed !important;
        bottom: 24px !important;
        right: 24px !important;
        z-index: 2147483645 !important;
        pointer-events: none !important;
        font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
    }
    @media (max-width: 640px) {
        #ai-chat-widget-root {
            bottom: 16px !important;
            right: 16px !important;
        }
    }

    /* 2. Guaranteed Launcher Button Dimensions & Luxury Styling */
    #ai-chat-trigger-btn {
        position: relative !important;
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        min-height: 62px !important;
        border-radius: 9999px !important;
        background: linear-gradient(135deg, #002227 0%, #003a42 50%, #002227 100%) !important;
        border: 2.5px solid #d4af37 !important;
        box-shadow: 0 10px 30px rgba(0, 34, 39, 0.45) !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        transition: transform 0.25s ease, box-shadow 0.25s ease !important;
        outline: none !important;
        z-index: 2147483646 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    #ai-chat-trigger-btn:hover {
        transform: scale(1.08) !important;
        box-shadow: 0 18px 45px rgba(0, 34, 39, 0.55) !important;
    }
    #ai-chat-trigger-btn:active {
        transform: scale(0.95) !important;
    }
    @media (max-width: 640px) {
        #ai-chat-trigger-btn {
            width: 56px !important;
            height: 56px !important;
            min-width: 56px !important;
            min-height: 56px !important;
        }
    }

    /* 3. Golden Ambient Pulse Aura */
    .ai-btn-pulse-ring {
        position: absolute !important;
        inset: -4px !important;
        border-radius: 9999px !important;
        background: rgba(212, 175, 55, 0.35) !important;
        animation: ai-pulse-anim 2.2s cubic-bezier(0, 0, 0.2, 1) infinite !important;
        pointer-events: none !important;
    }
    @keyframes ai-pulse-anim {
        0% { transform: scale(0.95); opacity: 0.7; }
        50% { transform: scale(1.25); opacity: 0; }
        100% { transform: scale(0.95); opacity: 0.7; }
    }

    /* 4. Sparkle Icon with Rotation */
    .ai-trigger-icon {
        font-size: 28px !important;
        color: #fbbf24 !important;
        line-height: 1 !important;
        user-select: none !important;
        transition: transform 0.3s ease !important;
    }
    #ai-chat-trigger-btn:hover .ai-trigger-icon {
        transform: rotate(15deg) !important;
    }

    /* 5. Online Status Green Indicator */
    .ai-status-indicator {
        position: absolute !important;
        top: 1px !important;
        right: 1px !important;
        width: 14px !important;
        height: 14px !important;
        border-radius: 9999px !important;
        background-color: #10b981 !important;
        border: 2.5px solid #ffffff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
        z-index: 10 !important;
        pointer-events: none !important;
    }

    /* 6. Speech Bubble Teaser Floating Clearance */
    #ai-chat-teaser-bubble {
        position: absolute !important;
        bottom: calc(100% + 14px) !important;
        right: 0 !important;
        width: 320px !important;
        max-width: calc(100vw - 32px) !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        padding: 14px 16px !important;
        border-radius: 22px !important;
        box-shadow: 0 16px 40px rgba(0, 34, 39, 0.18) !important;
        border: 1px solid rgba(212, 175, 55, 0.45) !important;
        color: #1e293b !important;
        pointer-events: auto !important;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        z-index: 2147483646 !important;
    }
    @media (max-width: 640px) {
        #ai-chat-teaser-bubble {
            bottom: calc(100% + 10px) !important;
            width: 260px !important;
            max-width: calc(100vw - 32px) !important;
            padding: 10px 12px !important;
            border-radius: 18px !important;
            box-shadow: 0 10px 25px rgba(0, 34, 39, 0.16) !important;
        }
    }

    /* 7. Chat Window Full Dimensions & Overlay */
    #ai-chat-window {
        position: fixed !important;
        bottom: 24px !important;
        right: 24px !important;
        width: 420px !important;
        max-width: calc(100vw - 32px) !important;
        height: 610px !important;
        max-height: calc(100vh - 48px) !important;
        background: #ffffff !important;
        border-radius: 26px !important;
        box-shadow: 0 25px 70px rgba(0, 34, 39, 0.28) !important;
        border: 1px solid rgba(0, 34, 39, 0.12) !important;
        display: none;
        flex-direction: column !important;
        overflow: hidden !important;
        z-index: 2147483647 !important;
        pointer-events: auto !important;
        box-sizing: border-box !important;
    }
    @media (max-width: 640px) {
        #ai-chat-window {
            bottom: 12px !important;
            right: 12px !important;
            left: 12px !important;
            width: auto !important;
            max-width: calc(100vw - 24px) !important;
            height: calc(100dvh - 24px) !important;
            max-height: 640px !important;
            border-radius: 20px !important;
        }
    }

    /* 8. Horizontal No-Scrollbar utility */
    .ai-no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .ai-no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    /* 9. Messages Container Layout & Breathing Space */
    #ai-chat-messages {
        padding: 20px 16px 24px 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        box-sizing: border-box !important;
    }

    /* 10. User Message Bubble (Right-aligned with Generous Padding & Margin) */
    .ai-user-bubble-wrapper {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        width: 100% !important;
        margin: 4px 0 !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
    }
    .ai-user-bubble {
        max-width: 84% !important;
        background: linear-gradient(135deg, #00282e 0%, #003e48 50%, #00282e 100%) !important;
        color: #ffffff !important;
        padding: 12px 18px !important;
        border-radius: 20px 20px 4px 20px !important;
        box-shadow: 0 4px 16px rgba(0, 34, 39, 0.18) !important;
        border: 1px solid rgba(212, 175, 55, 0.35) !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
        letter-spacing: 0.01em !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
    }

    /* 11. AI Bot Message Bubble (Left-aligned with Harmonious Padding & Avatar) */
    .ai-bot-bubble-wrapper {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        max-width: 95% !important;
        margin: 4px 0 !important;
        box-sizing: border-box !important;
    }
    .ai-bot-bubble {
        background: #ffffff !important;
        padding: 16px 18px !important;
        border-radius: 4px 22px 22px 22px !important;
        box-shadow: 0 4px 20px rgba(0, 34, 39, 0.06) !important;
        border: 1px solid rgba(226, 232, 240, 0.85) !important;
        color: #1e293b !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
    }

#ai-bubble-tooltip, #ai-chat-window { z-index: 2147483647 !important; }
#ai-chat-trigger-btn { display: flex !important; }
#ai-typing-indicator [data-animation-delay="0"] { animation-delay: 0ms; }
#ai-typing-indicator [data-animation-delay="150"] { animation-delay: 150ms; }
#ai-typing-indicator [data-animation-delay="300"] { animation-delay: 300ms; }