/**
 * messagerie.css
 * Interface messagerie : liste conversations, zone messages, barre d'envoi
 * Dépend de : variables.css, base.css
 * NOTE : styles principalement inline dans le HTML pour cette section
 */

/* Conversations */
.conv-item { display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background 0.15s;border-bottom:1px solid var(--cream-dark); }
.conv-item:hover { background:var(--cream); }
.conv-item.active { background:var(--cream-dark); }
.conv-avatar { width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:16px;flex-shrink:0; }
.conv-name { font-size:13px;font-weight:700;color:var(--text-dark); }
.conv-preview { font-size:12px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px; }
.conv-unread { background:var(--terracotta);color:white;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.msg-bubble { max-width:75%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.5; }
.msg-bubble.mine { background:var(--terracotta);color:white;align-self:flex-end;border-radius:16px 16px 4px 16px; }
.msg-bubble.theirs { background:var(--cream-dark);color:var(--text-dark);align-self:flex-start;border-radius:16px 16px 16px 4px; }