/* Selection surface only: neutral mid-gray exposes both light and dark pictograms. */
body.safety-labels-builder #pictorial-modal .custom-pictorial-selection,
body.safety-labels-builder #custom-builder-current-pictorial-display {
    background-color: #757575 !important;
    background-image: none !important;
    border: 1px solid #616161;
    border-radius: 4px;
}
body.safety-labels-builder #pictorial-modal .custom-pictorial-selection:hover,
body.safety-labels-builder #pictorial-modal .custom-pictorial-selection.active {
    outline: 3px solid #2196f3;
    outline-offset: -3px;
}

/* Contain the floated tiles so the footer starts after the complete final row. */
body.safety-labels-builder #custom-builder-pictorial-section {
    display: flow-root;
    padding-bottom: 12px;
}
body.safety-labels-builder #pictorial-modal > .modal-footer {
    clear: both;
}
/* Reserve thumbnail space before lazy-loaded images arrive, preventing scroll jumps. */
body.safety-labels-builder #pictorial-modal .custom-pictorial-selection {
    aspect-ratio: 1;
}
body.safety-labels-builder #pictorial-modal .custom-pictorial-selection img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}