/* Avatar — context-free initials chip
 *
 * Extracted from components.css in PR4 U2 (issue #525). Consumed by
 * AvatarComponent (app/components/avatar_component.rb). The .lc-avatars
 * stack (molecule) and .lc-avatars__more overflow pill were extracted
 * into molecules/avatars.css in PR4 U3 (issue #526).
 */

.lc-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px; height: 32px;
  border-radius: var(--r-pill);
  background: var(--color-primary);
  color: var(--color-ink-onfill);
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.02em;
  flex-shrink: 0;
}
.lc-avatar--sm { width: 24px; height: 24px; font-size: 10px; }
.lc-avatar--lg { width: 40px; height: 40px; font-size: var(--fs-13); }
.lc-avatar--alt { background: var(--color-ink-subtle); }