body {
    background-color: #f7f7f8;
}

.msg-bubble {
    max-width: 70%;
    padding: .5rem .8rem;
    border-radius: .8rem;
    margin-bottom: .5rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.msg-in {
    background: #fff;
    border: 1px solid #e2e2e2;
    margin-right: auto;
}

.msg-out {
    background: #d9fdd3;
    margin-left: auto;
}

.thread-scroll {
    max-height: 60vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}