/* Client/user avatar — green circle with user silhouette */
.i-custom-public-avatar-user {
  background-color: #10a37f !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 12a4.8 4.8 0 1 0 0-9.6 4.8 4.8 0 0 0 0 9.6zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8V21h19.2v-1.8c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center 40% !important;
  background-size: 58% !important;
  border-radius: 9999px !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.h-10.w-10.shrink-0:has(.i-custom-public-avatar-user),
.h-8.w-8.shrink-0:has(.i-custom-public-avatar-user),
.h-9.w-9.shrink-0:has(.i-custom-public-avatar-user) {
  border-radius: 9999px !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
}

/* Round bot icon hosts */
[data-avro-robot="1"],
.h-10.w-10.shrink-0:not(:has(.i-custom-public-avatar-user)),
.h-8.w-8.shrink-0:not(:has(.i-custom-public-avatar-user)),
.h-9.w-9.shrink-0:not(:has(.i-custom-public-avatar-user)) {
  border-radius: 9999px !important;
  overflow: hidden !important;
}