/**
 * Element Plus ships global resets (box-sizing, margins on html/body-level
 * selectors) meant for a page it fully owns. We only own one div inside
 * wp-admin, not the whole page, so those global rules would otherwise leak
 * out and could visibly break wp-admin's own menu/toolbar/other-plugin UI.
 * Element Plus's components are themed via CSS custom properties (--el-*),
 * so re-scoping those to our mount point (rather than :root) keeps the
 * theme local without needing to fork their stylesheet.
 *
 * Authority for accent: design_handoff_chargeforms/README.md — #6c4ef5
 * (violet), never the reference product blue #1a7efb. Fallbacks must match so a missing
 * --fc-primary inheritance path cannot paint the Forms list blue.
 */
#chargeforms-vue-forms-list {
	--el-color-primary: var(--fc-primary, #6c4ef5);
	--el-color-success: var(--fc-success, #00805c);
	--el-color-warning: var(--fc-warning, #8a6d2f);
	--el-color-danger: var(--fc-danger, #ff6154);
	--el-color-error: var(--fc-danger, #ff6154);
	--el-color-info: var(--fc-info, #4b4c4d);
	--el-border-radius-base: var(--fc-radius-md, 7px);
	--el-border-radius-small: var(--fc-radius-sm, 4px);
	--el-font-family: var(--fc-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);

	all: initial;
	display: block;
	font-family: var(--fc-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	color: var(--fc-text, #1e1f21);
}

#chargeforms-vue-forms-list *,
#chargeforms-vue-forms-list *::before,
#chargeforms-vue-forms-list *::after {
	box-sizing: border-box;
}