.odin-v2-record-avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;aspect-ratio:1/1;flex:0 0 38px;border:1px solid var(--odin-line,#203449);border-radius:50%;overflow:visible;background:color-mix(in srgb,var(--odin-muted,#7892a5) 7%,transparent);color:var(--odin-muted,#7892a5);transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}
.odin-v2-record-avatar>i{font-size:.9rem;line-height:1}
.odin-v2-record-avatar>img{display:block;width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;object-position:center;background:var(--odin-bg,#07111f)}
.odin-v2-record-avatar.is-certificate>img{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--odin-muted,#7892a5) 24%,transparent)}
.odin-v2-record-avatar.is-studio{border-color:color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 36%,var(--odin-line,#203449));background:color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 8%,transparent)}
.odin-v2-record-avatar::after{content:"";position:absolute;right:-5px;bottom:-4px;z-index:3;width:18px;height:18px;border:2px solid var(--odin-panel,#0d1b2b);border-radius:50%;background:#7892a5;box-shadow:0 2px 7px rgba(0,0,0,.28);overflow:hidden}
.odin-v2-record-avatar.lang-pl::after{background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%)}
.odin-v2-record-avatar.lang-en::after{background:linear-gradient(35deg,transparent 42%,#fff 42% 47%,#c8102e 47% 53%,#fff 53% 58%,transparent 58%),linear-gradient(-35deg,transparent 42%,#fff 42% 47%,#c8102e 47% 53%,#fff 53% 58%,transparent 58%),linear-gradient(to right,transparent 38%,#fff 38% 44%,#c8102e 44% 56%,#fff 56% 62%,transparent 62%),linear-gradient(to bottom,transparent 38%,#fff 38% 44%,#c8102e 44% 56%,#fff 56% 62%,transparent 62%),#012169}
.odin-v2-record-avatar.lang-de::after{background:linear-gradient(to bottom,#000 0 33.333%,#dd0000 33.333% 66.666%,#ffce00 66.666% 100%)}
.odin-v2-record-avatar.lang-es::after{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)}
.odin-v2-record-avatar.lang-fr::after{background:linear-gradient(to right,#0055a4 0 33.333%,#fff 33.333% 66.666%,#ef4135 66.666% 100%)}
.odin-v2-record-avatar.lang-it::after{background:linear-gradient(to right,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666% 100%)}
.odin-v2-record-avatar.lang-cs::after{background:linear-gradient(150deg,#11457e 0 50%,transparent 50%),linear-gradient(to bottom,#fff 0 50%,#d7141a 50% 100%)}
.odin-v2-record-avatar.lang-sk::after{background:linear-gradient(to bottom,#fff 0 33.333%,#0b4ea2 33.333% 66.666%,#ee1c25 66.666% 100%)}
.odin-v2-record-avatar.lang-uk::after{background:linear-gradient(to bottom,#0057b7 0 50%,#ffd700 50% 100%)}
.odin-v2-record-avatar.lang-ru::after{background:linear-gradient(to bottom,#fff 0 33.333%,#0039a6 33.333% 66.666%,#d52b1e 66.666% 100%)}
.odin-v2-record-avatar-sticker{display:none!important}
.odin-v2-student-section .odin-v2-record-row:hover .odin-v2-record-avatar,.odin-v2-student-section .odin-v2-record-row:focus-within .odin-v2-record-avatar{border-color:color-mix(in srgb,var(--odin-muted,#7892a5) 48%,var(--odin-line,#203449));background:color-mix(in srgb,var(--odin-muted,#7892a5) 10%,transparent);color:color-mix(in srgb,var(--odin-muted,#7892a5) 84%,var(--odin-text,#eefaff))}
.odin-v2-student-section .odin-v2-record-row.is-selected .odin-v2-record-avatar{border-color:var(--odin-accent-1,#3aa6c8);box-shadow:0 0 0 2px color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 13%,transparent);background:color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 12%,transparent);color:var(--odin-accent-1,#3aa6c8)}

/* The top bar uses the same source hierarchy and 1:1 crop as student records. */
.odin-v2-topbar-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;aspect-ratio:1/1;border:1px solid color-mix(in srgb,var(--odin-muted,#7892a5) 34%,var(--odin-line,#203449));border-radius:50%;background:color-mix(in srgb,var(--odin-muted,#7892a5) 7%,transparent);color:var(--odin-muted,#7892a5);overflow:visible;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}
.odin-v2-topbar-avatar>i{font-size:.84rem;line-height:1}
.odin-v2-topbar-avatar>img{display:block;width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;object-position:center;background:var(--odin-bg,#07111f)}
.odin-v2-topbar-avatar.is-studio{border-color:color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 48%,var(--odin-line,#203449));box-shadow:0 0 0 2px color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 8%,transparent)}
.odin-v2-topbar-avatar-sticker{position:absolute;right:-4px;bottom:-3px;z-index:2;display:grid;place-items:center;min-width:15px;height:15px;padding:0 2px;border:2px solid var(--odin-panel,#0d1b2b);border-radius:999px;background:var(--odin-accent-1,#3aa6c8);color:#fff;font-size:.5rem;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.24)}
.odin-v2-topbar-avatar-sticker>img{display:block;width:11px;height:11px;object-fit:contain}
.odin-v2-desktop-avatar-btn:hover .odin-v2-topbar-avatar,.odin-v2-desktop-avatar-btn:focus-visible .odin-v2-topbar-avatar,.odin-v2-mobile-avatar-btn:hover .odin-v2-topbar-avatar,.odin-v2-mobile-avatar-btn:focus-visible .odin-v2-topbar-avatar{border-color:var(--odin-accent-1,#3aa6c8);color:var(--odin-accent-1,#3aa6c8);background:color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 10%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--odin-accent-1,#3aa6c8) 12%,transparent)}
[data-bs-theme="light"] .odin-v2-record-avatar::after,[data-bs-theme="light"] .odin-v2-topbar-avatar-sticker{border-color:#fff}
@media(max-width:767.98px){.odin-v2-record-avatar{width:36px;height:36px;flex-basis:36px}.odin-v2-record-avatar::after{right:-4px;bottom:-3px;width:17px;height:17px}.odin-v2-topbar-avatar{width:32px;height:32px}}