/* Avatares */
/* ---------- Avatares ---------- */
.avatar,.avatar-soft,.avatar-mini,.avatar-birthday,.birthday-hero-avatar{ position:relative; overflow:hidden; }
.avatar-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.avatar{ width:40px; height:40px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.8rem; flex-shrink:0; }
.avatar-wine{ background:var(--wine); color:#fff; }
/* Mesmo avatar aparece 2x por tela (sidebar + topbar) — só um precisa ser o
   sólido cheio; o outro vira contorno para não duplicar o mesmo peso visual. */
.avatar-outline{ background:var(--card); color:var(--wine); border:2px solid var(--wine); }
.avatar-soft{ background:var(--wine-50); color:var(--wine); display:flex; align-items:center; justify-content:center; border-radius:999px; flex-shrink:0; font-weight:700; text-align:center; }
.dark .avatar-soft{ background:rgba(142,27,46,.2); color:#f2a8b4; }
.avatar-mini{ width:24px; height:24px; border-radius:999px; background:#e2e8f0; color:#475569; display:inline-flex; align-items:center; justify-content:center; font-size:.6rem; font-weight:700; }
.dark .avatar-mini{ background:#334155; color:#cbd5e1; }
.avatar-birthday{ width:64px; height:64px; border-radius:999px; background:var(--wine-50); color:var(--wine); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.15rem; }
.dark .avatar-birthday{ background:rgba(142,27,46,.2); color:#f2a8b4; }