body {
    background-color: #f4f7f5;
}
.card {
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    border-radius: 12px;
}
.chat-window {
    height: 500px;
    overflow-y: auto;
    background: #e5ded8;
    border-radius: 8px;
    padding: 15px;
}
.bubble {
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 10px;
    margin-bottom: 8px;
    clear: both;
}
.bubble.inbound {
    background: #fff;
    float: left;
}
.bubble.outbound {
    background: #d9fdd3;
    float: right;
}
.contact-list-item.active {
    background-color: #e9f7ef;
}