/*
  ListFlowIQ Persistent Thumbnail Guard
  Purpose: Keep batch/listing shell photos compact even when later packages update app.css.
  Do not remove this file unless the thumbnail system is redesigned.
*/

/* Batch detail listing-shell thumbnails */
.listing-shells img,
.listing-shell img,
.listing-card img,
.listing-shell-card img,
.shell-photo-grid img,
.shell-photos img,
.listing-photo-grid img,
.listing-photo-thumb img,
.batch-listing-photo img,
.photo-thumb img {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Containers for listing shell thumbnails */
.shell-photo-grid,
.shell-photos,
.listing-photo-grid,
.batch-listing-photos {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: flex-start !important;
}

/* Prevent cards from stretching because of photos */
.listing-shell,
.listing-card,
.listing-shell-card {
    overflow: hidden;
}

/* Manual unassigned-photo selector thumbnails can be a little bigger, but still controlled */
.unassigned-photo-grid img,
.manual-photo-grid img,
.photo-select-grid img {
    width: 90px !important;
    height: 90px !important;
    max-width: 90px !important;
    max-height: 90px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Edit listing page can use larger previews where detail matters */
.listing-edit-photos img,
.edit-photo-grid img,
.detail-photo-grid img {
    width: 140px;
    height: 140px;
    max-width: 140px;
    max-height: 140px;
    object-fit: cover;
    border-radius: 10px;
}