.aichatbot-widget {
    position: fixed !important;
    bottom: 300px !important;
    right: 30px !important;
    z-index: 99999 !important;
    margin-bottom: 50px !important;
}

/* AnythingLLM chat button override */
#anything-llm-embed-chat-button {
    width: 128px !important;
    height: 128px !important;
    background-image: url('/local/aichatbot/pix/chat-logo.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: transform 0.3s ease !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Hide the default SVG icon completely */
#anything-llm-embed-chat-button svg,
#anything-llm-embed-chat-button svg * {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Fix for the full-page overlay issue */
#anything-llm-embed-chat-container {
    position: fixed !important;
    bottom: 100px !important;
    right: 30px !important;
    width: 350px !important;
    height: 500px !important;
    max-width: 350px !important;
    max-height: 500px !important;
    overflow: visible !important;
    pointer-events: none !important;
}

#anything-llm-embed-chat-container > * {
    pointer-events: auto !important;
}

/* Chat container styles */
.anything-llm-embed-chat-container {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 350px !important;
    height: 500px !important;
    max-width: 350px !important;
    max-height: 500px !important;
    min-width: 280px !important;
}

/* Chat window styles */
.anything-llm-embed-chat-container iframe[title*='chat'] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 100000 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 350px !important;
    max-height: 500px !important;
    min-width: 280px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* User message styles */
.anything-llm-embed-chat-container .user-message,
.anything-llm-embed-chat-container .user-bubble,
.anything-llm-embed-chat-container div[class*="user-message"],
.anything-llm-embed-chat-container div[class*="user-bubble"],
.anything-llm-embed-chat-container .message-bubble.user {
    color: #000000 !important;
    background-color: #e3effd !important;
}

.anything-llm-embed-chat-container .user-message *,
.anything-llm-embed-chat-container .user-bubble *,
.anything-llm-embed-chat-container div[class*="user-message"] *,
.anything-llm-embed-chat-container div[class*="user-bubble"] *,
.anything-llm-embed-chat-container .message-bubble.user * {
    color: #000000 !important;
}

/* Chat input and button styles */
.anything-llm-embed-chat-container input[type="text"],
.anything-llm-embed-chat-container textarea,
.anything-llm-embed-chat-container .input-area {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

.anything-llm-embed-chat-container button,
.anything-llm-embed-chat-container .send-button,
.anything-llm-embed-chat-container .action-button {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

.anything-llm-embed-chat-container button:hover,
.anything-llm-embed-chat-container .send-button:hover,
.anything-llm-embed-chat-container .action-button:hover {
    color: #000000 !important;
    background-color: #f5f5f5 !important;
}

/* Hide powered by text */
.anything-llm-embed-chat-container .powered-by,
.anything-llm-embed-chat-container [class*="powered-by"],
.anything-llm-embed-chat-container [class*="sponsor"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Additional chat text styles */
.anything-llm-embed-chat-container .message-text,
.anything-llm-embed-chat-container .message-content,
.anything-llm-embed-chat-container .chat-text,
.anything-llm-embed-chat-container .assistant-message {
    color: #000000 !important;
}

.anything-llm-embed-chat-container .message-text:hover,
.anything-llm-embed-chat-container .message-content:hover,
.anything-llm-embed-chat-container .chat-text:hover {
    color: #000000 !important;
}

/* ALLM Flex text color fix */
.anything-llm-embed-chat-container .allm-flex p,
.allm-flex p,
div[class*="allm-flex"] p {
    color: #000000 !important;
}

@media screen and (max-width: 768px) {
    .aichatbot-widget {
        bottom: 120px !important;
        right: 20px !important;
    }
    
    .anything-llm-embed-chat-container iframe[title*='chat'],
    .anything-llm-embed-chat-container {
        width: 100% !important;
        height: 100% !important;
        max-width: 350px !important;
        max-height: 500px !important;
        min-width: 280px !important;
    }
    
    #anything-llm-embed-chat-button {
        width: 77px !important;
        height: 77px !important;
    }
}