.chat-bubble {
    max-width: 80%;
    word-wrap: break-word;
}

.chat-bubble-user {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.chat-bubble-assistant {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
}

.chat-bubble-has-items {
    padding-top: 0.5rem;
}

.auto-grow {
    resize: none;
    overflow: hidden;
    min-height: 38px;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: inherit;
}

.border-t {
    border-top: 1px solid var(--mud-palette-divider);
}
