/*
 * Small style patch for Freemius's own Account / Pricing screens
 * (admin.php?page=whochanged-account, page=whochanged-pricing).
 *
 * These pages are rendered entirely by the Freemius SDK, not by WhoChanged
 * itself — this file only nudges a few details to match the rest of the
 * plugin's admin UI:
 *   1. The cart icon and "Upgrade" label stay on one line, vertically centered.
 *   2. The Upgrade button's color follows the site's WP Admin color scheme
 *      (var(--wp-admin-theme-color)) instead of a fixed blue, so it matches
 *      whatever accent color the admin has chosen under Users > Profile.
 *   3. The Name/Email/User ID/Plugin ID/Site ID/Keys/Version values in the
 *      "Account Details" table use the same theme color instead of the
 *      SDK's hardcoded #0073aa.
 */

#fs_account .fs-upgrade,
#fs_account .button-upgrade {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

#fs_account .fs-upgrade .dashicons,
#fs_account .button-upgrade .dashicons {
	line-height: 1;
}

.wp-core-ui #fs_account .button-primary.fs-upgrade,
.wp-core-ui #fs_account .button-primary.button-upgrade {
	background: var(--wp-admin-theme-color, #2271b1);
	border-color: var(--wp-admin-theme-color, #2271b1);
}

.wp-core-ui #fs_account .button-primary.fs-upgrade:hover,
.wp-core-ui #fs_account .button-primary.button-upgrade:hover,
.wp-core-ui #fs_account .button-primary.fs-upgrade:focus,
.wp-core-ui #fs_account .button-primary.button-upgrade:focus {
	background: var(--wp-admin-theme-color-darker-10, #135e96);
	border-color: var(--wp-admin-theme-color-darker-10, #135e96);
}

#fs_account .fs-key-value-table code,
#fs_account .fs-key-value-table input[type="text"],
#fs_account .fs-key-value-table var {
	color: var(--wp-admin-theme-color, #2271b1);
}
