/* Fix only image display - leave everything else untouched */
.tk-message-media .tk-image img {
    max-width: 300px !important;
    max-height: 400px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.tk-message-media .tk-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.tk-message-media {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* AGGRESSIVE FIX - Override the .tk-loading opacity: 0 issue */
.tk-list.tk-loading div,
.tk-list.tk-loading ul,
.tk-list.tk-loading h1,
.tk-list.tk-loading h2,
.tk-list.tk-loading h3,
.tk-list.tk-loading h4,
.tk-list.tk-loading p,
.tk-list.tk-loading span,
.tk-list.tk-loading table,
.tk-list.tk-loading a {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make sure all messages are visible */
.tk-list .tk-message {
    opacity: 1 !important;
    visibility: visible !important;
    color: #566069 !important;
}

.tk-list .tk-cnt {
    opacity: 1 !important;
    visibility: visible !important;
}

.tk-list .tk-time {
    opacity: 0.9 !important;
    visibility: visible !important;
}

/* Fix white background on media messages */
.tk-list .tk-message-media {
    background: transparent !important;
}

/* Ensure text in messages is always visible */
.tk-list > div > .tk-cnt > .tk-message {
    color: #566069 !important;
    opacity: 1 !important;
}

.tk-list > div.tk-right > .tk-cnt > .tk-message {
    color: #212529 !important;
    opacity: 1 !important;
}

/* Force visibility on all message content */
.tk-list > div {
    opacity: 1 !important;
}

.tk-list > div * {
    visibility: visible !important;
}