body {
    background-color: #f4f6f8;
}

.item-card img {
    height: 200px;
    object-fit: cover;
}

.item-card .badge-negotiable {
    position: absolute;
    top: 10px;
    right: 10px;
}

.price-tag {
    font-size: 1.15rem;
    font-weight: 700;
    color: #146c43;
}

/* --- WhatsApp-style chat --- */
.chat-wrap {
    background: #e5ddd5;
    border-radius: 10px;
    height: 65vh;
    display: flex;
    flex-direction: column;
}

.chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
}

.bubble {
    max-width: 75%;
    padding: 8px 12px;
    border-radius: 10px;
    margin-bottom: 8px;
    position: relative;
    word-wrap: break-word;
    box-shadow: 0 1px 1px rgba(0,0,0,.08);
}

.bubble.me {
    background: #d9fdd3;
    margin-left: auto;
    border-top-right-radius: 0;
}

.bubble.them {
    background: #ffffff;
    margin-right: auto;
    border-top-left-radius: 0;
}

.bubble .meta {
    font-size: .7rem;
    color: #667781;
    margin-top: 4px;
    text-align: right;
}

.bubble.offer {
    border: 2px dashed #198754;
}

.bubble.final-offer {
    border: 2px solid #146c43;
    background: #c9f7c5;
}

.chat-input-bar {
    background: #f0f0f0;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-radius: 0 0 10px 10px;
}