Custom CSS Not Applying to woocommerce_email_order_meta Content in Email Custom

Hi VillaTheme team,

I’m currently using your Email Customizer plugin for WooCommerce, and I’m displaying appointment-related data using the woocommerce_email_order_meta hook. The meta content appears correctly in the email, and I’m using a

list to format details such as appointment ID, service, date, and provider.

However, I’m running into an issue:
Even though I add custom CSS inside the Email Customizer’s Custom CSS panel — for example:

.woocommerce-email ul {
  list-style: none !important;
  text-align: left !important;
}
.woocommerce-email ul li {
  margin-bottom: 6px;
}

…it doesn’t apply at all to the meta fields. The bullet points remain visible, and text alignment stays centered. I also tried targeting .woocommerce-email-order-meta ul, but that didn’t work either.

Question:
Is there a reliable way to apply custom CSS to the HTML output generated by woocommerce_email_order_meta, or is that section excluded from the scope of the customizer’s CSS engine?

Also, is there a best practice for customizing the layout of these meta fields — ideally without having to hardcode inline styles into every meta value?

Thank you in advance!

Best regards,