.ureka-ai-chat-container {
    max-width: 700px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

#ureka-ai-chat-box {
    height: 400px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
    overflow-y: auto;
    margin-bottom: 15px;
    border-radius: 4px;
}

.ureka-ai-message {
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 6px;
    line-height: 1.6;
    word-wrap: break-word;
}

.ureka-ai-message-user {
    background-color: #dcf8c6; /* Light green */
    text-align: right;
    margin-left: auto;
    max-width: 80%;
}

.ureka-ai-message-ai {
    background-color: #f1f0f0; /* Light grey */
    text-align: left;
    margin-right: auto;
    max-width: 80%;
}
.ureka-ai-message-ai pre { /* Style for AI responses for better formatting */
    white-space: pre-wrap;
    font-family: inherit; /* Or your preferred Bengali font */
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}


.ureka-ai-message-ai.error {
    background-color: #ffebee; /* Light red for errors */
    color: #c62828;
}

#ureka-ai-chat-form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

#ureka-ai-chat-form .ureka-ai-form-group {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
#ureka-ai-chat-form .ureka-ai-form-group label {
    margin-right: 5px;
    font-weight: bold;
}
#ureka-ai-chat-form textarea,
#ureka-ai-chat-form select {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
#ureka-ai-chat-form textarea#ureka-ai-user-input {
    flex-grow: 1; /* Take remaining space */
    min-height: 60px; /* Minimum height for textarea */
    resize: vertical;
}

#ureka-ai-chat-form .ureka-ai-controls {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
#ureka-ai-chat-form .ureka-ai-controls select {
    flex-basis: 150px; /* Adjust as needed */
}

#ureka-ai-chat-form button[type="submit"] {
    background-color: #0073aa;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
    align-self: flex-end; /* Align with the bottom of the textarea */
}

#ureka-ai-chat-form button[type="submit"]:hover {
    background-color: #005a87;
}
#ureka-ai-chat-form button[type="submit"]:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}


/* Basic Table Styling for AI responses */
.ureka-ai-message-ai table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0.9em;
}
.ureka-ai-message-ai th,
.ureka-ai-message-ai td {
    border: 1px solid #ddd;
    padding: 6px;
    text-align: left;
}
.ureka-ai-message-ai th {
    background-color: #e9e9e9;
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    #ureka-ai-chat-form .ureka-ai-controls {
        flex-direction: column;
    }
    #ureka-ai-chat-form .ureka-ai-controls select {
        width: 100%;
    }
     #ureka-ai-chat-form textarea#ureka-ai-user-input {
        width: 100%;
    }
    #ureka-ai-chat-form button[type="submit"] {
        width: 100%;
        margin-top: 10px;
    }
}