/**
 * Customify Pro bridge — Settings page styling.
 *
 * Mirrors the dashboard-kit hero/card visual treatment so the
 * legacy-style Pro module settings form sits visually next to the
 * V2 dashboard surface users come from. CSS variables (`--pmdk-*`)
 * resolve to dashboard-kit values when its stylesheet is also on
 * the page; otherwise the inline fallbacks keep the look stable.
 */

.customify-pro-bridge-settings.wrap {
	max-width: 1100px;
	margin: 0 auto;
	background: var(--pmdk-hero-bg, #fff);
	border-radius: var(--pmdk-hero-radius, 8px);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	padding: var(--pmdk-hero-padding, 48px);
	box-sizing: border-box;
}

/* WP's default .wrap top notices area pushes our card flush against
   the admin bar — give it a small breathing gap so the shadow ring
   doesn't clip into the wp-admin chrome. */
.customify-pro-bridge-settings.wrap {
	margin-top: 24px;
}

.customify-pro-bridge-settings.wrap h1 {
	margin: 0 0 16px;
	padding: 0;
	font-size: 24px;
	line-height: 1.3;
}

.customify-pro-bridge-settings.wrap > p:first-of-type {
	/* "Back to dashboard" link row. */
	margin: 0 0 24px;
}

.customify-pro-bridge-settings.wrap form {
	margin-top: 8px;
}