/* avatars.css */
.avatar { border-radius: var(--radius-full); object-fit: cover; flex-shrink: 0; }
.avatar--xs { width: 24px; height: 24px; }
.avatar--sm { width: 32px; height: 32px; }
.avatar--md { width: 48px; height: 48px; }
.avatar--lg { width: 96px; height: 96px; }

.avatar-wrapper { position: relative; display: inline-block; }
.avatar-wrapper__dot {
  position: absolute; bottom: 0; right: 0; width: 12px; height: 12px;
  border-radius: var(--radius-full); border: 2px solid var(--color-surface);
}
.avatar-wrapper__dot--open { background-color: var(--color-success); }
.avatar-wrapper__dot--freelance { background-color: var(--color-warning); }
.avatar-wrapper__dot--unavailable { background-color: var(--color-text-muted); }