/**
 * Full-viewport TAC shells use height: 100vh on .app. The WP admin bar is fixed
 * and 100vh still counts the full viewport, so the header/icons can sit under
 * #wpadminbar. Shrink .app to the visible area below the bar.
 *
 * WordPress sets --wp-admin--admin-bar--height on body when the bar is shown
 * (32px desktop, 46px <=782px). Fallbacks match core admin-bar.css.
 */
body.tac-trader-route.admin-bar .app {
	height: calc(100vh - var(--wp-admin--admin-bar--height, 32px)) !important;
	max-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
}

@media screen and (max-width: 782px) {
	body.tac-trader-route.admin-bar .app {
		height: calc(100vh - var(--wp-admin--admin-bar--height, 46px)) !important;
		max-height: calc(100vh - var(--wp-admin--admin-bar--height, 46px));
	}
}