.msg-image-wrap{
  margin-top:8px;
}

.msg-image{
  display:block;
  max-width:100%;
  max-height:420px;
  width:auto;
  height:auto;
  border-radius:12px;
  border:1px solid #dce3eb;
  object-fit:contain;
  background:#f8fafc;
}

.msg-image{
  cursor:zoom-in;
  transition:opacity .15s ease;
}

.msg-image:hover{
  opacity:.92;
}

#chatImageLightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:32px;
  background:rgba(3,10,20,.88);
  backdrop-filter:blur(3px);
}

#chatImageLightbox.show{
  display:flex;
}

.chat-image-lightbox-image{
  display:block;
  max-width:min(1200px,92vw);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  box-shadow:0 25px 80px rgba(0,0,0,.5);
}

.chat-image-lightbox-close{
  position:fixed;
  top:18px;
  right:22px;
  z-index:2;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#1677ff;
  color:#fff;
  font-size:25px;
  line-height:36px;
  cursor:pointer;
}

@media(max-width:768px){
  #chatImageLightbox{
    padding:12px;
  }

  .chat-image-lightbox-image{
    max-width:96vw;
    max-height:86vh;
  }
}

.chat-messages{
  overflow-anchor:none;
}