/**
 * Public Desktop page chrome (Module 6; trimmed in the CSS-loading fix).
 *
 * This file is intentionally minimal — it only contains what genuinely
 * cannot live in the shared admin/css/desktop-view.css because it
 * applies to the standalone HTML document itself (html/body reset,
 * the mobile notice), not to any Desktop View component. Every visual
 * aspect of the app itself — spacing, fonts, card sizes, borders,
 * shadows, table styling, buttons, chips, the filter bar — comes
 * entirely from the exact same admin/css/desktop-view.css and
 * admin/css/dashboard.css files the wp-admin page uses, with zero
 * overrides here. Font-family is intentionally NOT set here — it's
 * already set once, identically, by .y2b-dv-wrap in the shared CSS.
 *
 * The other half of this fix is
 * Y2B_Public_Desktop::remove_conflicting_styles(), which dequeues the
 * active theme's own stylesheet (and any other plugin's global CSS) on
 * this one route — that, not this file, was the real source of the
 * visual mismatch, since wp-admin has no "theme" to interfere in the
 * first place.
 */

html,
body.y2b-public-body {
	margin: 0;
	padding: 0;
	background: #f8fafc;
}

.y2b-public-app {
	max-width: 1700px;
	margin: 0 auto;
	padding: 16px 20px 40px;
}

/* "Click to Home" link — a small, unobtrusive pill above the app,
   letting visitors get back to the main site without reintroducing
   the active theme's own header (which this page deliberately doesn't
   load, to stay fast and free of theme CSS conflicts). */
.y2b-public-home-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 14px 0 0 20px;
	padding: 7px 14px;
	background: #fff;
	border: 1.5px solid #cbd5e1;
	border-radius: 20px;
	color: #2563eb;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba( 15, 23, 42, 0.05 );
}

.y2b-public-home-link:hover {
	background: #eff6ff;
	border-color: #93c5fd;
}

.y2b-public-home-link svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
}

/**
 * Basic Content Protection (Module 9), CSS half. Scoped strictly to
 * `.y2b-public-app` — which only exists on this standalone public page
 * template, never inside wp-admin — so the admin Desktop View page is
 * completely unaffected regardless of this file only being enqueued
 * here anyway. Form fields (the search box, every dropdown) are
 * explicitly exempted so typing, selecting, and editing inside them
 * works exactly as before.
 */
.y2b-public-app,
.y2b-public-app * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.y2b-public-app input,
.y2b-public-app select,
.y2b-public-app textarea {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

/* Requirement 10: mobile/tablet visitors see only this message instead
   of the full application. 1024px is used as the desktop/laptop cutoff. */
.y2b-public-mobile-notice {
	display: none;
}

@media ( max-width: 1024px ) {
	.y2b-public-app {
		display: none;
	}

	.y2b-public-mobile-notice {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 100vh;
		padding: 40px 24px;
		text-align: center;
		font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	}

	.y2b-public-mobile-notice p {
		max-width: 360px;
		font-size: 1.05rem;
		font-weight: 600;
		color: #1e3a8a;
		line-height: 1.6;
		background: #eff6ff;
		border: 1.5px solid #bfdbfe;
		border-radius: 12px;
		padding: 24px 20px;
		margin: 0;
	}
}