/* ============================================================================
   Capi Când-IA Pro — Avatar (Fase 1)
   Avatar circular com gold ring + halo. Variantes de tamanho.
   .ds-avatar-sm    → 28px (footer sidebar, topbar)
   .ds-avatar-md    → 48px (cards, listas grandes)
   .ds-avatar-lg    → 76px (welcome state)
   .ds-avatar-xl    → 96px+ (perfil)

   Pode receber <img> ou <div> com iniciais.
   ============================================================================ */

.ds-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ds-radius-full);
  background: var(--ds-gold-dim);
  border: 1px solid var(--ds-gold-border);
  color: var(--ds-gold);
  font-family: var(--ds-font-display);
  font-weight: 700;
  flex-shrink: 0;
  overflow: hidden;
}

.ds-avatar img,
.ds-avatar > img.auth-logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block !important; /* override pra avatar-img global hide do auth.css */
}

.ds-avatar-sm {
  width: 28px;
  height: 28px;
  font-size: 11px;
  letter-spacing: -0.01em;
}

.ds-avatar-md {
  width: 48px;
  height: 48px;
  font-size: 16px;
  letter-spacing: -0.02em;
}

.ds-avatar-lg {
  width: 76px;
  height: 76px;
  font-size: 26px;
  letter-spacing: -0.025em;
  border-width: 2px;
  box-shadow:
    0 0 32px rgba(212,160,23,0.22),
    0 4px 16px rgba(0,0,0,0.45);
}

.ds-avatar-xl {
  width: 112px;
  height: 112px;
  font-size: 36px;
  letter-spacing: -0.03em;
  border-width: 2px;
  box-shadow:
    0 0 48px rgba(212,160,23,0.28),
    0 8px 28px rgba(0,0,0,0.5);
}