/* Ligne de conversion compacte et alignée */
@media (min-width: 768px) {
    #ing-purchase-conversions .tuco-conv-value-col {
        flex: 0 0 250px !important;
        width: 250px !important;
        max-width: 250px !important;
    }

    #ing-purchase-conversions .tuco-conv-save-col {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
    }
}

/* Champ quantité + unité */
#ing-purchase-conversions
.tuco-conv-value-col .input-group {
    height: 46px !important;
    overflow: hidden !important;

    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--filter-surface) !important;
    box-shadow: none !important;
}

#ing-purchase-conversions
.tuco-conv-value-col .form-control {
    height: 44px !important;
    min-width: 0 !important;
    padding: 0 16px !important;

    border: none !important;
    border-radius: 0 !important;
    background: var(--filter-surface) !important;
    box-shadow: none !important;

    color: #4f5559 !important;
    font-size: 16px !important;
}

#ing-purchase-conversions
.tuco-conv-value-col .input-group-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 44px !important;
    padding: 0 12px !important;

    border: none !important;
    border-left: 1px solid var(--border) !important;
    border-radius: 0 !important;
    background: var(--surface-2) !important;

    color: var(--text-muted) !important;
    font-size: 16px !important;
}

#ing-purchase-conversions
.tuco-conv-value-col .input-group:focus-within {
    border-color: #45bf75 !important;
    box-shadow: 0 0 0 2px rgba(69, 191, 117, 0.12) !important;
}

/* Bouton aligné sur le champ */
#ing-purchase-conversions
.tuco-conv-save-col .btn {
    height: 46px !important;
    padding: 0 22px !important;
    border-radius: var(--radius-md) !important;
}

/* Mobile : contrôles sur toute la largeur */
@media (max-width: 767.98px) {
    #ing-purchase-conversions .tuco-conv-value-col,
    #ing-purchase-conversions .tuco-conv-save-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    #ing-purchase-conversions
    .tuco-conv-value-col .input-group {
        width: 100% !important;
    }
}