.document-thumbnail-list {
    width: {{ thumbnail_width }}px;
    margin: auto;
}

.document-thumbnail-list a.fancybox span.instance-image-widget span.lazyload-spinner-container {
    height: 100% !important;
}

.document-thumbnail-list div.text-center div.fa-4x {
    font-size: 0px;
}

/* Embedding metadata status styling - Pill-shaped badge */
.metadata-display span[data-metadata-type-name="embedding"] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
    line-height: 1.4;
    white-space: nowrap;
    vertical-align: middle;
}

/* Text content wrapper - no animation */
.metadata-display span[data-metadata-type-name="embedding"] .embedding-text-content {
    display: inline-block;
}

/* In Progress / Inprogres status - Orange/Brown (#E3CBAD) */
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="inprogress"],
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="inprogres"],
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="inprogress"],
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="inprogres"] {
    background-color: #E3CBAD;
    color: #000000;
}

.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="inprogress"] .embedding-text-content,
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="inprogres"] .embedding-text-content,
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="inprogress"] .embedding-text-content,
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="inprogres"] .embedding-text-content {
    color: #000000;
}

/* Failed status - Red (#FF0000) */
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="failed"],
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="failed"] {
    background-color: #FF0000;
    color: #ffffff;
}

.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="failed"] .embedding-text-content,
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="failed"] .embedding-text-content {
    color: #ffffff;
}

/* Completed status - Green (#233A33) */
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="completed"],
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="completed"] {
    background-color: #233A33;
    color: #ffffff;
}

.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value="completed"] .embedding-text-content,
.metadata-display span[data-metadata-type-name="embedding"][data-metadata-value*="completed"] .embedding-text-content {
    color: #ffffff;
}