/* CSS for Image Library Admin */

/* Thumbnail styling in list view */
.image-thumbnail {
    border-radius: 4px;
    object-fit: cover;
}

/* Preview styling in detail view */
.image-preview {
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Form styling */
.image-library-form .form-row {
    margin-bottom: 15px;
}

.image-library-form .help {
    font-size: 11px;
    color: #666;
    margin-top: 5px;
}

/* Usage count styling */
.usage-count {
    font-weight: bold;
    color: #0066cc;
}

.usage-count.high {
    color: #cc0000;
}

/* Category badges */
.category-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.category-badge.logo {
    background-color: #e8f4f8;
    color: #2c6e92;
}

.category-badge.article {
    background-color: #f0f8e8;
    color: #5a7c3a;
}

.category-badge.banner {
    background-color: #fef4e8;
    color: #d2691e;
}

.category-badge.icon {
    background-color: #f8e8f8;
    color: #8b4c8b;
}

.category-badge.screenshot {
    background-color: #e8f8f4;
    color: #3a7c5a;
}

.category-badge.photo {
    background-color: #f4e8f8;
    color: #923c92;
}

.category-badge.other {
    background-color: #f0f0f0;
    color: #666;
}

/* SVG support */
.svg-preview {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

.svg-preview object {
    width: 100%;
    height: 100%;
}

/* SVG thumbnails in admin */
.image-thumbnail object {
    background: #f5f5f5;
    border-radius: 4px;
}

.image-preview object {
    background: #f5f5f5;
    border-radius: 4px;
}

/* Category badges */
.category-badge.svg {
    background-color: #f3e8ff;
    color: #7c3aed;
}