/* ===== Traventia UI — Avatares ===== */

.tv-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--tv-radius-full);
	background: var(--tv-primary-light);
	color: var(--tv-primary-dark);
	font-weight: var(--tv-font-semibold);
	overflow: hidden;
	flex-shrink: 0;
}

.tv-avatar img { width: 100%; height: 100%; object-fit: cover; }

.tv-avatar-xs { width: 24px; height: 24px; font-size: var(--tv-text-xs); }
.tv-avatar-sm { width: 32px; height: 32px; font-size: var(--tv-text-xs); }
.tv-avatar-md { width: 48px; height: 48px; font-size: var(--tv-text-sm); }
.tv-avatar-lg { width: 80px; height: 80px; font-size: var(--tv-text-xl); }
.tv-avatar-xl { width: 140px; height: 140px; font-size: var(--tv-text-3xl); border-radius: var(--tv-radius-lg); }