/* WhatsApp-like group post styles */
.wa-post { padding: 8px 12px; }
.wa-post-row { display: flex; align-items: flex-start; gap: 10px; }
.wa-avatar { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #ffb366, #ff8c3a); color: #c14a00; display: flex; align-items: center; justify-content: center; font-weight: 700; flex: 0 0 36px; box-shadow: 0 1px 2px rgba(0,0,0,0.12); }
.wa-avatar-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; }
.wa-avatar-link:focus { outline: none; }
.wa-bubble { background: #ffffff; border-radius: 10px 10px 10px 2px; padding: 10px 12px; max-width: 100%; box-shadow: 0 1px 0 rgba(0,0,0,0.05); position: relative; flex: 1 1 auto; }
.wa-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.wa-user { display: flex !important; align-items: center !important; gap: 10px; min-width: 0; flex: 1 1 auto; flex-wrap: nowrap; }
.wa-name { display: inline-flex; align-items: center; gap: 6px; color: #0f7059; font-weight: 700; font-size: 0.92rem; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-name-link,
.wa-name-link:visited,
.wa-name-link:hover,
.wa-name-link:active,
.wa-name-link:focus { color: #128C7E !important; text-decoration: none !important; border: none !important; outline: none !important; }
.wa-time { color: #667781; font-size: 0.78rem; white-space: nowrap; margin-left: 8px; }
.wa-tags { margin: 4px 0 6px; }
.wa-tag { display: inline-block; background: #eef7ff; color: #1c6b9a; border-radius: 12px; padding: 2px 8px; font-size: 0.75rem; margin-right: 6px; margin-bottom: 4px; }
.wa-message { color: #111b21; word-wrap: break-word; white-space: normal; line-height: 1.35; margin: 6px 0; }
.wa-contacts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.wa-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 16px; background: #ffffff; color: #128C7E; text-decoration: none; border: 1px solid #cfe9ba; font-weight: 600; font-size: 0.9rem; }
.wa-chip:hover { background: #f2ffec; text-decoration: none; }
.wa-actions { display: flex; justify-content: flex-end; gap: 14px; margin-top: 8px; }
.wa-action { color: #128C7E; text-decoration: none; font-weight: 600; font-size: 0.88rem; }
.wa-action i { margin-right: 6px; }
@media (max-width: 576px) { .wa-header { flex-wrap: wrap; } }