/* 2026-10-21 — polish member portraits without changing the classic Ejaaba layout. */
.classic-member-avatar{
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:1px solid #bfd1e2!important;
  background:#f2f6fa!important;
  box-shadow:0 0 0 1px #fff,0 1px 2px rgba(24,66,103,.14)!important;
}
.avatar-link{
  border-radius:50%;
}
.avatar-link:hover .classic-member-avatar,
.avatar-link:focus-visible .classic-member-avatar{
  border-color:#6f9fc7!important;
  box-shadow:0 0 0 2px #e7f1fa,0 1px 3px rgba(24,66,103,.18)!important;
}

.ejabat-dark-inner>.ejabat-nav-photo{
  align-items:center!important;
  justify-content:center!important;
  background:#111820!important;
}
.ejabat-dark-inner>.ejabat-nav-photo img{
  width:39px!important;
  height:39px!important;
  max-height:39px!important;
  flex:0 0 39px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:1px solid #8fa9c0!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.09),0 1px 4px rgba(0,0,0,.28)!important;
  background:#263d4f!important;
}
.ejabat-dark-inner>.ejabat-nav-photo:hover img,
.ejabat-dark-inner>.ejabat-nav-photo:focus-visible img{
  border-color:#b9d7ee!important;
  box-shadow:0 0 0 2px rgba(78,148,207,.28),0 1px 5px rgba(0,0,0,.3)!important;
}

.ejabat-direct-recipient>img{
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid #c4d5e5!important;
  background:#f2f6fa!important;
}

.classic-member-profile .ejabat-profile-hero>.ejabat-portrait{
  border-radius:50%!important;
}
.classic-member-profile .ejabat-profile-hero>.ejabat-portrait>img{
  border-radius:50%!important;
  object-fit:cover!important;
}

/* Keep tiny avatars readable on phones; no layout-size changes. */
@media(max-width:680px){
  .classic-member-avatar{
    box-shadow:0 0 0 1px #fff,0 1px 2px rgba(24,66,103,.12)!important;
  }
}