.ai-input-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;

            background: #fff;
            border-radius: 40px;
            padding: 6px 8px 6px 10px;
        }

        .ai-input-user {
            width: 38px;
            height: 38px;

            flex-shrink: 0;
        }

        .ai-input-user img {
            width: 38px;
            height: 38px;

            border-radius: 50%;
            object-fit: cover;

            display: block;
        }

        .ai-google-login {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px 20px 25px;
        }

        .btn-google-login {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;

            width: 100%;
            max-width: 350px;

            padding: 13px 20px;

            background: #fff;
            color: #333;

            border: 1px solid #ddd;
            border-radius: 8px;

            font-size: 15px;
            font-weight: 600;

            cursor: pointer;

            box-shadow: 0 2px 8px rgba(0,0,0,.08);

            transition: .2s;
        }

        .btn-google-login:hover {
            background: #f7f7f7;
            box-shadow: 0 4px 12px rgba(0,0,0,.12);
        }

        .btn-google-login i {
            font-size: 18px;
        }
        /* =====================================================
           AI CHAT BUTTON
        ===================================================== */
        /* Awalnya CHAT BOX disembunyikan */
        .ai-chat-box {
            display: none;
            position: fixed;
            right: 20px;
            bottom: 20px;
            width: 430px;
            height: 650px;
            background: #f5f7f7;
            border-radius: 30px 30px 0 0;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0,0,0,.25);
            z-index: 9999;
            flex-direction: column;
            font-family: Arial, Helvetica, sans-serif;
        }

        #btnAiChat.ai-chat-button {
            position: fixed;
            right: 25px;
            bottom: 25px;
            width: 60px;
            height: 60px;
            border: none;
            border-radius: 50%;
            background: #ffae00;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 5px 20px rgba(0,0,0,.20);
            z-index: 9998;
        }

        #btnAiChat.ai-chat-button {
            position: fixed;
            right: 25px;
            bottom: 25px;
            width: 60px;
            height: 60px;
            border: none;
            border-radius: 50%;
            background: #ffae00;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 5px 20px rgba(0,0,0,.20);
            z-index: 9998;
        }

        .ai-chat-button img {
            width: 42px;
            height: 42px;
            object-fit: contain;
        }

        .ai-chat-header {
            height: 90px;
            background: #ffae00;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            flex-shrink: 0;
        }

        .ai-chat-title {
            font-size: 25px;
            font-weight: 700;
            letter-spacing: .2px;
        }

        .ai-chat-actions {
            position: absolute;
            right: 20px;
            top: 0;
            height: 90px;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .ai-header-btn {
            border: none;
            background: transparent;
            color: white;
            font-size: 25px;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .ai-header-btn:hover {
            opacity: .75;
        }


        .ai-chat-body {
            flex: 1;
            display: flex;
            flex-direction: column;
            min-height: 0;
            padding: 0 10px 10px;
        }

        .ai-chat-messages {
            flex: 1;
            overflow-y: auto;
            padding: 55px 35px 20px;
            scroll-behavior: smooth;
        }

        .ai-chat-messages::-webkit-scrollbar {
            width: 10px;
        }

        .ai-chat-messages::-webkit-scrollbar-track {
            background: transparent;
        }

        .ai-chat-messages::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }

        .ai-welcome-avatar {
            width: 95px;
            height: 95px;
            margin: 0 auto 30px;
            border-radius: 50%;
            background: white;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .ai-welcome-avatar img {
            width: 75px;
            height: 75px;
            object-fit: contain;
        }

        .ai-welcome-title {
            text-align: center;
            font-size: 28px;
            line-height: 1.4;
            font-weight: 500;
            color: #111827;
            margin-bottom: 95px;
        }

        .ai-welcome-text {
            font-size: 14px;
            line-height: 1.35;
            color: #111827;
            margin-bottom: 30px;
        }

        .ai-chat-list {
            margin-top: 15px;
        }

        .ai-message {
            max-width: 85%;
            padding: 13px 16px;
            border-radius: 15px;
            margin-bottom: 12px;
            font-size: 15px;
        }

        .ai-message.bot {
            background: white;
            color: #222;
            box-shadow: 0 2px 8px rgba(0,0,0,.06);
            border-radius: 15px 15px 15px 4px;
        }

        .ai-message-text {
            line-height: 1.5;
        }

        .ai-time {
            font-size: 11px;
            color: #888;
            margin-top: 5px;
        }

        .ai-chat-input-area {
            padding: 5px 25px 10px;
            background: #f5f7f7;
            flex-shrink: 0;
        }

        .ai-input-wrapper {
            height: 65px;
            background: white;
            border-radius: 35px;
            display: flex;
            align-items: center;
            padding: 0 20px 0 30px;
        }

        .ai-input-wrapper input {
            flex: 1;
            border: none;
            outline: none;
            background: transparent;
            font-size: 18px;
            color: #333;
        }

        .ai-input-wrapper input::placeholder {
            color: #999;
            font-size: 18px;
        }

        .ai-send {
            width: 45px;
            height: 45px;
            border: none;
            border-radius: 50%;
            background: #ffae00;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .ai-send:hover {
            opacity: .85;
        }

        .ai-chat-footer {
            height: 65px;
            display: flex;
            align-items: center;
            padding: 0 25px;
            background: #f5f7f7;
            flex-shrink: 0;
        }

        .ai-footer-btn {
            border: none;
            background: transparent;
            color: #999;
            font-size: 22px;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .ai-footer-btn:hover {
            color: #ffae00;
        }

        .ai-powered {
            margin-left: auto;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 15px;
            color: #777;
            letter-spacing: 1px;
        }

        .ai-powered strong {
            font-size: 18px;
            color: #4c6470;
        }

        .ai-powered span {
            color: #aaa;
        }

        .ai-powered b {
            font-size: 12px;
            letter-spacing: 2px;
            color: #777;
        }

        @media (max-width: 576px) {
            .ai-chat-box {
                right: 8px;
                left: 8px;
                bottom: 8px;
                width: auto;
                height: calc(100vh - 30px);
                border-radius: 25px 25px 0 0;
            }

            .ai-chat-messages {
                padding: 40px 25px 20px;
            }

            .ai-welcome-title {
                font-size: 25px;
                margin-bottom: 60px;
            }

            .ai-welcome-text {
                font-size: 17px;
            }

            .ai-powered b {
                display: none;
            }
        }

/* =====================================================
   CUT MODA WORDPRESS - FLOATING TOGGLE
   Pastikan widget selalu berada di atas theme WordPress.
===================================================== */
#btnAiChat.ai-chat-button {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #ffae00 !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible;
    opacity: 1;
    box-sizing: border-box !important;
    cursor: pointer !important;
    z-index: 2147483646 !important;
}

#btnAiChat.ai-chat-button img {
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
}

#btnAiChat.ai-chat-button:hover {
    transform: scale(1.05);
}

#aiChatBox.ai-chat-box {
    position: fixed !important;
    z-index: 2147483647 !important;
}

@media (max-width: 576px) {
    #btnAiChat.ai-chat-button {
        right: 16px !important;
        bottom: 16px !important;
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
    }

    #btnAiChat.ai-chat-button img {
        width: 42px !important;
        height: 42px !important;
    }
}