@use "@automattic/jetpack-base-styles/admin-page-layout" as *;

// Page-level invocation of the shared admin-page layout. Enqueued by
// class-admin-ui.php on the modernized VideoPress dashboard page so
// every route inherits the proper scrollable chrome (fixed-position
// `#wpbody-content`, scrollable middle, pinned footer) regardless of
// whether the route uses DashboardLayout. See class-admin-ui.php's
// `enqueue_admin_scripts()` for the enqueue, and the route stylesheets
// (e.g. routes/video/style.scss) for the route-local rules that build
// on top of this shell.
body.jetpack_page_jetpack-videopress {

	// `…-wp-build` rather than `…-page-layout` because the modernized
	// dashboard mounts `@wordpress/admin-ui` 2.x components (notably
	// `<Breadcrumbs>`) whose semantic markup collides with wp-admin's
	// global `ul li` / `a` rules. The `-wp-build` variant layers those
	// defensive resets on top of the shared layout.
	@include jetpack-admin-page-layout-wp-build;

	// Canvas background for the modernized dashboard. AdminPage's
	// `showBackground` default paints `.jp-admin-page` with `--jp-white`
	// (pure white); the modernized design uses a subtle off-white instead.
	// Override here so all three routes (Overview, Library, Settings) and
	// the Video details page share the same surface without each one
	// needing to opt-out of `showBackground`.
	&,
	.jp-admin-page {
		background-color: var(--vp-page-bg-canvas, #fcfcfc);
	}
}
