/* 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: 10px 16px;
    border-radius: 15px;
    margin: 6px auto 6px 0;       /* left-aligned */
    max-width: min(78%, 900px);
    border-bottom-left-radius: 4px;
    line-height: 1.55;
    font-size: var(--chat-bubble-font-size, 13px);
}

/* 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: 10px 14px;
    border-radius: 15px;
    margin: 6px auto 6px 0;       /* left-aligned */
    max-width: min(78%, 900px);
    border-bottom-left-radius: 4px;
    overflow-x: auto;
    font-size: var(--chat-code-font-size, 12px);
    line-height: 1.5;
}

/* Markdown text inside AI bubble */
.chat-markdown--ai {
    margin-bottom: 8px;
    white-space: pre-wrap;
    font-size: var(--chat-bubble-font-size, 13px);
    line-height: 1.55;
}

.chat-markdown--ai h1,
.chat-markdown--ai h2,
.chat-markdown--ai h3,
.chat-markdown--ai h4,
.chat-markdown--ai h5,
.chat-markdown--ai h6 {
    line-height: 1.25;
    margin-top: 0.35em;
    margin-bottom: 0.45em;
}

.chat-markdown--ai h1 {
    font-size: 1.65em;
}

.chat-markdown--ai h2 {
    font-size: 1.45em;
}

.chat-markdown--ai h3 {
    font-size: 1.3em;
}

.chat-markdown--ai p,
.chat-markdown--ai li {
    font-size: 1em;
}

.chat-markdown--ai ul,
.chat-markdown--ai ol {
    padding-left: 1.2em;
    margin-bottom: 0.5em;
}