/* Basic WhatsApp-like layout */
.donfungi-chat-wrapper { display:flex; gap:12px; align-items:flex-start; max-width:900px; margin:0 auto; }

.donfungi-chatbox { flex:1; display:flex; flex-direction:column; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; min-height:240px; width:100%; }
.donfungi-messages { padding:12px; flex:1; overflow:auto; background:#fff; }
.donfungi-input-row { display:flex; gap:8px; padding:8px; border-top:1px solid #eee; }
#donfungi-input { flex:1; resize:none; padding:8px; border-radius:6px; border:1px solid #ccc; }
.donfungi-msg-user { text-align:right; margin-bottom:8px; }
.donfungi-msg-assistant { text-align:left; margin-bottom:8px; }
.donfungi-bubble { display:inline-block; padding:8px 12px; border-radius:12px; max-width:80%; }
.donfungi-bubble.user { background:#DCF8C6; }
.donfungi-bubble.assistant { background:#f1f0f0; }
.donfungi-typing { font-style:italic; color:#666; padding:6px; }

/* Mobile: stack avatar on top */
@media(max-width:600px) {
    .donfungi-chat-wrapper { flex-direction:column; }
    .donfungi-avatar img { width:80px; height:80px; margin:8px auto; }
    .donfungi-chatbox { width:100%; }
}