/* ============================================================
   DISTINCT ITEM ARTWORK
   Uses /wwwroot/icons/items/*.svg
   ============================================================ */

/*
 * Smooth scaling preserves the line detail in the original vector icons.
 */
.mc-item-icon img,
.mc-selected-product-icon img,
.mc-material-icon img,
.mc-build-item-icon img,
.mc-crafting-step-icon img,
.mc-preference-icon {
    display: block;
    object-fit: contain;
    image-rendering: auto;
}

/* Item selector cards */
.mc-item-icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
}

.mc-item-icon img {
    width: 52px;
    height: 52px;
}

/* Selected item in Quantity panel */
.mc-selected-product-icon img {
    width: 52px;
    height: 52px;
}

/* Recipe / raw material rows */
.mc-material-icon img {
    width: 34px;
    height: 34px;
}

/* Build List rows */
.mc-build-item-icon img {
    width: 36px;
    height: 36px;
}

/* Crafting Plan rows */
.mc-crafting-step-icon img {
    width: 32px;
    height: 32px;
}

/* Ingredient preference dropdown preview */
.mc-preference-control {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

.mc-preference-icon {
    width: 40px;
    height: 40px;
    padding: 4px;

    background: #11161c;
    border: 1px solid var(--mc-border);
    border-radius: 8px;
}

.mc-preference-control .mc-preference-select {
    min-width: 0;
}