/* Avatars stack — capped AvatarComponent stack + overflow pill
 *
 * Extracted from components.css in PR4 U3 (issue #526). Consumed by
 * AvatarsComponent (app/components/avatars_component.rb), which
 * composes AvatarComponent atoms (atoms/avatar.css, extracted in U2 /
 * issue #525) into a capped stack with a "+N" overflow pill.
 */

.lc-avatars {
  display: inline-flex;
  align-items: center;
}
.lc-avatars > .lc-avatar {
  border: 2px solid var(--color-paper);
  margin-left: -8px;
}
.lc-avatars > .lc-avatar:first-child { margin-left: 0; }
.lc-avatars__more {
  margin-left: -8px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  border-radius: var(--r-pill);
  border: 2px solid var(--color-paper);
  background: var(--color-surface);
  color: var(--color-ink-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  font-weight: var(--fw-semibold);
}