/* Base bubble (optional shared styles) */
.chat-bubble {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}

/* AI bubble container */
.chat-bubble--ai {
    text-align: left;
    background: var(--background); /* #e6f7f5;*/          /* light teal */
    color: #222222;
    padding: 12px 18px;
    border-radius: 15px;
    margin: 6px auto 6px 0;       /* left-aligned */
    max-width: 70%;
    border-bottom-left-radius: 4px;
}

/* Code block inside AI message */
.chat-code-block {
    text-align: left;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}

/* AI-specific code block look */
.chat-code-block--ai {
    background: var(--testit-gray); /*#e6f7f5*/
    font-family: 'Courier New', Courier, monospace;
    color: #222222;
    padding: 12px 18px;
    border-radius: 15px;
    margin: 6px auto 6px 0;       /* left-aligned */
    max-width: 700px;
    width: 100%;
    border-bottom-left-radius: 4px;
}

/* Markdown text inside AI bubble */
.chat-markdown--ai {
    margin-bottom: 8px;
    white-space: pre-wrap;
}