/* V4.2.17 - isolated profile addon; stable LiveKit/app core untouched */
.registerGenderWrap{margin:0 0 14px}.registerGenderWrap>label{display:block;margin-bottom:8px}.genderChoice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.genderChoice button{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#0b121c;color:#dce7f5;cursor:pointer;font-weight:900}.genderChoice button.selected{border-color:#6f74ff;box-shadow:0 0 0 3px rgba(111,116,255,.14);background:#11182a}.genderChoice img{width:42px;height:42px;border-radius:50%;object-fit:cover}.registerGenderWrap>small{display:block;margin-top:7px;color:#8598b2;font-size:11px}
.animatedProfileAddon{margin-top:16px;padding:16px;border:1px solid rgba(126,93,255,.22);border-radius:18px;background:linear-gradient(180deg,rgba(103,67,220,.08),rgba(255,255,255,.025))}.animatedAddonHead{display:flex;align-items:center;justify-content:space-between;gap:14px}.animatedAddonHead b{display:block;color:#fff;font-size:15px}.animatedAddonHead small{display:block;color:#94a7c0;font-size:11px;margin-top:4px;line-height:1.5}.animatedToggle{display:flex!important;align-items:center;gap:7px!important;white-space:nowrap}.animatedToggle input{width:auto!important}.animatedAddonPreview{margin:13px 0;min-height:82px;display:grid;place-items:center;border-radius:14px;background:rgba(0,0,0,.13);overflow:hidden;color:#8699b1;font-size:12px}.animatedAddonPreview img{display:block;width:100%;max-height:140px;object-fit:contain;background:transparent}
#peopleList .person.animatedListProfile .avatar{width:92px!important;min-width:92px!important;height:46px!important;border-radius:10px!important;background:none!important;border:0!important;overflow:hidden;padding:0!important;box-shadow:none!important}#peopleList .person.animatedListProfile .animatedListGif{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
@media(max-width:760px){#peopleList .person.animatedListProfile .avatar{width:78px!important;min-width:78px!important;height:40px!important}.genderChoice{grid-template-columns:1fr}}

/* V4.2.18 member room join stability + visible logout */
.addonCoreFallback{display:none!important}
.portalRoomTabs .portalLogoutTab{border-color:rgba(239,83,80,.22)!important;color:#ffb5b2!important;background:rgba(239,83,80,.06)!important}
.portalRoomTabs .portalLogoutTab:hover{background:rgba(239,83,80,.15)!important;color:#fff!important}
.portalRoomTabs .portalLogoutTab:disabled{opacity:.55;pointer-events:none}
.addonRoomRole{font-weight:800;color:#d9e3f2}

/* V4.2.20 - ONLY animated user-list row visual hotfix.
   If an animated GIF exists, hide name/status/role and let the GIF use the
   same visual width as the Online/VIP/Talep tab strip. Core room/mic/avatar
   behaviour is intentionally untouched. */
#peopleList .person.animatedListProfile{
  display:block!important;
  width:100%!important;
  padding:6px 4px!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
#peopleList .person.animatedListProfile:hover{
  background:transparent!important;
}
#peopleList .person.animatedListProfile .personInfo,
#peopleList .person.animatedListProfile .personRole{
  display:none!important;
}
#peopleList .person.animatedListProfile .avatar{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  height:auto!important;
  aspect-ratio:2 / 1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#peopleList .person.animatedListProfile .animatedListGif{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
@media(max-width:760px){
  #peopleList .person.animatedListProfile .avatar{
    width:100%!important;
    min-width:100%!important;
    height:auto!important;
    aspect-ratio:2 / 1!important;
  }
}