/* Owner requested SECONDARY NAMES (only if saved) + real numeric LEVEL
   directly next to each member's name in the classic ranking rows.
   Uses exactly the approved blue circular badge from member profiles.
   Do not alter the reputation rank, scores, dates, sorting or row dividers. */
.ejabat-ranked-identity {
 display:inline-flex!important;
 direction:rtl!important;
 align-items:center!important;
 justify-content:flex-start!important;
 vertical-align:middle!important;
 gap:4px!important;
 max-width:100%!important;
 min-width:0!important;
 flex:0 1 auto!important;
 flex-wrap:nowrap!important;
 white-space:normal!important;
 line-height:1.45!important;
}
.ejabat-ranked-identity .ejabat-ranked-member-link {
 display:inline-block!important;
 min-width:0!important;
 max-width:100%!important;
 flex:0 1 auto!important;
 padding:0!important;
 margin:0!important;
 overflow-wrap:anywhere!important;
 white-space:normal!important;
 line-height:inherit!important;
 text-align:right!important;
}
.ejabat-ranked-identity a.ejabat-ranked-member-link{
 color:inherit!important;
 text-decoration:none!important;
}
.ejabat-ranked-identity a.ejabat-ranked-member-link:hover{
 text-decoration:underline!important;
}
.ejabat-ranked-identity .ejabat-ranked-secondary-name{
 color:#728aa1!important;
 font-size:.88em!important;
 font-weight:normal!important;
 white-space:normal!important;
}
.ejabat-ranked-identity>.arch-profile-level-badge.ejabat-ranked-level{
 display:inline-grid!important;
 place-items:center!important;
 flex:0 0 19px!important;
 width:19px!important;
 min-width:19px!important;
 max-width:19px!important;
 height:19px!important;
 min-height:19px!important;
 max-height:19px!important;
 border-radius:50%!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 background:#317ab7!important;
 color:#fff!important;
 font:700 11px/1 "Ejaaba Noto Naskh Arabic",Tahoma,Arial,sans-serif!important;
 vertical-align:middle!important;
 box-sizing:border-box!important;
}

/* Exactly the original thin three white rank panels on HOME. */
.archive-home-main .arch-rankings .arch-ranked-row
 .arch-ranked-person>.ejabat-ranked-identity{
 max-width:100%!important;
}
.archive-home-main .arch-rankings .arch-ranked-row
 .arch-ranked-person>.ejabat-ranked-identity .ejabat-ranked-member-link{
 color:#2a73b7!important;
 font-size:inherit!important;
}
.archive-home-main .arch-rankings .arch-ranked-row
 .arch-ranked-person>.ejabat-ranked-identity .ejabat-ranked-secondary-name{
 color:#6686a3!important;
}
.archive-home-main .arch-rankings .arch-ranked-row
 .arch-ranked-person small.ejabat-ranked-answer-author{
 display:inline-flex!important;
 align-items:center!important;
 flex-wrap:wrap!important;
 gap:4px!important;
 white-space:normal!important;
}
.archive-home-main .arch-rankings .arch-ranked-row
 .ejabat-ranked-answer-author .ejabat-ranked-member-link{
 font-size:inherit!important;
}
.archive-home-main .arch-rankings .arch-ranked-row
 .ejabat-ranked-answer-author .ejabat-ranked-level{
 flex-basis:16px!important;
 width:16px!important;
 min-width:16px!important;
 max-width:16px!important;
 height:16px!important;
 min-height:16px!important;
 max-height:16px!important;
 font-size:9px!important;
}
.archive-home-main .arch-rankings .ejabat-home-member-summary
 .ejabat-home-last-member{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 min-width:0!important;
 max-width:75%!important;
 flex:0 1 auto!important;
}
.archive-home-main .arch-rankings .ejabat-home-member-summary
 .ejabat-home-last-member .ejabat-ranked-member-link{
 color:#2e75b9!important;
}

/* The full /leaders and /members pages use the same circle without adding
   a row or changing their columns or medals. */
.ejabat-board-name>.ejabat-ranked-identity{
 min-width:0!important;
 max-width:calc(100% - 34px)!important;
 flex:0 1 auto!important;
}
.ejabat-board-name>.ejabat-ranked-identity .ejabat-ranked-member-link{
 color:#3778b2!important;
}
.ejabat-weekly-meta>.ejabat-ranked-identity{
 max-width:100%!important;
}
.member-table .ejabat-ranked-identity{
 max-width:100%!important;
}
.member-table .ejabat-ranked-identity .ejabat-ranked-member-link{
 color:#3076ad!important;
}
/* A sidebar leader is already one big clickable anchor. The identity macro
   emits a NON-link <span> inside it; no nested <a> tags are created. */
.leader-body>.ejabat-ranked-identity{
 max-width:100%!important;
}
.leader-body>.ejabat-ranked-identity .ejabat-ranked-member-link{
 color:#2c70ab!important;
}
.ejabat-weekly-sidebar-row small>.ejabat-ranked-identity .ejabat-ranked-level{
 flex-basis:15px!important;
 width:15px!important;
 min-width:15px!important;
 max-width:15px!important;
 height:15px!important;
 min-height:15px!important;
 max-height:15px!important;
 font-size:9px!important;
}
@media(max-width:500px){
 .archive-home-main .arch-rankings .arch-ranked-person{
  gap:4px!important;
 }
 .archive-home-main .arch-rankings .ejabat-ranked-identity{
  gap:3px!important;
 }
 .archive-home-main .arch-rankings
 .ejabat-ranked-identity>.arch-profile-level-badge.ejabat-ranked-level{
  flex-basis:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  font-size:10px!important;
 }
 .archive-home-main .arch-rankings .arch-ranked-row
 .ejabat-ranked-answer-author .ejabat-ranked-level{
  flex-basis:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  width:16px!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  font-size:9px!important;
 }
}