/* ===========================
   CHAT
   =========================== */

.chat-box {
    border: 1px solid var(--border);
    padding: var(--space-4);
    height: 300px;
    overflow-y: scroll;
    background: var(--card-bg);
    border-radius: var(--radius);
}

.message {
    max-width: 70%;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius);
    margin-bottom: var(--space-3);
    box-shadow: var(--shadow);
}

.message.me {
    background: var(--accent);
    color: #fff;
    margin-left: auto;
}

.message.them {
    background: var(--card-bg);
    color: var(--text);
}