@charset "UTF-8";

:root
	{
		--safe-area-inset-top:env(safe-area-inset-top, 0px);
		--safe-area-inset-right:env(safe-area-inset-right, 0px);
		--safe-area-inset-bottom:env(safe-area-inset-bottom, 0px);
		--safe-area-inset-left:env(safe-area-inset-left, 0px);
	}

body
	{
		overflow-y:auto;
		background-color:#7eaa58;
		margin: 0px;
		
	}

body.logged-out
	{
		min-height:100vh;
		min-height:100dvh;
	}

body.logged-in
	{
		background-image:none;
		box-sizing:border-box;
		padding-top:var(--safe-area-inset-top);
		padding-right:var(--safe-area-inset-right);
		padding-bottom:var(--safe-area-inset-bottom);
		padding-left:var(--safe-area-inset-left);
	}

html.supported-gameplay-viewport,
body.supported-gameplay-viewport
	{
		overscroll-behavior:none;
	}

*
	{
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	
p
	{
		padding: 0px;
		margin: 0px;
	}
	
.frame
	{
		position:relative;
		padding: 0px;
		border: 0px;
		/*border:10px black solid;*/
		margin: 0px auto;
	}

.support
	{
		position:relative;
		padding: 0px;
		border: 0px;
		/*border:5px red solid;*/
		margin: 0px;
	}


#header_panel
	{
		min-width:0;
		max-width:1024px;
		height: 45px;
		background-color:white;
	}

#viewport_fit_frame
	{
		position:relative;
		margin:0 auto;
	}

body.viewport-fit-active #viewport_fit_frame
	{
		width:var(--viewport-fit-visual-inline-size);
		height:var(--viewport-fit-visual-block-size);
		margin-top:var(--viewport-fit-block-offset);
	}

body.viewport-fit-active #application_shell
	{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		transform:scale(var(--viewport-fit-scale));
		transform-origin:top left;
	}

body.header-presentation-corner #header_panel
	{
		position:absolute;
		z-index:400;
		top:0;
		left:50%;
		box-sizing:border-box;
		height:0;
		padding:0;
		border:0;
		background:transparent;
		pointer-events:none;
		transform:translateX(-50%);
	}

body.header-presentation-corner #header_metadata,
body.header-presentation-corner #logo
	{
		display:none;
	}

body.header-presentation-corner #user_menu
	{
		width:70px;
		height:45px;
		z-index:410;
		pointer-events:auto;
		overflow-x:clip;
		overflow-y:visible;
		clip-path:polygon(0 0,70px 0,70px 70px,58px 70px,58px 12px,0 12px);
		transition:width 180ms ease-out, clip-path 0ms linear 180ms;
	}

body.header-presentation-corner #user_menu::before
	{
		position:absolute;
		z-index:2;
		left:0;
		top:0;
		box-sizing:border-box;
		width:70px;
		height:70px;
		border:0;
		filter:drop-shadow(-2px 2px 2px color-mix(in srgb, var(--color-page) 42%, transparent));
		clip-path:polygon(0 0,70px 0,70px 70px,58px 70px,58px 12px,0 12px);
		content:"";
	}

body.mode-real.header-presentation-corner #user_menu::before
	{
		background:color-mix(in srgb, var(--color-surface-elevated) 68%, var(--color-text));
	}

body.mode-simulation.header-presentation-corner #user_menu::before
	{
		background:color-mix(in srgb, var(--color-surface-elevated) 55%, var(--color-text));
	}

body.header-presentation-corner:not(.header-corner-revealed) #header_username
	{
		display:none;
	}

body.header-presentation-corner.header-corner-revealed #user_menu,
body.header-presentation-corner #user_menu:has(:focus-visible)
	{
		width:140px;
		clip-path:none;
		transition:width 180ms ease-out, clip-path 0ms linear;
	}

body.header-presentation-corner.header-corner-revealed #user_menu::before,
body.header-presentation-corner #user_menu:has(:focus-visible)::before
	{
		display:none;
	}

body.header-presentation-corner.header-corner-revealed #header_username,
body.header-presentation-corner #user_menu:has(:focus-visible) #header_username
	{
		display:block;
	}

body.header-presentation-corner #profile_menu_panel
	{
		z-index:420;
	}

body.header-presentation-corner #user_menu:has(#profile_menu_panel:not([hidden]))
	{
		overflow:visible;
	}

@media (prefers-reduced-motion:reduce)
	{
		body.header-presentation-corner #user_menu
			{
				transition:none;
			}
	}

#application_shell
	{
		min-width:0;
		max-width:1024px;
		height:621px;
		box-sizing:border-box;
	}

#panel_laboratory
	{
		box-sizing:border-box;
		width:min(1024px, 100vw);
		margin:3px auto;
		padding:8px;
		border:2px solid #102d3c;
		background:#f7f3e8;
		color:#20301d;
		font:14px/1.3 system-ui, sans-serif;
	}

#panel_laboratory[hidden]
	{
		display:none;
	}

body.panel-configuration-active #application_shell
	{
		display:flex;
		height:auto;
		min-height:0;
		padding-top:0;
		flex-direction:column;
	}

body.panel-configuration-active #panel_laboratory
	{
		order:1;
	}

body.panel-configuration-active #controller,
body.panel-configuration-active #header_panel.panel_laboratory_subject
	{
		order:2;
	}

body.panel-configuration-active #header_panel:not(.panel_laboratory_subject)
	{
		display:none !important;
	}

#panel_laboratory #user_menu
	{
		position:relative;
		width:116px;
		height:29px;
		margin-left:auto;
	}

.panel_laboratory_header,
.panel_laboratory_controls,
.panel_laboratory_presets
	{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		gap:8px;
		margin-bottom:6px;
	}

.panel_laboratory_header output
	{
		margin-left:auto;
		font-weight:bold;
	}

.panel_laboratory_controls label
	{
		display:flex;
		align-items:center;
		gap:5px;
	}

.panel_laboratory_controls input[type="number"]
	{
		width:70px;
	}

#panel_laboratory_diagnostics
	{
		min-height:1.3em;
		font-weight:bold;
	}

#panel_laboratory_diagnostics[data-outcome="rejected"]
	{
		color:#9a2418;
	}

#panel_laboratory_diagnostics[data-outcome="warning"]
	{
		color:#8a5500;
	}

/* Release-specific composition; shared information chrome is in information-panels.css. */
#release_notes_panel {
 --information-dialog-max-width:1200px;
 height:min(100dvh, max(320px, calc(100dvh - 16px)));
}
#release_notes_panel[open] { display:flex; flex-direction:column; }
#release_notes_title { flex:0 1 auto; }
#release_notes_close { flex:none; min-width:64px; min-height:44px; }
#release_notes_navigation {
	flex:1;
	min-width:80px;
	overflow:hidden;
	padding:4px 0;
	overscroll-behavior:contain;
	scrollbar-width:thin;
}
#release_notes_tabs {
	position:relative;
	display:grid;
	grid-template-columns:repeat(var(--release-count, 4), 1fr);
	min-width:0;
	touch-action:pan-y;
	user-select:none;
	cursor:grab;
}
#release_notes_tabs button {
	position:relative;
	min-width:0;
	min-height:44px;
	padding:8px 12px;
	white-space:nowrap;
	border:1px solid var(--information-border);
	border-radius:0;
	background:var(--information-control);
	color:var(--information-ink);
	font:500 14px/1.3 var(--information-font);
	cursor:grab;
}
#release_notes_tabs button[aria-pressed="true"] {
	background:var(--information-accent);
	color:var(--information-surface);
	font-weight:750;
	text-decoration:underline;
	text-underline-offset:4px;
	border-bottom-color:var(--information-accent);
}
#release_notes_tabs button:focus-visible { outline:2px solid var(--information-accent); outline-offset:-4px; }
#release_notes_tabs button[aria-pressed="true"]:focus-visible { outline-color:var(--information-surface); }
#release_notes_tabs.is-condensed button { padding-inline:2px; }
#release_notes_tabs[hidden], #release_notes_select[hidden] { display:none; }
#release_notes_select {
	box-sizing:border-box;
	width:100%;
	min-width:0;
	min-height:44px;
	padding:6px 2px;
	border:1px solid var(--information-border);
	border-radius:4px;
	background:var(--information-control);
	color:var(--information-ink);
	font:500 14px/1.3 var(--information-font);
}
#release_notes_select:focus-visible { outline:2px solid var(--information-accent); outline-offset:-4px; }
#release_notes_thumb {
	position:absolute;
	top:0;
	bottom:0;
	box-sizing:border-box;
	border:2px solid var(--information-accent);
	border-radius:4px;
	background:transparent;
	z-index:1;
	pointer-events:none;
}
#release_notes_content {
	flex:1;
	min-height:0;
	min-width:0;
	overflow:clip;
	background:var(--information-backdrop);
}
#release_notes_track { display:flex; height:100%; width:max-content; }
#release_notes_panel .release_notes_column {
	flex:none;
	width:var(--release-column-width, 800px);
	height:100%;
	box-sizing:border-box;
	border:1px solid var(--information-border);
	padding:16px;
	background:var(--information-surface);
	overflow-y:auto;
	overflow-x:hidden;
	overscroll-behavior:contain;
	overflow-wrap:anywhere;
}
#release_notes_panel .release_notes_column:focus-visible { outline:2px solid var(--information-accent); outline-offset:-4px; }
#release_notes_panel .release_notes_column h3 { margin:0; font:600 18px/1.4 var(--information-font); }
#release_notes_panel .release_notes_column small { display:block; font:400 13px/1.5 var(--information-font); }
.release_notes_visually_hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.release_toc { margin:0 0 32px; padding-left:28px; font:600 16px/1.6 var(--information-font); }
.release_toc li { padding:8px 0; }
.release_toc_description { margin:4px 0 0; font:400 14px/1.55 var(--information-font); }
#release_notes_panel .release_notes_column .release_section_heading {
	margin:-16px -16px 16px;
	padding:12px 16px;
	border-bottom:1px solid var(--information-border);
	background:var(--information-control);
	font:650 20px/1.3 var(--information-font);
}
#release_notes_panel .release_stories .release_section_heading {
	margin-top:24px;
	border-top:4px solid var(--information-accent);
}
#release_notes_panel a, #release_notes_panel summary { color:var(--information-accent); text-underline-offset:3px; }
#release_notes_panel a:focus-visible, #release_notes_panel summary:focus-visible { outline:2px solid var(--information-accent); outline-offset:2px; }
.release_story { margin-bottom:48px; font:400 16px/1.55 var(--information-font); }
#release_notes_panel .release_story h4 { margin:0; font:600 24px/1.25 var(--information-font); }
.release_description { margin:18px 0 10px; }
.release_caption { margin:0 0 20px; font-size:14px; }
.release_comparison + .release_comparison { margin-top:32px; padding-top:24px; border-top:1px solid var(--information-border); }
.release_pair_heading { margin:0 0 12px; font-size:18px; line-height:1.4; }
.release_pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.release_pair figure { margin:0; min-width:0; border:1px solid var(--information-border); border-radius:8px; overflow:hidden; }
.release_pair figcaption { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px; border-bottom:1px solid var(--information-border); font-size:14px; }
.release_pair figcaption a { margin-left:auto; font-size:12px; }
.release_image_well { padding:12px; display:flex; justify-content:center; background:var(--information-control); }
.release_pair img { display:block; max-width:100%; height:auto; object-fit:contain; }
.release_pair details { padding:12px; border-top:1px solid var(--information-border); font-size:13px; }
.release_pair summary { cursor:pointer; }
.release_pair details img { margin-top:12px; }
.release_load_status { padding:16px; }

.technical_laboratory
	{
		--laboratory-ink:#173027;
		--laboratory-surface:#f3f0df;
		--laboratory-surface-strong:#e4e8d6;
		--laboratory-border:#24483a;
		box-sizing:border-box;
		width:min(1024px, 100vw);
		margin:3px auto;
		padding:8px;
		border:2px solid var(--laboratory-border);
		background:var(--laboratory-surface);
		color:var(--laboratory-ink);
		font:14px/1.3 system-ui, sans-serif;
	}

.technical_laboratory button:not(#viewport_simulator_screen *),
.technical_laboratory input:not(#viewport_simulator_screen *),
.technical_laboratory output:not(#viewport_simulator_screen *),
.technical_laboratory fieldset:not(#viewport_simulator_screen *),
.technical_laboratory legend:not(#viewport_simulator_screen *),
.technical_laboratory label:not(#viewport_simulator_screen *)
	{
		color:var(--laboratory-ink);
		font-family:system-ui, sans-serif;
	}

.technical_laboratory button:not(#viewport_simulator_screen *)
	{
		border:1px solid var(--laboratory-border);
		border-radius:4px;
		background:var(--laboratory-surface-strong);
	}

.technical_laboratory[hidden]
	{
		display:none;
	}

#action_icon_laboratory
	{
		position:fixed;
		z-index:1000;
		inset:8px;
		box-sizing:border-box;
		width:auto;
		height:auto;
		margin:0;
		overflow:auto;
	}

body.action-icon-laboratory-active #header_panel,
body.action-icon-laboratory-active #controller
	{
		display:none !important;
	}

#action_icon_laboratory .technical_laboratory_header > div,
.action_icon_name
	{
		display:flex;
		flex-direction:column;
		gap:2px;
	}

.action_icon_laboratory_note
	{
		margin:8px 0;
	}

#action_icon_laboratory_gallery
	{
		display:block;
		gap:10px;
	}

.action_icon_mode,
.catalog_icon_palette
	{
		--action-icon-ink:#173027;
		--action-icon-accent:#477f3d;
		--action-icon-produce:#bf4035;
		--action-icon-leaf:#477f3d;
		--action-icon-coin:#e0ac2f;
		--action-icon-basket:#86642d;
		--action-icon-basket-fill:#63451f;
		--action-icon-seed:#9a682b;
		--action-icon-garden-frame:#86642d;
		--action-icon-garden-frame-fill:#d4944a;
		--action-icon-garden-soil:#5d3c21;
		--action-icon-garden-rim:#f2c46d;
		--action-icon-tech:#59685f;
		--action-icon-highlight:#f7fff4;
		--action-icon-control:#e5eadc;
		--action-icon-border:#45633f;
	}

.action_icon_mode
	{
		display:grid;
		grid-template-columns:repeat(auto-fit, minmax(410px, 1fr));
		gap:8px;
		margin-bottom:10px;
		padding:8px;
		border:2px solid var(--action-icon-border);
		background:#f4f1e7;
		color:var(--action-icon-ink);
	}

.action_icon_mode--real
	{
		--color-text:#20301d;
		--color-control:#4f7f3f;
		--color-control-text:#ffffff;
		--color-control-disabled:#c3c8c0;
		--color-control-disabled-text:#667060;
		--color-border:#71866a;
		--color-border-strong:#315b27;
		--color-surface-solid:#fffdf8;
		--color-chart-health:#477a35;
		--color-chart-yield:#397fa8;
		--color-chart-tomato:#9b3e2b;
		--color-chart-credit:#a87716;
		--color-chart-seed:#648c45;
	}

.action_icon_mode--simulation,
body.mode-simulation .catalog_icon_palette
	{
		--color-text:#e9f3fa;
		--action-icon-ink:#dbeaf6;
		--action-icon-accent:#76d6a0;
		--action-icon-produce:#ff7481;
		--action-icon-leaf:#75d291;
		--action-icon-coin:#e0ac2f;
		--action-icon-basket:#d2a765;
		--action-icon-basket-fill:#e5c689;
		--action-icon-seed:#9a682b;
		--action-icon-garden-frame:#d2a765;
		--action-icon-garden-frame-fill:#8c6130;
		--action-icon-garden-soil:#5b3c25;
		--action-icon-garden-rim:#f0cf8f;
		--action-icon-tech:#b9d3e5;
		--action-icon-highlight:#132430;
		--action-icon-control:#1d3444;
		--action-icon-border:#7895a7;
	}

.action_icon_mode--simulation
	{
		--color-control:#225b78;
		--color-control-text:#f4f8fb;
		--color-control-disabled:#303b47;
		--color-control-disabled-text:#84919d;
		--color-border:#425466;
		--color-border-strong:#65829a;
		--color-surface-solid:#141c26;
		--color-chart-health:#76d6a0;
		--color-chart-yield:#65c9ff;
		--color-chart-tomato:#ff7481;
		--color-chart-credit:#f2c84c;
		--color-chart-seed:#d7bd67;
		background:#101d28;
	}

.action_icon_mode h2 { grid-column:1 / -1; margin:0; }

.action_icon_row
	{
		display:block;
		padding:7px;
		border:1px solid color-mix(in srgb, var(--action-icon-border) 55%, transparent);
	}

.action_icon_name { gap:3px; margin-bottom:5px; }
.action_icon_name small { opacity:.75; }

.action_icon_state
	{
		display:grid;
		grid-template-columns:160px 48px 48px 108px;
		gap:6px;
		min-height:184px;
		align-items:start;
		padding:3px 0;
	}

.action_icon_state_label
	{
		grid-column:1 / -1;
		font-weight:700;
	}

.action_icon_specimen
	{
		display:flex;
		box-sizing:border-box;
		padding:4px;
		align-items:center;
		justify-content:center;
		border:2px solid var(--color-border-strong) !important;
		background:var(--color-control) !important;
		color:var(--color-control-text) !important;
	}

.action_icon_mode .action_icon_specimen:disabled
	{
		background:var(--color-control-disabled) !important;
		color:var(--color-control-disabled-text) !important;
		cursor:default;
	}

.action_icon_mode--real .action_icon_specimen { border-radius:8px !important; }
.action_icon_mode--simulation .action_icon_specimen { border-radius:0 !important; }

.action_icon_mode--real .semantic_action_control
	{ --action-icon-basket:#86642d; --action-icon-basket-fill:#63451f; }
.action_icon_mode--simulation .semantic_action_control
	{ --action-icon-basket:#d2a765; --action-icon-basket-fill:#e5c689; }

.action_icon_mode .action_icon_specimen[data-action-state="potential"]:disabled
	{
		border-style:dashed !important;
		border-color:var(--color-chart-yield) !important;
		opacity:.8;
	}

.action_icon_mode--real .semantic_action_control:not(:disabled)
	{
		--action-icon-accent:color-mix(in srgb, var(--color-control-text) 82%, var(--color-chart-health));
		--action-icon-leaf:color-mix(in srgb, var(--color-control-text) 82%, var(--color-chart-health));
	}

.action_icon_specimen--wide { width:160px; height:48px; }
.action_icon_specimen--square { width:48px; height:48px; }
.action_icon_specimen--tall { width:48px; height:160px; }
.action_icon_specimen--roomy { width:108px; height:108px; }

.resource_ribbon_lab_row
	{
		grid-column:1 / -1;
	}

.resource_ribbon_lab_specimens
	{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		gap:10px;
	}

.resource_ribbon_specimen
	{
		box-sizing:border-box;
		max-width:100%;
		height:31px;
		padding:2px 4px;
		border:1px solid var(--color-border);
		background:var(--color-surface-subtle);
		color:var(--color-text);
		container:resource-ribbon / inline-size;
	}

.action_icon_mode--real .resource_ribbon_specimen { border-radius:9px; }
.action_icon_mode--simulation .resource_ribbon_specimen { border-radius:0; }

.action_icon
	{
		display:block;
		width:min(96px, 100%);
		height:min(96px, 100%);
		flex:none;
		overflow:visible;
	}

.action_icon_specimen--wide .action_icon--wide-trade
	{
		width:100%;
	}

.action_icon [data-tone]
	{
		vector-effect:non-scaling-stroke;
		stroke:var(--action-icon-ink);
		stroke-width:2.5;
		stroke-linecap:round;
		stroke-linejoin:round;
	}

.action_icon [data-tone="accent"] { stroke:var(--action-icon-accent); }
.action_icon [data-tone="produce"] { color:var(--action-icon-produce); stroke:var(--action-icon-produce); }
.action_icon [data-tone="leaf"] { color:var(--action-icon-leaf); stroke:var(--action-icon-leaf); }
.action_icon [data-tone="leaf-fill"] { color:var(--action-icon-leaf); fill:currentColor; stroke:none; }
.action_icon [data-tone="tech-fill"] { color:var(--action-icon-tech); fill:currentColor; stroke:none; }
.action_icon [data-tone="tech-surface"]
	{ color:color-mix(in srgb, var(--action-icon-tech) 72%, var(--color-surface-solid)); fill:currentColor; stroke:none; }
.action_icon [data-tone="ground"] { stroke:var(--action-icon-seed); }
.action_icon [data-tone="coin"],
.resource_entity_icon [data-tone="coin"]
	{ color:var(--action-icon-coin); stroke:var(--action-icon-coin); fill:var(--action-icon-coin); }
.action_icon [data-tone="coin-detail"],
.resource_entity_icon [data-tone="coin-detail"]
	{ stroke:color-mix(in srgb, var(--action-icon-coin) 58%, var(--action-icon-highlight)); }
.action_icon [data-tone="coin-shine"],
.resource_entity_icon [data-tone="coin-shine"] { stroke:var(--action-icon-highlight); }
.action_icon text[data-tone="coin"],
.resource_entity_icon text[data-tone="coin"]
	{ fill:var(--action-icon-highlight); stroke:none; font:bold 10px/1 Arial,sans-serif; }
.action_icon [data-tone="basket"] { stroke:var(--action-icon-basket); }
.action_icon [data-tone="basket-fill"] { color:var(--action-icon-basket-fill); stroke:none; }
.action_icon [data-tone="seed"] { color:var(--action-icon-seed); stroke:var(--action-icon-seed); }
.action_icon [data-tone="seed-shadow"],
.resource_entity_icon [data-tone="seed-shadow"]
	{ stroke:color-mix(in srgb, var(--action-icon-seed) 58%, #3b2812); stroke-width:1.2; }
.action_icon [data-tone="tech"] { color:var(--action-icon-tech); stroke:var(--action-icon-tech); }
.action_icon [data-tone="tool-handle"] { stroke:var(--action-icon-accent); stroke-width:6; }
.action_icon [data-tone="tool-accent"] { stroke:var(--action-icon-accent); }
.action_icon [data-tone="packet"] { stroke:var(--action-icon-seed); }
.action_icon [data-tone="highlight"] { stroke:var(--action-icon-highlight); }
.action_icon [data-tone="garden-frame"] { stroke:var(--action-icon-garden-frame); }
.action_icon [data-tone="garden-frame-fill"] { color:var(--action-icon-garden-frame-fill); stroke:none; }
.action_icon [data-tone="garden-soil"] { color:var(--action-icon-garden-soil); stroke:none; }
.action_icon [data-tone="garden-rim"] { stroke:var(--action-icon-garden-rim); }
.action_icon [data-composed-primitive="garden"] [data-tone]
	{ vector-effect:none; }
.action_icon [data-composed-primitive="garden"] [data-tone="garden-frame"],
.action_icon [data-composed-primitive="garden"] [data-tone="garden-rim"],
.action_icon [data-composed-primitive="garden"] [data-tone="garden-post"],
.action_icon [data-composed-primitive="garden"] [data-tone="garden-post-cap"]
	{ stroke-width:1.4; }
.action_icon [data-tone="garden-post"]
	{
		color:var(--action-icon-garden-frame-fill);
		fill:currentColor;
		stroke:var(--action-icon-garden-frame);
	}
.action_icon [data-tone="garden-post-cap"]
	{
		color:var(--action-icon-garden-rim);
		fill:currentColor;
		stroke:var(--action-icon-garden-frame);
	}

@media (max-width:760px)
	{
		.action_icon_mode { grid-template-columns:1fr; }
		.action_icon_state { grid-template-columns:160px 48px 48px 108px; }
	}

/* Action Icon Laboratory: one ownership catalog, paired mode comparisons. */
#action_icon_laboratory_gallery
	{
		display:grid;
		grid-template-columns:minmax(240px, 300px) minmax(900px, 1fr);
		gap:10px;
		align-items:start;
	}

.action_icon_primitive_nav
	{
		grid-column:1 / -1;
		display:flex;
		flex-wrap:wrap;
		gap:6px;
		padding:7px;
		border:1px solid var(--color-border);
		background:var(--color-surface-subtle);
	}

.action_icon_primitive_button
	{
		display:flex;
		min-height:44px;
		padding:4px 9px;
		align-items:center;
		gap:6px;
	}

.action_icon_primitive_button[aria-pressed="true"]
	{
		outline:3px solid var(--color-focus, #d97632);
		outline-offset:1px;
	}

.action_icon_primitive_button svg
	{
		width:26px;
		height:26px;
		flex:none;
	}

.action_icon_consumer_trace
	{
		position:sticky;
		top:0;
		max-height:calc(100vh - 120px);
		overflow:auto;
		padding:9px;
		border:1px solid var(--color-border);
		background:var(--color-surface-solid);
	}

.action_icon_consumer_trace ul
	{
		display:grid;
		gap:5px;
		margin:7px 0 0;
		padding:0;
		list-style:none;
	}

.action_icon_consumer_trace_groups,
.action_icon_consumer_group_body
	{
		display:grid;
		gap:8px;
	}

.action_icon_consumer_trace_group > h3,
.action_icon_consumer_group > h3
	{
		margin:0;
		padding:5px 7px;
		border-left:5px solid var(--laboratory-accent,#d97632);
		background:var(--laboratory-surface-strong);
		font-size:14px;
	}

.action_icon_consumer_trace_group > h3
	{
		position:sticky;
		top:-9px;
		z-index:1;
	}

.action_icon_consumer_trace li
	{
		padding:0;
		border-bottom:1px solid color-mix(in srgb, var(--color-border) 45%, transparent);
	}

.action_icon_consumer_link
	{
		display:block;
		width:100%;
		min-height:44px;
		box-sizing:border-box;
		padding:5px;
		text-align:left;
		color:inherit;
	}

.action_icon_consumer_trace li.is-active .action_icon_consumer_link
	{
		outline:3px solid var(--color-focus, #d97632);
		outline-offset:-3px;
		background:color-mix(in srgb,var(--laboratory-surface-strong) 70%,var(--color-focus, #d97632));
	}

.action_icon_consumer_ownership
	{
		display:inline-block;
		padding:1px 4px;
		font-size:11px;
		border:1px solid currentColor;
	}

.action_icon_consumer_ownership--independent
	{
		color:#a34823;
	}

.action_icon_consumer_profile,
.action_icon_consumer_stroke,
.action_icon_consumer_conformance
	{
		display:inline-block;
		margin-left:4px;
		padding:1px 4px;
		font-size:11px;
		border:1px solid color-mix(in srgb,currentColor 55%,transparent);
	}

.action_icon_consumer_profile { color:var(--color-text); }
.action_icon_consumer_stroke { color:var(--color-text-muted); }
.action_icon_consumer_conformance--canonical { color:#326c36; }
.action_icon_consumer_conformance--intentional-variant { color:#856b13; }
.action_icon_consumer_conformance--audit-required { color:#a34823; }
.action_icon_audit_summary
	{
		margin:3px 0 6px;
		font-size:12px;
		font-weight:bold;
	}

.action_icon_comparison_grid
	{
		display:grid;
		gap:9px;
		min-width:900px;
	}

.action_icon_comparison
	{
		display:grid;
		grid-template-columns:1fr;
		gap:5px;
		padding:7px;
		border:1px solid var(--color-border);
		background:var(--color-surface-solid);
	}

.action_icon_comparison[hidden] { display:none; }

.action_icon_comparison.is-active
	{
		outline:4px solid var(--color-focus,#d97632);
		outline-offset:-4px;
		background:color-mix(in srgb,var(--color-surface-solid) 88%,var(--color-focus,#d97632));
	}

.action_icon_consumer_group
	{
		display:grid;
		gap:6px;
		padding:0 0 8px;
		border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);
		background:color-mix(in srgb,var(--color-surface-subtle) 72%,transparent);
	}

.action_icon_consumer_group[hidden] { display:none; }
.action_icon_consumer_group_body { padding:0 7px; }

.action_icon_primitive_row[hidden] { display:none; }

.action_icon_vocabulary
	{
		border-width:2px;
	}

.action_icon_primitive_ladder
	{
		display:grid;
		grid-template-columns:repeat(5, minmax(58px, 1fr));
		gap:6px;
		align-items:end;
	}

.action_icon_primitive_swatch
	{
		display:flex;
		min-width:0;
		min-height:108px;
		align-items:center;
		justify-content:center;
		border:1px solid color-mix(in srgb, var(--action-icon-border) 55%, transparent);
		background:color-mix(in srgb, var(--color-surface-solid) 78%, transparent);
	}

.action_icon_primitive_swatch svg
	{
		width:min(var(--primitive-size), 100%);
		height:min(var(--primitive-size), 100%);
		max-width:96px;
		max-height:96px;
	}

.action_icon_primitive_monochrome
	{
		--primitive-size:12px;
		color:var(--action-icon-ink);
	}

.action_icon_primitive_monochrome svg [data-tone]
	{
		color:currentColor;
		stroke:currentColor;
	}

.action_icon_primitive_monochrome svg [fill="currentColor"],
.action_icon_primitive_monochrome svg text[data-tone]
	{
		fill:currentColor;
	}

.action_icon_overlay_comparison
	{
		grid-template-columns:1fr 1fr;
	}

.action_icon_dedicated_consumer
	{
		grid-template-columns:1fr 1fr;
	}

.action_icon_dedicated_consumer > header { grid-column:1 / -1; }

.action_icon_weekly_specimen
	{
		display:grid;
		width:112px;
		grid-template-rows:repeat(3, 22px);
		border:1px solid var(--action-icon-border);
	}

.action_icon_tooltip_specimen
	{
		box-sizing:border-box;
		width:420px;
		max-width:100%;
		padding:7px 9px;
		border:1px solid var(--color-border-strong);
		border-radius:4px;
		background:var(--color-surface-solid);
		color:var(--color-text);
		font-size:11px;
		line-height:1.4;
		white-space:nowrap;
	}

.action_icon_equipment_specimen
	{
		display:block;
		position:relative;
		width:160px;
		height:96px;
		overflow:hidden;
		border:1px solid var(--action-icon-border);
		background:var(--action-icon-control);
	}

.action_icon_equipment_specimen .garden_equipment_overlay
	{
		position:absolute;
		inset:0;
		width:100%;
		height:100%;
		fill:none;
		stroke-width:2.4;
		stroke-linecap:round;
		stroke-linejoin:round;
	}

.action_icon_equipment_specimen [data-tone="tech"]
	{ color:var(--action-icon-tech); stroke:currentColor; }
.action_icon_equipment_specimen [data-tone="tech-fill"]
	{ color:var(--action-icon-tech); fill:currentColor; stroke:none; }
.action_icon_equipment_specimen [data-tone="tech-surface"]
	{ color:color-mix(in srgb, var(--action-icon-tech) 72%, var(--color-surface-solid)); fill:currentColor; stroke:none; }
.action_icon_navigation_specimen
	{
		display:flex;
		width:160px;
		height:48px;
		align-items:center;
		justify-content:center;
		color:var(--action-icon-ink);
	}

.action_icon_navigation_specimen .timeline_navigation_symbol
	{
		width:28px;
		height:28px;
		fill:none;
		stroke:currentColor;
		stroke-width:2.4;
		stroke-linecap:round;
		stroke-linejoin:round;
	}

.action_icon_navigation_specimen .timeline_navigation_symbol--advance-filled
	[data-navigation-part="advance"]
	{
		fill:currentColor;
		stroke:none;
	}

.action_icon_overlay_comparison > header { grid-column:1 / -1; }

.action_icon_production_overlay
	{
		position:relative;
		width:100%;
		height:252px;
		box-sizing:border-box;
		overflow:hidden;
		border:1px solid var(--action-icon-border);
		background:var(--color-surface-solid);
	}

.action_icon_production_overlay.timeline_overlay_surface--resource
	{ height:220px; }

.action_icon_comparison > header
	{
		display:flex;
		align-items:baseline;
		gap:8px;
	}

.action_icon_comparison > header small { opacity:.72; }

.action_icon_state
	{
		display:grid;
		grid-template-columns:125px minmax(360px, 1fr) minmax(360px, 1fr);
		gap:6px;
		min-height:0;
		align-items:stretch;
		padding:0;
	}

.action_icon_state_label
	{
		grid-column:auto;
		display:flex;
		align-items:center;
		padding:5px;
	}

.action_icon_geometry_id
	{
		display:block;
		font:10px/1.2 monospace;
		opacity:.72;
	}

.action_icon_mode
	{
		display:block;
		margin:0;
		padding:5px;
		border:1px solid var(--action-icon-border);
	}

.action_icon_mode_label
	{
		display:block;
		margin-bottom:3px;
		font-size:11px;
	}

.action_icon_specimens
	{
		display:grid;
		grid-template-columns:160px 48px 108px;
		gap:6px;
		align-items:start;
	}

.resource_ribbon_lab_row
	{
		grid-template-columns:1fr 1fr;
	}

.resource_ribbon_lab_row > header { grid-column:1 / -1; }
.resource_ribbon_lab_row .action_icon_mode
	{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		gap:8px;
	}
.resource_ribbon_lab_row .action_icon_mode_label { flex-basis:100%; }

@media (max-width:1100px)
	{
		#action_icon_laboratory_gallery { grid-template-columns:1fr; }
		.action_icon_consumer_trace { position:static; max-height:none; }
	}

.technical_laboratory_header,
.technical_laboratory_controls
	{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		gap:8px;
		margin-bottom:6px;
	}

#viewport_laboratory_views
	{
		display:flex;
		align-items:center;
		gap:5px;
		padding:3px 5px;
		border:1px solid #668060;
		background:#edf0df;
	}

#viewport_laboratory_view_select
	{
		min-width:150px;
		max-width:240px;
	}

#viewport_laboratory_view_status
	{
		min-width:62px;
		font-size:11px;
		font-weight:bold;
	}

.viewport_laboratory_file_input
	{
		position:absolute;
		width:1px;
		height:1px;
		overflow:hidden;
		clip-path:inset(50%);
		white-space:nowrap;
	}

#viewport_laboratory_view_manage
	{
		position:relative;
	}

.viewport_laboratory_view_menu
	{
		position:absolute;
		z-index:180;
		top:calc(100% + 4px);
		right:0;
		width:250px;
		padding:8px;
		border:2px solid #24483a;
		background:#f4f1e5;
		box-shadow:3px 4px 0 rgba(20,45,35,.3);
	}

.viewport_laboratory_view_menu[hidden]
	{
		display:none;
	}

#viewport_laboratory_view_delete
	{
		display:block;
		width:100%;
		margin-bottom:6px;
	}

.viewport_laboratory_view_create
	{
		display:grid;
		grid-template-columns:minmax(0,1fr) auto;
		gap:5px;
	}

.viewport_laboratory_view_create input
	{
		box-sizing:border-box;
		min-width:0;
		width:100%;
	}

#viewport_laboratory_utilities
	{
		position:relative;
	}

#viewport_laboratory_utilities_toggle
	{
		min-width:34px;
		font-weight:bold;
	}

.viewport_laboratory_utility_menu
	{
		position:absolute;
		z-index:180;
		top:calc(100% + 4px);
		right:0;
		dis:grid;
		width:270px;
		gap:5px;
		padding:8px;
		border:2px solid var(--laboratory-border);
		background:var(--laboratory-surface);
		box-shadow:3px 4px 0 rgba(20,45,35,.3);
	}

.viewport_laboratory_utility_menu[hidden]
	{
		display:none;
	}

.technical_laboratory_header output
	{
		margin-left:auto;
		font-weight:bold;
	}

#viewport_laboratory_diagnostics
	{
		height:1.3em;
		margin:0;
		overflow:hidden;
		font-weight:bold;
		line-height:1.3;
		white-space:nowrap;
	}

#viewport_laboratory_diagnostics[data-outcome="rejected"]
	{
		color:#9a2418;
	}

body.technical-mode-active #application_shell
	{
		display:flex;
		height:auto;
		min-height:0;
		flex-direction:column;
	}

body.viewport-configuration-active #viewport_laboratory
	{
		order:1;
	}

body.viewport-configuration-active #header_panel
	{
		display:block;
	}

body.viewport-configuration-active #controller
	{
		order:2;
		width:max-content !important;
		min-width:0 !important;
		max-width:none !important;
	}

body.viewport-configuration-active #application_shell
	{
		width:max-content;
		min-width:100%;
		max-width:none;
		align-items:center;
	}

body.viewport-simulator-active #application_shell
	{
		width:max-content;
		min-width:100%;
		max-width:none;
		align-items:center;
	}

body.viewport-simulator-active #viewport_simulator
	{
		order:1;
	}

#viewport_simulator[data-selection-mode="map"]
	{
		width:1118px;
		max-width:none;
	}

#viewport_simulator_stage
	{
		position:relative;
		display:flex;
		justify-content:center;
		min-width:100%;
		padding:24px 18px 28px;
	}

#viewport_simulator[data-selection-mode="map"] #viewport_simulator_stage
	{
		display:block;
		box-sizing:border-box;
		width:1098px;
		height:1084px;
		min-width:1098px;
		margin-inline:auto;
		padding:52px 8px 8px 66px;
	}

#viewport_simulator_map
	{
		display:none;
	}

#viewport_simulator[data-selection-mode="map"] #viewport_simulator_map
	{
		position:absolute;
		display:block;
		left:66px;
		top:52px;
		width:1024px;
		height:1024px;
		background:var(--laboratory-surface);
		outline:1px solid var(--laboratory-border);
	}

#viewport_simulator_map_unsupported::before,
#viewport_simulator_map_unsupported::after
	{
		position:absolute;
		z-index:1;
		box-sizing:border-box;
		background:repeating-linear-gradient(
			135deg,
			color-mix(in srgb, var(--laboratory-ink) 12%, transparent) 0 6px,
			color-mix(in srgb, var(--laboratory-surface) 28%, transparent) 6px 12px
		);
		border:1px solid color-mix(
			in srgb, var(--laboratory-ink) 42%, transparent
		);
		content:"";
		pointer-events:none;
	}

#viewport_simulator_map_unsupported::before
	{
		left:0;
		top:0;
		width:100%;
		height:320px;
	}

#viewport_simulator_map_unsupported::after
	{
		left:0;
		top:320px;
		width:320px;
		bottom:0;
		border-top:0;
	}

#viewport_simulator_map_unsupported > span
	{
		position:absolute;
		z-index:2;
		padding:4px 6px;
		background:color-mix(
			in srgb, var(--laboratory-surface) 84%, transparent
		);
		color:color-mix(in srgb, var(--laboratory-ink) 72%, transparent);
		font-weight:bold;
		pointer-events:none;
	}

.viewport_simulator_map_unsupported--block
	{
		left:330px;
		top:280px;
	}

.viewport_simulator_map_unsupported--inline
	{
		left:280px;
		top:330px;
		writing-mode:vertical-rl;
	}

.viewport_simulator_map_region
	{
		position:absolute;
		box-sizing:border-box;
		padding:6px;
		border:1px dashed var(--laboratory-border);
		color:var(--laboratory-ink);
		font-weight:bold;
	}

.viewport_simulator_map_corner
	{
		position:absolute;
		padding:1px 2px;
		border-radius:2px;
		background:color-mix(in srgb, var(--laboratory-surface) 94%, transparent);
		box-shadow:0 0 0 1px color-mix(
			in srgb, var(--laboratory-border) 38%, transparent
		);
		font-size:12px;
		font-weight:bold;
		white-space:nowrap;
	}

.viewport_simulator_map_corner--minimum
	{
		left:2px;
		top:2px;
	}

.viewport_simulator_map_corner--maximum
	{
		right:2px;
		bottom:2px;
	}

.viewport_simulator_map_guide
	{
		position:absolute;
		z-index:0;
		background:color-mix(in srgb, var(--laboratory-border) 18%, transparent);
		pointer-events:none;
	}

.viewport_simulator_map_guide--inline
	{
		top:0;
		bottom:0;
		width:1px;
	}

.viewport_simulator_map_guide--block
	{
		left:0;
		right:0;
		height:1px;
	}

.viewport_simulator_map_tick
	{
		position:absolute;
		z-index:4;
		padding:1px 2px;
		background:var(--laboratory-surface);
		color:var(--laboratory-ink);
		font-size:12px;
		font-weight:bold;
		white-space:nowrap;
		pointer-events:none;
	}

.viewport_simulator_map_tick--inline
	{
		top:-21px;
		transform:translateX(-50%);
	}

.viewport_simulator_map_tick--block
	{
		right:calc(100% + 5px);
		transform:translateY(-50%);
	}

.viewport_simulator_map_axis
	{
		position:absolute;
		z-index:8;
		padding:2px 4px;
		background:var(--laboratory-surface);
		color:var(--laboratory-ink);
		font-weight:bold;
		pointer-events:none;
	}

.viewport_simulator_map_axis--inline
	{
		left:50%;
		top:-49px;
		transform:translateX(-50%);
	}

.viewport_simulator_map_axis--block
	{
		left:-63px;
		top:50%;
		transform:translateY(-50%);
		writing-mode:vertical-rl;
	}

.viewport_simulator_map_device
	{
		position:absolute;
		z-index:7;
		width:8px;
		height:8px;
		border:2px solid var(--laboratory-ink);
		border-radius:50%;
		background:#e7793e;
		transform:translate(-50%, -50%);
		pointer-events:none;
	}

.viewport_simulator_map_device > span
	{
		position:absolute;
		left:8px;
		top:6px;
		padding:1px 3px;
		background:var(--laboratory-surface);
		color:var(--laboratory-ink);
		font-size:11px;
		font-weight:bold;
		white-space:nowrap;
	}

.viewport_simulator_map_region[data-provenance="packaged"]
	{
		background:color-mix(in srgb, var(--laboratory-border) 18%, transparent);
	}

.viewport_simulator_map_region[data-provenance="user"]
	{
		z-index:2;
		border-style:solid;
		background:color-mix(in srgb, #e7793e 25%, transparent);
	}

.viewport_simulator_map_region[aria-current="true"]
	{
		z-index:3;
		border-width:3px;
	}

.viewport_simulator_map_region[data-provenance="candidate"]
	{
		background:transparent;
	}

#viewport_simulator_map_point
	{
		position:absolute;
		z-index:10;
		width:12px;
		height:12px;
		border:2px solid var(--laboratory-ink);
		border-radius:50%;
		background:#e7793e;
		transform:translate(-50%, -50%);
	}

#viewport_simulator[data-selection-mode="map"] #viewport_simulator_screen
	{
		position:absolute;
		z-index:9;
		left:66px;
		top:52px;
	}

#viewport_simulator_screen.viewport-simulator-no-match > #header_panel,
#viewport_simulator_screen.viewport-simulator-no-match > #controller
	{
		display:none !important;
	}

#viewport_simulator_applicability,
#viewport_laboratory_applicability
	{
		display:grid;
		grid-template-columns:minmax(245px, 1fr) minmax(245px, 1fr) auto minmax(190px, auto);
		align-items:stretch;
		gap:8px 14px;
		margin:5px 0;
		padding:7px 10px 9px;
		border:1px solid var(--laboratory-border);
	}

.viewport_simulator_applicability_axis
	{
		display:grid;
		grid-template-rows:auto auto;
		gap:5px;
		padding-right:12px;
		border-right:1px solid color-mix(
			in srgb, var(--laboratory-border) 38%, transparent
		);
	}

.viewport_simulator_applicability_axis > label
	{
		display:flex;
		align-items:center;
		gap:5px;
		white-space:nowrap;
	}

.viewport_simulator_applicability_axis > label:last-child
	{
		font-size:12px;
	}

#viewport_simulator_applicability_save
	{
		align-self:center;
	}

#viewport_simulator_applicability input,
#viewport_laboratory_applicability input
	{
		width:58px;
	}

#viewport_simulator_applicability output
	{
		display:flex;
		align-items:center;
		font-weight:bold;
	}

#viewport_laboratory_applicability output
	{
		display:flex;
		align-items:center;
		font-weight:bold;
	}

#viewport_laboratory_applicability
	{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		gap:4px 12px;
		margin:2px 0 5px;
		padding:2px 6px 4px;
	}

#viewport_laboratory_applicability .viewport_simulator_applicability_axis
	{
		display:flex;
		align-items:center;
		gap:8px;
		padding-right:10px;
	}

#viewport_laboratory_applicability .viewport_simulator_applicability_axis > label:last-child
	{
		font-size:11px;
	}

#viewport_simulator_screen
	{
		position:relative;
		box-sizing:content-box;
		overflow:hidden;
		outline:2px solid var(--laboratory-border);
		background:var(--color-background);
	}

#viewport_simulator_screen > #header_panel,
#viewport_simulator_screen > #controller
	{
		margin-inline:0 !important;
	}

#controller.viewport-simulator-active #controller_center
	{
		position:relative;
		display:block;
		min-height:0;
		margin:0;
	}

#controller.viewport-simulator-active #controller_center > .main_panel
	{
		position:absolute !important;
		box-sizing:border-box;
		grid-column:auto !important;
		grid-row:auto !important;
		left:var(--viewport-panel-inline-start) !important;
		top:var(--viewport-panel-block-start) !important;
		width:var(--viewport-panel-inline-size) !important;
		height:var(--viewport-panel-block-size) !important;
		min-width:0;
		max-width:none;
		min-height:0;
		margin:0;
	}

#viewport_simulator_measurements
	{
		position:fixed;
		z-index:1000;
		inset:0;
		pointer-events:none;
	}

.viewport_simulator_measurement
	{
		position:fixed;
		z-index:1;
		opacity:1;
		isolation:isolate;
		box-sizing:border-box;
		padding:4px 7px;
		border:2px solid #173027;
		border-radius:3px;
		background:#f3f0df;
		color:#173027;
		font-size:15px;
		font-weight:bold;
		line-height:1;
		box-shadow:0 1px 3px rgb(0 0 0 / 42%);
		transform:translate(6px, 6px);
	}

.viewport_simulator_resize
	{
		position:fixed;
		z-index:290;
		box-sizing:border-box;
		margin:0;
		padding:0;
		border:2px solid #6f2d17 !important;
		border-radius:5px !important;
		background:#e7793e !important;
		touch-action:none;
	}

.viewport_simulator_resize--inline
	{
		width:10px;
		cursor:ew-resize;
	}

.viewport_simulator_resize--block
	{
		height:10px;
		cursor:ns-resize;
	}

.viewport_simulator_resize--corner
	{
		z-index:291;
		width:16px;
		height:16px;
		cursor:nwse-resize;
	}

#viewport_simulator_diagnostics[data-outcome="rejected"]
	{
		color:#9a2418;
	}

#viewport_laboratory_measurements
	{
		position:fixed;
		z-index:1000;
		inset:0;
		pointer-events:none;
	}

#viewport_laboratory_measurements[hidden]
	{
		display:none;
	}

.viewport_laboratory_measurement
	{
		position:fixed;
		box-sizing:border-box;
		padding:6px;
		border:2px dotted #24483a;
		background:rgba(231, 239, 222, .78);
		color:#173027;
		font-family:Arial, sans-serif;
		text-align:left;
		backdrop-filter:blur(1.5px) saturate(.7) brightness(1.04);
		pointer-events:auto;
		cursor:move;
		touch-action:none;
	}

.viewport_laboratory_measurement_label
	{
		display:inline-block;
		position:relative;
		z-index:2;
		opacity:1;
		isolation:isolate;
		max-width:calc(100% - 8px);
		box-sizing:border-box;
		padding:4px 7px;
		border:2px solid #173027;
		border-radius:3px;
		background:#f3f0df;
		color:#173027;
		font:700 clamp(12px, 1.2vw, 16px)/1.05 Arial, sans-serif;
		box-shadow:0 1px 3px rgb(0 0 0 / 42%);
		transform:translate(6px, 6px);
	}

.viewport_laboratory_measurement:focus-visible
	{
		outline:3px solid #ffd166;
		outline-offset:-5px;
	}

.viewport_laboratory_free_space
	{
		position:fixed;
		box-sizing:border-box;
		padding:7px 9px;
		border:3px double #8b4c21;
		outline:1px dashed rgba(139, 76, 33, .75);
		outline-offset:-6px;
		background:rgba(235, 111, 58, .16);
		color:#6f2d14;
		font:700 clamp(9px, 1vw, 13px)/1 Arial, sans-serif;
		text-shadow:0 1px 0 #f3f0df;
		overflow:hidden;
	}

.viewport_laboratory_mode_action
	{
		position:absolute;
		top:8px;
		right:8px;
		pointer-events:auto;
		padding:7px 10px;
		border:2px solid #7a3217;
		border-radius:4px;
		background:#eb6f3a;
		color:#17100c;
		font:700 11px/1.1 Arial, sans-serif;
		cursor:pointer;
		text-shadow:none;
	}

#viewport_laboratory_assignments .viewport_laboratory_mode_action
	{
		position:static;
		margin-top:3px;
		padding:3px 5px;
		font-size:9px;
	}

.viewport_laboratory_mode_placement
	{
		display:grid;
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:2px;
		pointer-events:auto;
	}

.viewport_laboratory_mode_placement button
	{
		min-width:0;
		padding:2px;
		font-size:8px;
	}

.viewport_laboratory_mode_sizing
	{
		display:flex;
		gap:3px;
		margin-top:3px;
	}

.viewport_laboratory_mode_sizing > span
	{
		padding:1px 3px;
		border:1px solid currentColor;
		border-radius:3px;
		font-size:8px;
	}

.viewport_laboratory_measurement > .viewport_laboratory_mode_placement
	{
		position:absolute;
		right:8px;
		top:8px;
		width:calc(100% - 16px);
	}

.profile_mode_control
	{
		height:44px;
		border:1px solid var(--color-border-strong);
		background:var(--color-surface);
	}

.profile_mode_control[hidden]
	{
		display:none;
	}

.profile_mode_control #mode_switch
	{
		height:40px;
	}

#mode_panel.mode-presentation-relegated
	{
		display:none !important;
	}

body.viewport-configuration-active #user_menu
	{
		position:relative;
		right:auto;
		top:auto;
		flex:0 0 140px;
		width:140px;
		height:32px;
		margin-left:auto;
	}

body.viewport-configuration-active #profile_menu_panel
	{
		top:34px;
		right:0;
		z-index:120;
	}

#viewport_laboratory_assignments
	{
		display:grid;
		grid-template-columns:repeat(6, minmax(0, 1fr));
		gap:4px;
		margin:6px 0;
	}

#viewport_laboratory_assignments fieldset
	{
		min-width:0;
		margin:0;
		padding:3px 5px;
		border:1px solid #668060;
	}

#viewport_laboratory_assignments legend
	{
		font-weight:bold;
		text-transform:capitalize;
	}

#viewport_laboratory_assignments label
	{
		display:block;
		white-space:nowrap;
	}

#viewport_laboratory_panel_parameters
	{
		box-sizing:border-box;
		max-width:520px;
		margin:0 0 6px;
		padding:5px;
		border:1px solid #668060;
		background:#f3f1e6;
		color:#20301d;
	}

#viewport_laboratory_panel_parameters[hidden]
	{
		display:none;
	}

#viewport_laboratory_panel_parameters > header
	{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:8px;
		margin-bottom:4px;
		text-transform:capitalize;
	}

.viewport_laboratory_panel_parameter_row
	{
		display:grid;
		grid-template-columns:minmax(0, 1fr) 28px 28px;
		align-items:center;
		gap:3px;
		min-height:25px;
	}

.viewport_laboratory_panel_parameter_row label
	{
		min-width:0;
		white-space:nowrap;
	}

.timeline_navigation_composer_help
	{
		margin:0 0 5px;
		font-size:10px;
		line-height:1.2;
	}

.timeline_navigation_composer_lane
	{
		margin:5px 0;
	}

.timeline_navigation_composer_lane > strong
	{
		display:block;
		margin-bottom:2px;
		font-size:10px;
	}

.timeline_navigation_composer_dropzone
	{
		display:flex;
		min-height:32px;
		align-items:center;
		flex-wrap:wrap;
		gap:3px;
		padding:3px;
		border:1px dashed #668060;
		background:#e5ead9;
	}

.timeline_navigation_composer_dropzone[data-dragging="true"]
	{
		border-color:#a84940;
		background:#f7dfca;
	}

.timeline_navigation_composer_tile
	{
		min-height:25px;
		padding:3px 6px;
		border:1px solid #315d42;
		border-radius:4px;
		background:#f8f7ec;
		color:#20301d;
		font-weight:bold;
		cursor:grab;
		touch-action:none;
	}

.timeline_navigation_composer_tile:active
	{
		cursor:grabbing;
	}

.timeline_navigation_composer_tile.timeline_navigation_composer_tile--dragging
	{
		border:3px dotted #a84940 !important;
		background:#fff1d9 !important;
		color:transparent !important;
		box-shadow:inset 0 0 0 1px rgba(111, 45, 23, .2);
		text-shadow:none;
		pointer-events:none;
	}

.timeline_navigation_composer_drag_ghost
	{
		position:fixed;
		z-index:1400;
		box-sizing:border-box;
		margin:0;
		opacity:.92;
		pointer-events:none;
		cursor:grabbing;
	}

.timeline_navigation_composer_add_menu
	{
		width:100%;
		min-height:25px;
		margin-top:4px;
	}

.timeline_navigation_composer_placeholder
	{
		box-sizing:border-box;
		width:86px;
		height:25px;
		border:2px dotted #a84940;
		border-radius:4px;
		background:rgba(255, 246, 224, .7);
		pointer-events:none;
	}

#viewport_laboratory_canvases
	{
		display:flex;
		position:relative;
		align-items:flex-start;
		justify-content:center;
		gap:8px;
		width:max-content;
		margin-inline:0;
	}

#viewport_laboratory_canvases[hidden]
	{
		display:none;
	}

#controller.viewport-laboratory-active #controller_center
	{
		display:block;
		width:max-content;
		height:auto;
		min-height:0;
	}

.viewport_laboratory_canvas
	{
		position:relative;
		box-sizing:border-box;
		min-width:0;
		margin-top:24px;
		padding:0;
		border:0;
		outline:2px solid var(--laboratory-border);
		background:#dce4cf;
		color:var(--laboratory-ink);
	}

.viewport_laboratory_canvas > strong
	{
		position:absolute;
		left:0;
		top:-23px;
	}

.viewport_laboratory_canvas > strong[data-dimensions]::after
	{
		content:" · " attr(data-dimensions);
	}

.viewport_laboratory_canvas_resize
	{
		position:fixed;
		z-index:1100;
		box-sizing:border-box;
		margin:0;
		padding:0;
		border:2px solid #6f2d17 !important;
		border-radius:5px !important;
		background:#e7793e !important;
		touch-action:none;
	}

.viewport_laboratory_canvas_resize--inline
	{
		width:12px;
		cursor:ew-resize;
	}

.viewport_laboratory_canvas_resize--block
	{
		height:12px;
		cursor:ns-resize;
	}

.viewport_laboratory_canvas_resize:focus-visible
	{
		outline:3px solid #153f9a;
		outline-offset:2px;
	}

.viewport_laboratory_canvas_workspace
	{
		display:grid;
		grid-template-columns:
			minmax(0, var(--canvas-timeline-width, calc(80% - 7px)))
			minmax(0, 1fr);
		grid-template-rows:
			var(--canvas-economy-height, 48.1667px)
			var(--canvas-economy-height, 48.1667px)
			var(--canvas-economy-height, 48.1667px)
			var(--canvas-garden-height, 349.45px)
			minmax(0, var(--canvas-mode-height, 64px));
		gap:3px;
		height:100%;
		min-height:0;
		position:relative;
	}

.viewport_laboratory_canvas_workspace > .main_panel,
#controller.logged-in.viewport-canvas-sized:not(.viewport-laboratory-active):not(.panel-laboratory-active)
	#controller_center > .main_panel
	{
		position:absolute !important;
		box-sizing:border-box;
		grid-column:auto !important;
		grid-row:auto !important;
		left:var(--viewport-panel-inline-start) !important;
		top:var(--viewport-panel-block-start) !important;
		width:var(--viewport-panel-inline-size) !important;
		height:var(--viewport-panel-block-size) !important;
		min-width:0;
		max-width:none;
		min-height:0;
		margin:0;
	}

.viewport_laboratory_panel_resize
	{
		position:fixed;
		z-index:1105;
		box-sizing:border-box;
		margin:0;
		padding:0;
		border:1px solid #6f2d17 !important;
		border-radius:3px !important;
		background:#f09a62 !important;
		touch-action:none;
		transition:background-color 100ms ease, box-shadow 100ms ease;
	}

.viewport_laboratory_panel_resize:hover,
.viewport_laboratory_panel_resize:focus-visible
	{
		background:#ffd166 !important;
		box-shadow:0 0 0 2px #153f9a;
	}

.viewport_laboratory_canvas_workspace >
	.main_panel.viewport-laboratory-panel-edge-active
	{
		outline:3px solid #ffd166 !important;
		outline-offset:-4px;
	}

.viewport_laboratory_measurement.viewport-laboratory-panel-edge-active
	{
		background:rgba(255,209,102,.24) !important;
		box-shadow:inset 0 0 0 3px #ffd166;
	}

.viewport_laboratory_panel_resize[data-edge^="inline"]
	{
		width:7px;
		cursor:ew-resize;
	}

.viewport_laboratory_panel_resize[data-edge^="block"]
	{
		height:7px;
		cursor:ns-resize;
	}

.viewport_laboratory_memberships
	{
		position:absolute;
		left:10px;
		bottom:8px;
		display:flex;
		gap:5px;
		pointer-events:auto;
		font-size:11px;
		text-shadow:none;
	}

.viewport-canvas-excluded,
.viewport-mode-excluded
	{
		display:none !important;
	}

body.viewport-configuration-active #user_menu,
body.viewport-configuration-active #profile_menu_panel
	{
		z-index:250;
	}


#controller.panel-laboratory-active
	{
		box-sizing:border-box;
		width:var(--panel-laboratory-width) !important;
		min-width:var(--panel-laboratory-width) !important;
		max-width:var(--panel-laboratory-width) !important;
		height:var(--panel-laboratory-height) !important;
		min-height:var(--panel-laboratory-height) !important;
		margin:3px auto 30px;
	}

#controller.panel-laboratory-active #controller_center
	{
		display:block !important;
		width:100% !important;
		height:100% !important;
		min-height:0 !important;
	}

#controller.panel-laboratory-active #controller_center > .main_panel:not(.panel_laboratory_subject)
	{
		display:none !important;
	}

#controller.panel-laboratory-active .panel_laboratory_subject
	{
		position:relative !important;
		box-sizing:border-box !important;
		width:100% !important;
		height:100% !important;
		min-width:0 !important;
		max-width:none !important;
		min-height:0 !important;
		margin:0 !important;
		inset:auto !important;
	}

#controller.panel-laboratory-active
	#marketplace_buy_panel.panel_laboratory_subject
	{
		display:grid !important;
	}

#controller.panel-laboratory-active[data-panel-laboratory-subject="header"]
	{
		display:none !important;
	}

#header_panel.panel_laboratory_subject
	{
		box-sizing:border-box !important;
		min-width:0 !important;
		max-width:none !important;
		margin-inline:auto !important;
	}

.panel_laboratory_resize_handle
	{
		position:fixed;
		z-index:100;
		box-sizing:border-box;
		margin:0;
		padding:0;
		border:2px solid #f7f3e8;
		background:#b34c32;
		box-shadow:0 0 0 1px #102d3c;
		touch-action:none;
	}

.panel_laboratory_resize_handle--inline
	{
		width:12px;
		cursor:ew-resize;
	}

.panel_laboratory_resize_handle--block
	{
		height:12px;
		cursor:ns-resize;
	}

.panel_laboratory_resize_handle:focus-visible
	{
		outline:3px solid #153f9a;
		outline-offset:2px;
	}

body.logged-out #application_shell
	{
		display:flex;
		width:min(1024px, 100%);
		min-width:0;
		height:100vh;
		height:100dvh;
		min-height:0;
		max-height:100dvh;
		flex-direction:column;
		background:transparent;
	}

body.logged-out #header_panel
	{
		box-sizing:border-box;
		width:100%;
		min-width:0;
		margin-inline:auto;
		flex:0 0 45px;
		display:block;
		border-radius:0;
	}

body.logged-out #login_controller
	{
		position:relative;
		display:block;
		box-sizing:border-box;
		width:100%;
		height:auto;
		min-height:0;
		margin-top:0;
		flex:1 1 auto;
		border:0;
		background-color:#7eaa58;
		background-image:url('../images/garden-scene-background.png');
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}

body.logged-out #login_build_identity
	{
		position:static;
		width:100%;
		margin:20px 0 0;
		transform:none;
	}

body.mode-real #application_shell
	{
		padding-top:3px;
	}

body.mode-simulation #application_shell
	{
		padding-top:3px;
	}

body #application_shell.viewport-canvas-sized
	{
		padding-top:0;
		margin:0 auto;
	}

body #application_shell.viewport-canvas-sized #controller.logged-in
	{
		margin-top:0;
	}
	
#logo
	{
		position:absolute;
		left:50%;
		top:1px;
		height: 35px;
		width: 89px;
		background-image:url('../images/logo.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-color:transparent;
		border:0;
		padding:0;
		font:inherit;
		transform:translateX(-50%);
	}

body.header-logo-left:not(.header-presentation-corner) #logo
	{
		left:12px;
		transform:none;
	}

body.header-logo-left:not(.header-presentation-corner) #header_metadata
	{
		left:113px;
		max-width:calc(100% - 245px);
	}

body.logged-out #logo
	{
		left:12px;
		transform:none;
	}

#header_metadata
	{
		position:absolute;
		left:12px;
		top:50%;
		display:none;
		box-sizing:border-box;
		width:max-content;
		max-width:min(320px, calc(100% - 24px));
		padding:2px 5px;
		flex-direction:column;
		justify-content:center;
		gap:0;
		background:var(--color-surface-elevated);
		transform:translateY(-50%);
	}

body.logged-in #header_metadata
	{
		display:flex;
	}

body.logged-in #header_metadata[hidden],
.header_metadata_item[hidden]
	{
		display:none;
	}

.header_metadata_item
	{
		display:block;
		box-sizing:border-box;
		width:100%;
		height:11px;
		padding:0;
		overflow:hidden;
		border:none;
		background:transparent;
		color:var(--color-text-muted);
		font:9px/11px Consolas, monospace;
		text-align:left;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

body.mode-real #header_metadata
	{
		border-radius:6px;
		box-shadow:inset 0 1px 0 rgba(255,255,255,.68);
	}

body.mode-simulation #header_metadata
	{
		border-radius:0;
		box-shadow:none;
	}

#mode_switch
	{
		position:static;
		display:none;
		box-sizing:border-box;
		width:calc(100% - 4px);
		height:calc(100% - 4px);
		margin:2px;
		overflow:hidden;
		container-type:inline-size;
	}

@media (max-width:960px)
	{
		#header_metadata
			{
				width:315px;
			}

	}

body.logged-in #mode_switch
	{
		display:block;
	}

#mode_toggle
	{
		display:grid;
		box-sizing:border-box;
		width:100%;
		height:100%;
		padding:3px clamp(1px, 3%, 8px);
		grid-template-columns:minmax(0, 1fr) minmax(24px, 42px) minmax(0, 1fr);
		grid-template-rows:1fr;
		align-items:center;
		column-gap:clamp(0px, 1.5%, 4px);
		overflow:hidden;
		border:1px solid var(--color-mode-control-border);
		background:var(--color-mode-control);
		color:inherit;
		font:600 11.5px/1.05 Arial, sans-serif;
		white-space:nowrap;
		cursor:pointer;
	}

.press_feedback_control
	{
		touch-action:manipulation;
		--press-control-surface:var(--color-control);
		--press-control-hover:var(--color-control-hover);
		--press-control-text:var(--color-control-text);
		--press-control-border:var(--color-border-strong);
		--press-control-focus:var(--color-press-focus);
		transition:
			background 180ms ease,
			box-shadow 180ms ease,
			transform 120ms cubic-bezier(.2,.8,.2,1);
	}

.press_feedback_control:hover:not(:disabled)
	{
		background:linear-gradient(
			180deg,
			color-mix(in srgb, var(--press-control-hover) 68%, var(--color-surface-elevated)) 0%,
			var(--press-control-hover) 100%
		);
		box-shadow:
			inset 0 1px 0 color-mix(in srgb, var(--press-control-text) 42%, transparent),
			0 3px 5px color-mix(in srgb, var(--color-page) 56%, transparent);
		transform:translateY(-1px);
	}

.press_feedback_control:active:not(:disabled)
	{
		box-shadow:
			inset 0 2px 4px color-mix(in srgb, var(--color-page) 58%, transparent),
			0 1px 1px color-mix(in srgb, var(--color-page) 30%, transparent);
		transform:translateY(1px) scale(.97);
	}

.press_feedback_control:focus-visible
	{
		outline:2px solid var(--press-control-focus);
		outline-offset:-2px;
	}

.press_feedback_control:disabled
	{
		transform:none;
	}

.press_feedback_control.disclosure-protected-control
	{
		background:var(--disclosure-protected-background) !important;
		box-shadow:var(--disclosure-protected-box-shadow) !important;
		transform:var(--disclosure-protected-transform) !important;
		transition:none !important;
	}

#mode_toggle.press_feedback_control
	{
		--press-control-surface:var(--color-mode-control);
		--press-control-hover:var(--color-mode-control-hover);
		--press-control-text:var(--color-text);
		--press-control-border:var(--color-mode-control-border);
		background:var(--press-control-surface);
	}

#real_mode_label
	{
		grid-column:1;
		grid-row:1;
		align-self:center;
		min-width:0;
		max-width:100%;
		overflow:hidden;
		font-size:11.5px;
		line-height:.95;
		overflow-wrap:anywhere;
		white-space:normal;
	}

#simulation_mode_label
	{
		grid-column:3;
		grid-row:1;
		align-self:center;
		min-width:0;
		max-width:100%;
		overflow:hidden;
		font-size:11.5px;
		line-height:.95;
		overflow-wrap:anywhere;
		white-space:normal;
	}

@container (max-width:160px)
	{
		#real_mode_label,
		#simulation_mode_label
			{
				font-size:9px;
			}
	}

@container (max-width:90px)
	{
		#real_mode_label,
		#simulation_mode_label
			{
				font-size:7px;
			}
	}

#mode_toggle:focus:not(:focus-visible)
	{
		outline:none;
	}

#real_mode_label,
#simulation_mode_label
	{
		color:#697266;
		text-decoration:none;
	}

#real_mode_label
	{
		font-family:Arial, Helvetica, sans-serif;
		text-align:right;
	}

#simulation_mode_label
	{
		text-align:left;
	}

#simulation_mode_label
	{
		font-family:"Courier New", Courier, ui-monospace, monospace;
	}

body.mode-real #real_mode_label,
body.mode-simulation #simulation_mode_label
	{
		color:#20301d;
		font-weight:700;
		text-decoration:none;
	}

body.mode-real #real_mode_label
	{
		text-shadow:0 1px 2px rgba(36, 92, 135, 0.28);
	}

body.mode-simulation #simulation_mode_label
	{
		text-shadow:none;
	}

#user_menu
	{
		position:absolute;
		right:0;
		top:0;
		display:none;
		box-sizing:border-box;
		width:140px;
		height:45px;
		z-index:40;
	}

#notification_menu
	{
		position:absolute;
		right:140px;
		top:4px;
		z-index:41;
	}

#header_notifications
	{
		box-sizing:border-box;
		width:28px;
		height:29px;
		padding:0;
		border:1px solid var(--color-border-strong);
		border-radius:6px;
		background:var(--color-control);
		color:var(--color-control-text);
		font-size:16px;
		cursor:pointer;
	}

#header_notifications:disabled
	{
		opacity:.45;
		cursor:default;
	}

#action_feedback.notification_popover
	{
		position:absolute;
		top:33px;
		right:0;
		box-sizing:border-box;
		width:min(360px, calc(100vw - 16px));
		padding:8px;
		border:1px solid var(--feedback-prominent-border);
		border-left:4px solid var(--feedback-accent);
		background:var(--feedback-prominent-surface);
		box-shadow:0 4px 12px var(--feedback-prominent-shadow);
		color:var(--feedback-text);
		font:12px/1.35 Arial, sans-serif;
		height:auto;
		opacity:1;
		visibility:visible;
		will-change:auto;
	}

#action_feedback.notification_popover[hidden]
	{ display:none; }

.notification_popover strong { display:block; margin-bottom:4px; }
.notification_popover p { margin:0; }

body.header-presentation-corner #notification_menu
	{ right:70px; z-index:411; }

body.header-presentation-corner.header-corner-revealed #notification_menu
	{ right:140px; }

#header_username
	{
		position:relative;
		display:block;
		box-sizing:border-box;
		width:116px;
		height:29px;
		margin:4px 12px 12px;
		padding:0 19px 0 27px;
		overflow:hidden;
		border:1px solid var(--color-border-strong);
		border-radius:6px;
		background:linear-gradient(180deg, var(--color-surface-elevated), var(--color-control));
		box-shadow:inset 0 1px 0 color-mix(in srgb, white 64%, transparent), 0 2px 4px color-mix(in srgb, var(--color-page) 30%, transparent);
		color:#30452c;
		cursor:pointer;
		text-align:left;
		font:600 11px/27px Arial, sans-serif;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

#header_username::before
	{
		position:absolute;
		left:7px;
		top:6px;
		box-sizing:border-box;
		width:15px;
		height:15px;
		border:1px solid var(--color-border-strong);
		border-radius:50%;
		background:var(--color-surface-subtle);
		box-shadow:inset 0 1px 0 color-mix(in srgb, white 58%, transparent);
		content:attr(data-initial);
		font:700 9px/13px Arial, sans-serif;
		text-align:center;
		opacity:.9;
	}

#header_username::after
	{
		position:absolute;
		right:6px;
		top:0;
		content:"▾";
		font-size:11px;
		line-height:27px;
	}

#header_username:hover
	{
		background:linear-gradient(180deg, var(--color-surface-elevated), var(--color-control-hover));
		box-shadow:inset 0 1px 0 color-mix(in srgb, white 76%, transparent), 0 3px 6px color-mix(in srgb, var(--color-page) 38%, transparent);
	}

#header_username:focus-visible
	{
		outline:2px solid var(--color-focus);
		outline-offset:1px;
	}

#header_username[aria-expanded="true"]::after
	{
		content:"▴";
	}

body.mode-simulation #header_username
	{
		border-radius:0;
		box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--color-surface-elevated) 72%, white), inset -2px -2px 0 color-mix(in srgb, var(--color-page) 82%, black);
		font:600 11px/27px "Courier New", Courier, ui-monospace, monospace;
	}

body.mode-simulation #header_username::before
	{
	}

body.mode-simulation #header_username::after
	{
	}
body.logged-in #user_menu
	{
		display:block;
	}

.profile_disclosure_panel
	{
		position:relative;
		width:100%;
		height:100%;
	}

.user_menu_popover
	{
		position:absolute;
		top:32px;
		right:12px;
		box-sizing:border-box;
		min-width:176px;
		padding:6px;
		border:1px solid var(--color-border-strong);
		border-radius:8px;
		background:var(--color-surface-elevated);
		box-shadow:0 6px 14px color-mix(in srgb, var(--color-page) 45%, transparent);
		display:flex;
		flex-direction:column;
		gap:4px;
	}

.user_menu_popover[hidden]
	{
		display:none;
	}

.user_menu_action
	{
		width:100%;
		padding:5px 8px;
		border:1px solid var(--color-border-strong);
		background:var(--color-control);
		color:var(--color-control-text);
		cursor:pointer;
	}

.user_menu_action[hidden]
	{
		display:none;
	}

.user_menu_action:disabled
	{
		cursor:not-allowed;
		opacity:.46;
	}

.profile_delete_disclosure_panel
	{
		position:relative;
		width:100%;
	}

.profile_delete_popover
	{
		display:flex;
		flex-direction:column;
		margin-top:4px;
		padding-left:12px;
	}

.profile_delete_popover[hidden]
	{
		display:none;
	}

.profile_viewsets
	{
		display:grid;
		gap:4px;
		padding:4px 0;
		border-bottom:1px solid var(--color-border);
	}

.profile_viewsets[hidden]
	{
		display:none;
	}

.profile_viewsets > strong
	{
		padding:1px 2px;
		font-size:11px;
		text-align:left;
	}

.profile_viewset_choice[aria-checked="true"]
	{
		outline:2px solid var(--color-focus);
		outline-offset:-3px;
	}

.profile_preference_toggle
	{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:10px;
		text-align:left;
	}

.profile_preference_toggle::after
	{
		content:"Off";
		font-weight:700;
	}

.profile_preference_toggle[aria-checked="true"]::after
	{
		content:"On";
	}

body.mode-simulation .user_menu_popover,
body.mode-simulation .user_menu_action
	{
		border-radius:0;
		font-family:"Courier New", Courier, ui-monospace, monospace;
	}

body.mode-simulation .user_menu_popover
	{
		top:32px;
	}