/* Shared conversation layout for blog and Web KI chat. */
/* Own messages on the right; AI answers use the complete conversation width. */
.chat-user{
    box-sizing:border-box;
    width:fit-content;
    max-width:75%;
    margin-left:auto;
    margin-right:0;
    background:#16354c;
    border-left:0;
    border-right:4px solid #d9b76c;
    overflow-wrap:anywhere;
}
.chat-ai{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    border-left:4px solid #d9b76c;
    border-right:0;
}

.chat-user > .ki-chat-message-actions,
.chat-ai > .ki-chat-message-actions{
    justify-content:flex-end;
}