/* Reduce Chat Image Sizes */

/* Images in chat messages */
.tk-list li .tk-message img,
.sb-list li .sb-message img,
.tk-message img,
.sb-message img {
    max-width: 200px !important;
    max-height: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: transform 0.2s ease !important;
}

/* Hover effect to preview larger */
.tk-list li .tk-message img:hover,
.sb-list li .sb-message img:hover,
.tk-message img:hover,
.sb-message img:hover {
    transform: scale(1.1);
    z-index: 100;
    position: relative;
}

/* Image attachments in messages */
.tk-list .tk-image,
.sb-list .sb-image,
.tk-message .tk-image,
.sb-message .sb-image {
    max-width: 200px !important;
    max-height: 200px !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

/* Media/attachment previews */
.tk-list .tk-message .tk-attachments img,
.sb-list .sb-message .sb-attachments img {
    max-width: 150px !important;
    max-height: 150px !important;
    margin: 4px !important;
    border-radius: 6px !important;
}

/* Profile images - keep smaller */
.tk-list .tk-profile img,
.sb-list .sb-profile img {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
}

/* Lightbox images - keep original size */
.tk-lightbox img,
.sb-lightbox img,
.tk-lightbox-img,
.sb-lightbox-img {
    max-width: 90vw !important;
    max-height: 90vh !important;
}

/* Video thumbnails */
.tk-list .tk-message video,
.sb-list .sb-message video {
    max-width: 250px !important;
    max-height: 200px !important;
    border-radius: 8px !important;
}

/* GIFs and animations */
.tk-list .tk-message img[src*=".gif"],
.sb-list .sb-message img[src*=".gif"] {
    max-width: 200px !important;
    max-height: 200px !important;
}

/* Stickers and emojis in messages */
.tk-list .tk-message img.tk-emoji,
.sb-list .sb-message img.sb-emoji {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

/* WhatsApp-style media groups */
.tk-message-media-group img,
.sb-message-media-group img {
    max-width: 100px !important;
    max-height: 100px !important;
    margin: 2px !important;
}