/*
 * Dashboard overrides for the Red fileuploader thumbnails theme: light background to match Vuexy,
 * and fixed-size tiles so the uploader also works in narrow columns (service icon, about page).
 */
.fileuploader {
    background: var(--bs-gray-50, #f8f7fa) !important;
    border: 1px dashed var(--bs-border-color, #dbdade);
    border-radius: 6px;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    width: 120px;
    height: 120px;
    padding-top: 0;
    margin: 12px 0 12px 12px;
}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image img {
    object-fit: contain;
}

/* The plugin's add tile is light by default. */
[data-bs-theme="dark"] .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}