/* Host-page layout for Persona's full-screen assistant surface. */

html {
	height: 100%;
}

body.persona-chat-fullscreen-page {
	min-height: 100%;
	margin: 0;
	overflow: hidden;
}

.persona-chat-fullscreen-shell {
	width: 100%;
	height: 100vh;
	height: 100dvh;
	min-height: 0;
}

.persona-chat-fullscreen-shell .persona-chat-root {
	width: 100%;
	height: 100%;
	min-height: 0;
}

.persona-chat-fullscreen-unavailable {
	box-sizing: border-box;
	display: grid;
	align-content: center;
	width: min(100% - 48px, 680px);
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.persona-chat-fullscreen-unavailable h1 {
	margin: 0 0 8px;
}

.persona-chat-fullscreen-unavailable p {
	margin: 0;
}

/* Keep WordPress's front-end admin bar available without creating page scroll. */
body.admin-bar .persona-chat-fullscreen-shell {
	height: calc(100vh - 32px);
	height: calc(100dvh - 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar .persona-chat-fullscreen-shell {
		height: calc(100vh - 46px);
		height: calc(100dvh - 46px);
	}
}