/* Initials avatars — shown when a member/academy has no photo, or when the photo file fails to load.
   Markup: functions.php bcInitialsAvatar() (server) and header_menubars.php / bc-palette.js (search).
   Size + font-size are set inline per use, so this works at 26px lists up to the 200px profile avatar. */
.bc-av {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  vertical-align: middle;
  overflow: hidden;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
  background-color: #5b4bd1;
  font-family: inherit;
}
.bc-av[hidden] { display: none !important; }
.bc-av.rounded-circle { border-radius: 50%; }
.bc-av--tile { border-radius: 22%; }

/* Deterministic brand gradients: tone = id % 6 (double class so list/search "background:" shorthands cannot wipe them) */
.bc-av.bc-av-t0 { background-image: linear-gradient(135deg, #03c3e3 0%, #5b4bd1 100%); }
.bc-av.bc-av-t1 { background-image: linear-gradient(135deg, #5b4bd1 0%, #9a3ea8 100%); }
.bc-av.bc-av-t2 { background-image: linear-gradient(135deg, #9a3ea8 0%, #d4744f 100%); }
.bc-av.bc-av-t3 { background-image: linear-gradient(135deg, #1baf7a 0%, #03c3e3 100%); }
.bc-av.bc-av-t4 { background-image: linear-gradient(135deg, #eda100 0%, #d4744f 100%); }
.bc-av.bc-av-t5 { background-image: linear-gradient(135deg, #2a78d6 0%, #5b4bd1 100%); }

/* Search dropdowns (topbar + command palette) reuse their own avatar box classes for size/margins;
   the initials variant only needs its colours and a proportional font. */
.topbar-search-avatar.bc-av { font-size: 13px; }
.bc-pal-avatar.bc-av { font-size: 13px; }
.topbar-search-avatar.bc-av.bc-av--tile { border-radius: 9px; }