/* One contact row; system insets remain managed by chat-layout.css. */
body.vobixConversation .vobixBrandbar { display: none !important; }
body.vobixConversation:not(.vobixSeniorMode) .vobixTopbar {
  flex: 0 0 auto; min-height: 60px; gap: 2px; padding: 6px 4px;
}
body.vobixConversation:not(.vobixSeniorMode) .vobixTopbar :is(.vobixBackButton,.vobixIconButton) {
  flex: 0 0 48px; width: 48px; min-width: 48px; height: 48px;
  padding: 0; display: grid; place-items: center; border: 0;
}
/* Keep the shared compact back style from shrinking the conversation target. */
html body.vobixConversation .vobixTopbar .vobixVisibleBack:not([hidden]) {
  flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important;
  height: 48px !important; min-height: 48px !important;
}
body.vobixConversation .vobixTopbar #sendPhotoButton { display: none !important; }
body.vobixConversation:not(.vobixSeniorMode) .vobixTopbar .avatar {
  display: grid; flex: 0 0 40px; width: 40px; min-width: 40px; height: 40px;
  border: 0; font-size: 18px; margin-right: 6px;
}
/* Legacy background shorthands reset cover/center and show only the corner
   of a full-resolution profile photo inside the small header circle. */
body.vobixConversation .vobixTopbar .avatar.hasPhoto {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 50%; overflow: hidden;
}
body.vobixConversation:not(.vobixSeniorMode) .vobixIdentity { flex: 1 1 0; min-width: 0; gap: 2px; }
body.vobixConversation:not(.vobixSeniorMode) .vobixIdentity strong {
  font-size: 16px; font-weight: 600; line-height: 1.3; letter-spacing: 0;
}
body.vobixConversation:not(.vobixSeniorMode) .vobixIdentity #vobixConnectionStatus {
  font-size: 11px; line-height: 1.25;
}
body.vobixConversation:not(.vobixSeniorMode) .vobixIconButton svg { width: 22px; height: 22px; }
body.vobixConversation .vobixTopbar #chatOptionsButton { font-size: 26px; font-weight: 500; }
html[data-vobix-font=large] body.vobixConversation .vobixIdentity strong { font-size: 18px; }
html[data-vobix-font=xlarge] body.vobixConversation .vobixIdentity strong { font-size: 20px; }
@layer vobixLight {
  body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar {
    background: #fff !important; color: #17232c !important; border-color: #e9eef2 !important;
    box-shadow: 0 1px 3px #132c4010; backdrop-filter: none;
  }
  body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar :is(strong,.vobixBackButton,.vobixIconButton,.vobixIconButton *) {
    color: #17232c !important;
  }
  body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar .vobixIdentity span {
    color: #596b76 !important;
  }
  body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar .networkIndicator.offline { color: #2b5fa2 !important; }
  body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar .networkIndicator.limited { color: #77500d !important; }
  body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar .avatar { background-color: #e5f3ff !important; }
}
@media (forced-colors: active) {
  @layer vobixLight {
    body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar { background: Canvas !important; }
    body.vobixConversation:not(.seniorHighContrast):not(.contrast) .vobixTopbar :is(strong,.vobixBackButton,.vobixIconButton,.vobixIconButton *,span) { color: CanvasText !important; }
  }
}


.vxConversationAvatar{position:relative;overflow:hidden}
.vxConversationAvatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:inherit}