/* AI-Header: Avatar utilities with theme support (ring and surface) */
/* Date: 2025-08-14 */

.avatar { 
  display: inline-flex; align-items: center; justify-content: center; 
  border-radius: 50%; overflow: hidden; line-height: 0; 
  background: var(--avatar-surface, var(--bs-tertiary-bg));
  border: 4px solid var(--avatar-ring-color, var(--brand-accent, var(--bs-primary)));
  box-shadow: var(--bs-box-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.25));
}

.avatar-lg { width: 140px; height: 140px; }
.avatar-md { width: 96px; height: 96px; }
.avatar-sm { width: 48px; height: 48px; }

.avatar i { font-size: 4rem; color: var(--bs-body-color); opacity: 0.8; }

@media (max-width: 768px) {
  .avatar-lg { width: 120px; height: 120px; }
  .avatar i { font-size: 3.5rem; }
}