/* f10.6c: Views/Shared/_Avatar.cshtml (usado em telas do professor, do aluno, do público e do
   backoffice). Antes: width/height/font-size e background-color calculados no servidor e escritos em
   style="" a cada instância. Agora:
   - tamanho: uma classe por Size REALMENTE passado ao partial hoje (grep confirmado em
     Models/AvatarViewModel.cs -- ver Views que usam <partial name="_Avatar" .../>). Um Size novo no
     futuro precisa de uma classe nova aqui (limite documentado no registro da f10.6c).
   - cor de fundo (sem foto): paleta fixa de 10 tons (--ctm-avatar-0..9 em tokens.css), escolhida por
     hash do nome -- vira classe .ctm-avatar-cor-0..9 em vez de background-color inline. */

.avatar-img { object-fit: cover; }

.ctm-avatar-sz-32 { width: 32px; height: 32px; }
.ctm-avatar-sz-40 { width: 40px; height: 40px; }
.ctm-avatar-sz-56 { width: 56px; height: 56px; }
.ctm-avatar-sz-60 { width: 60px; height: 60px; }
.ctm-avatar-sz-64 { width: 64px; height: 64px; }
.ctm-avatar-sz-72 { width: 72px; height: 72px; }
.ctm-avatar-sz-84 { width: 84px; height: 84px; }
.ctm-avatar-sz-88 { width: 88px; height: 88px; }
.ctm-avatar-sz-96 { width: 96px; height: 96px; }
.ctm-avatar-sz-110 { width: 110px; height: 110px; }

/* fonte do fallback de iniciais -- Math.Max(12, (int)(size / 2.4)) calculado uma vez por tamanho usado */
.ctm-avatar-fs-32 { font-size: 13px; }
.ctm-avatar-fs-40 { font-size: 16px; }
.ctm-avatar-fs-56 { font-size: 23px; }
.ctm-avatar-fs-60 { font-size: 25px; }
.ctm-avatar-fs-64 { font-size: 26px; }
.ctm-avatar-fs-72 { font-size: 30px; }
.ctm-avatar-fs-84 { font-size: 35px; }
.ctm-avatar-fs-88 { font-size: 36px; }
.ctm-avatar-fs-96 { font-size: 40px; }
.ctm-avatar-fs-110 { font-size: 45px; }

.ctm-avatar-cor-0 { background-color: var(--ctm-avatar-0); }
.ctm-avatar-cor-1 { background-color: var(--ctm-avatar-1); }
.ctm-avatar-cor-2 { background-color: var(--ctm-avatar-2); }
.ctm-avatar-cor-3 { background-color: var(--ctm-avatar-3); }
.ctm-avatar-cor-4 { background-color: var(--ctm-avatar-4); }
.ctm-avatar-cor-5 { background-color: var(--ctm-avatar-5); }
.ctm-avatar-cor-6 { background-color: var(--ctm-avatar-6); }
.ctm-avatar-cor-7 { background-color: var(--ctm-avatar-7); }
.ctm-avatar-cor-8 { background-color: var(--ctm-avatar-8); }
.ctm-avatar-cor-9 { background-color: var(--ctm-avatar-9); }