/* Dimensions finales des champs de l’ingrédient */
@media (min-width: 768px) {
    #ing-purchase-card > .row.g-3 {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-end !important;
        gap: 14px !important;
        margin: 0 !important;
    }

    #ing-purchase-card > .row.g-3 > .ing-col-name {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    #ing-purchase-card > .row.g-3 > .ing-col-unit {
        flex: 0 0 90px !important;
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;
        padding: 0 !important;
    }

    #ing-purchase-card > .row.g-3 > .ing-col-loss {
        flex: 0 0 78px !important;
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
        padding: 0 !important;
    }

    #ing-purchase-card .ing-col-unit label,
    #ing-purchase-card .ing-col-loss label {
        white-space: nowrap !important;
    }
}

/* Hauteur identique */
#ing-purchase-card #ing-f-name.form-control,
#ing-purchase-card #ing-f-loss.form-control,
#ing-purchase-card #ing-f-unit,
#ing-purchase-card #ing-f-unit > .Select,
#ing-purchase-card #ing-f-unit .Select-control {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
}

/* Coins et apparence identiques */
#ing-purchase-card #ing-f-name.form-control,
#ing-purchase-card #ing-f-loss.form-control,
#ing-purchase-card #ing-f-unit .Select-control {
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--input-surface) !important;
    box-shadow: none !important;
}

#ing-purchase-card #ing-f-name,
#ing-purchase-card #ing-f-loss {
    padding: 0 12px !important;
    line-height: 42px !important;
}

#ing-purchase-card #ing-f-unit .Select-control {
    overflow: hidden !important;
}

#ing-purchase-card #ing-f-unit .Select-value,
#ing-purchase-card #ing-f-unit .Select-placeholder,
#ing-purchase-card #ing-f-unit .Select-input,
#ing-purchase-card #ing-f-unit .Select-value-label {
    height: 42px !important;
    line-height: 42px !important;
}

/* Aucun bouton haut/bas dans Perte */
#ing-purchase-card #ing-f-loss {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

#ing-purchase-card #ing-f-loss::-webkit-inner-spin-button,
#ing-purchase-card #ing-f-loss::-webkit-outer-spin-button {
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}