.ea4v-loading-skeleton {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background: #fff;
    overflow: hidden;
    z-index: 10;
}

/* Removed initial height hack because it's no longer absolute */

.ea4v-loading-skeleton .skeleton-preview {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
}

.ea4v-loading-skeleton .ts-preview-media {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    border-radius: 8px;
}

.ea4v-loading-skeleton .ts-preview-details {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-grow: 1;
    padding-top: 5px;
}

.ea4v-loading-skeleton .ts-preview-title {
    height: 24px;
    width: 100%;
    border-radius: 4px;
}

.ea4v-loading-skeleton .ts-preview-content {
    height: 16px;
    width: 70%;
    border-radius: 4px;
}

.ea4v-loading-skeleton .ts-preview-content.line-2 {
    width: 90%;
}

/* Real Shimmer Animation */
.ea4v-skeleton-anim {
    background: #e2e8f0;
    background: linear-gradient(90deg,
            #e2e8f0 0%,
            #f8fafc 50%,
            #e2e8f0 100%);
    background-size: 200% 100%;
    animation: ea4v-shimmer 1.5s infinite linear;
}

@keyframes ea4v-shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.ea4v-connected-feed .ts-preview {
    cursor: pointer;
}

.ea4v-ajax-post-no-content {
    padding: 20px;
    text-align: center;
}

.ea4v-ajax-template-wrapper {
    position: relative;
    min-height: 20px;
}

/* Removed empty container hack */


.ea4v-ajax-card {
    cursor: pointer;
}

/* Responsive Toggle Mode CSS */
.ea4v-post-feed-toggled {
    display: none !important;
}

.ea4v-ajax-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ea4v-sticky-back-btn {
    position: sticky;
    z-index: 99;
}