This PR is a cherry-pick of #63779 to release/10.6.

Original PR Description

Changes proposed in this Pull Request:

• Updates various CSS rules to prevent the admin dashboard displaying incorrectly in WordPress 7.0
• The changes are conditionally applied if WP >= 7.0
• Inline comments explain each rule change.

Closes WOOPLUG-6412
Closes WOOPLUG-6442

Screenshots or screen recordings:

Order list

Before	After	6.9

Individual Order

Before	After	6.9

Individual order refund

Before	After	6.9

Individual Product publish metabox

Before	After	6.9

Individual product details

Before	After	6.9

Before	After	6.9

Before	After	6.9

Coupons

Before	After	6.9

Settings

Before	After	6.9

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Set your store up to use WordPress 7.0 (beta5)
2. Visit each of the sections screenshotted above, and ensure they display correctly, no poorly sized controls, nothing out of alignment etc.
3. Look for visual inconsistencies across any admin surface, compared to when viewed WordPress 6.9
4. Downgrade to WordPress 6.9
5. Ensure the styling of these admin surfaces looks the same as it did before these changes
6. Click around the admin and ensure nothing looks out of place, general smoke testing of your team's areas of responsibility would be good.

Testing that has already taken place:

Milestone

• Automatically assign milestone for the next WooCommerce version

Note: Check the box above to have the milestone automatically assigned when merged.
Alternatively (e.g. for point releases), manually assign the appropriate milestone.

Changelog entry

• Automatically create a changelog entry from the details below.

• This Pull Request does not require a changelog entry. (Comment required below)