/* CHATCITO DEV — SILUETAS REALES EN MENSAJES */

/* Solo avatares de conversación, nunca nicklist */
.kiwi-messagelist
.kiwi-messagelist-message-privmsg
.kiwi-messagelist-modern-left[data-cc-shape] {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  background: none !important;
}

/* Contorno de la misma forma que la fotografía */
.kiwi-messagelist
.kiwi-messagelist-message-privmsg
.kiwi-messagelist-modern-left[data-cc-shape]::before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  top: -2px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: var(--cc-avatar-outline) !important;
  -webkit-mask: var(--cc-avatar-mask) center / contain no-repeat !important;
  mask: var(--cc-avatar-mask) center / contain no-repeat !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* La foto ocupa la silueta completa */
.kiwi-messagelist
.kiwi-messagelist-message-privmsg
.kiwi-messagelist-modern-left[data-cc-shape] img,
.kiwi-messagelist
.kiwi-messagelist-message-privmsg
.kiwi-messagelist-modern-left[data-cc-shape] .kiwi-avatar {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;

  -webkit-mask: var(--cc-avatar-mask) center / contain no-repeat !important;
  mask: var(--cc-avatar-mask) center / contain no-repeat !important;
}

/* En móvil mantenemos las proporciones */
@media (max-width: 700px) {
  .kiwi-messagelist
  .kiwi-messagelist-message-privmsg
  .kiwi-messagelist-modern-left[data-cc-shape]::before {
    width: 36px !important;
    height: 36px !important;
  }

  .kiwi-messagelist
  .kiwi-messagelist-message-privmsg
  .kiwi-messagelist-modern-left[data-cc-shape] img,
  .kiwi-messagelist
  .kiwi-messagelist-message-privmsg
  .kiwi-messagelist-modern-left[data-cc-shape] .kiwi-avatar {
    flex-basis: 33px !important;
    width: 33px !important;
    height: 33px !important;
    min-width: 33px !important;
    max-width: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
  }
}