:root {
	--md-sys-color-primary: #111827;
	--md-sys-color-on-primary: #ffffff;
	--md-sys-color-primary-container: #e5e7eb;
	--md-sys-color-on-primary-container: #111827;
	--md-sys-color-secondary: #175a74;
	--md-sys-color-on-secondary: #ffffff;
	--md-sys-color-secondary-container: #e0edf2;
	--md-sys-color-on-secondary-container: #102a36;
	--md-sys-color-tertiary: #4b5563;
	--md-sys-color-on-tertiary: #ffffff;
	--md-sys-color-tertiary-container: #e5e7eb;
	--md-sys-color-on-tertiary-container: #111827;
	--md-sys-color-error: #b3261e;
	--md-sys-color-on-error: #ffffff;
	--md-sys-color-surface: #f4f6f8;
	--md-sys-color-on-surface: #111827;
	--md-sys-color-on-surface-variant: #3f4752;
	--md-sys-color-surface-container-lowest: #ffffff;
	--md-sys-color-surface-container-low: #f8fafc;
	--md-sys-color-surface-container: #eef1f5;
	--md-sys-color-surface-container-high: #e5e9ef;
	--md-sys-color-surface-container-highest: #dce2ea;
	--md-sys-color-outline: #667085;
	--md-sys-color-outline-variant: #cbd5e1;
	--atlas-color-hover: #eef2f6;
	--atlas-color-danger-container: #fde8e6;
	--atlas-color-success: #166534;
	--atlas-viewer-bg: #0f1419;
	--atlas-prefeitura-color: var(--atlas-config-header-color);
	--atlas-prefeitura-color-strong: var(--atlas-config-header-color-strong);
	--atlas-header-text-color: var(--atlas-config-header-text-color, #ffffff);
	--atlas-flood-water: #009bd8;
	--atlas-flood-water-strong: #005e93;
	--atlas-flood-safe: #f8fafc;
	--atlas-flood-alert: #b42318;
	--atlas-snackbar-background: #20272d;
	--atlas-snackbar-color: #ffffff;
	--atlas-snackbar-status-background: #102a36;
	--atlas-snackbar-status-color: #ffffff;
	--md-sys-shape-corner-small: 8px;
	--md-sys-shape-corner-medium: 12px;
	--md-sys-shape-corner-large: 16px;
	--md-sys-shape-corner-extra-large: 28px;
	--md-sys-shape-corner-full: 999px;
	--atlas-appbar-height: 52px;
	--atlas-sidebar-width: 348px;
	--atlas-profile-panel-height: calc((100dvh - var(--atlas-appbar-height)) * 0.5);
	--atlas-profile-right-clearance: 92px;
	--atlas-transition: cubic-bezier(0.2, 0, 0, 1);
	--atlas-focus-ring: 0 0 0 3px rgba(23, 90, 116, 0.22);
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
	color-scheme: light;
}

[hidden] {
	display: none !important;
}

.atlas-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

* {
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: var(--md-sys-color-surface);
	color: var(--md-sys-color-on-surface);
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
	letter-spacing: 0;
}

body.atlas-login-mode {
	overflow: auto;
}

body.atlas-login-mode .atlas-top-app-bar,
body.atlas-login-mode .atlas-map-layer-picker,
body.atlas-login-mode .atlas-map-layer-picker *,
body.atlas-login-mode .potree_container,
body.atlas-login-mode .atlas-loading,
body.atlas-login-mode .atlas-dialog-backdrop:not(#atlasLoginScreen) {
	display: none !important;
}

body.atlas-login-mode .atlas-tool-button::after,
body.atlas-login-mode .atlas-mobile-nav-button[data-label]::after,
body.atlas-login-mode .atlas-map-items-header .atlas-map-items-icon-button[data-label]::after {
	content: none !important;
}

.atlas-pwa-banner {
	position: fixed;
	left: max(12px, env(safe-area-inset-left));
	right: max(12px, env(safe-area-inset-right));
	bottom: max(12px, env(safe-area-inset-bottom));
	z-index: 11900;
	display: none;
	align-items: flex-start;
	gap: 12px;
	max-width: 560px;
	margin: 0 auto;
	padding: 14px;
	border: 1px solid rgba(203, 213, 225, 0.62);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	box-shadow: 0 18px 46px rgba(15, 23, 42, 0.24), 0 2px 8px rgba(15, 23, 42, 0.12);
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
	transform: translateY(12px);
	opacity: 0;
	transition: opacity 180ms var(--atlas-transition), transform 180ms var(--atlas-transition);
}

.atlas-pwa-banner.is-visible {
	display: flex;
	opacity: 1;
	transform: translateY(0);
}

.atlas-pwa-banner[data-managed-dialog-suppressed="true"] {
	display: none !important;
	pointer-events: none;
}

.atlas-top-app-bar[data-managed-dialog-suppressed="true"],
.atlas-address-search[data-managed-dialog-suppressed="true"],
.atlas-tool-rail[data-managed-dialog-suppressed="true"],
.atlas-mobile-nav[data-managed-dialog-suppressed="true"],
.atlas-measure-hint[data-managed-dialog-suppressed="true"],
.atlas-flood-emergency[data-managed-dialog-suppressed="true"],
.atlas-map-layer-picker[data-managed-dialog-suppressed="true"],
.atlas-volume-controls[data-managed-dialog-suppressed="true"],
.atlas-snackbar[data-managed-dialog-suppressed="true"],
.atlas-map-items-panel[data-managed-dialog-suppressed="true"],
.atlas-address-results[data-managed-dialog-suppressed="true"] {
	display: none !important;
	pointer-events: none;
}

.atlas-pwa-banner__icon {
	width: 48px;
	height: 48px;
	flex: 0 0 auto;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-low);
	object-fit: contain;
	padding: 4px;
	box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant);
}

.atlas-pwa-banner__content {
	min-width: 0;
	flex: 1 1 auto;
}

.atlas-pwa-banner__title,
.atlas-pwa-banner__copy,
.atlas-pwa-banner__hint {
	margin: 0;
	letter-spacing: 0;
}

.atlas-pwa-banner__title {
	font-size: 15px;
	line-height: 20px;
	font-weight: 850;
}

.atlas-pwa-banner__copy,
.atlas-pwa-banner__hint {
	margin-top: 4px;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 13px;
	line-height: 18px;
	font-weight: 520;
}

.atlas-pwa-banner__hint[hidden] {
	display: none;
}

.atlas-pwa-banner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.atlas-pwa-banner__button,
.atlas-pwa-banner__close {
	border: 0;
	cursor: pointer;
	font: inherit;
	letter-spacing: 0;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 160ms var(--atlas-transition), opacity 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-pwa-banner__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	border-radius: var(--md-sys-shape-corner-full);
	padding: 0 18px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 760;
}

.atlas-pwa-banner__button--primary {
	background: var(--atlas-prefeitura-color);
	color: var(--atlas-header-text-color);
}

.atlas-pwa-banner__button--secondary {
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface);
}

.atlas-pwa-banner__button:focus-visible,
.atlas-pwa-banner__close:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-pwa-banner__button:hover,
	.atlas-pwa-banner__close:hover {
		outline: none;
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-pwa-banner__button:active,
.atlas-pwa-banner__close:active {
	transform: scale(0.98);
}

.atlas-pwa-banner__button:disabled {
	cursor: wait;
	opacity: 0.68;
}

.atlas-pwa-banner__close {
	width: 44px;
	height: 44px;
	min-width: 44px;
	flex: 0 0 auto;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-pwa-banner__close .material-symbols-rounded {
	font-size: 22px;
}

@media (min-width: 821px), (hover: hover) and (pointer: fine) {
	.atlas-pwa-banner {
		display: none !important;
	}
}

@media (max-width: 820px) and (pointer: coarse) {
	.atlas-pwa-banner {
		display: none;
		grid-template-columns: 44px minmax(0, 1fr) 44px;
		align-items: center;
		bottom: calc(var(--atlas-mobile-toolbar-height, 58px) + 20px + env(safe-area-inset-bottom));
		max-height: min(28dvh, calc(100dvh - var(--atlas-appbar-height) - var(--atlas-mobile-toolbar-height, 58px) - 34px - env(safe-area-inset-bottom)));
		gap: 8px 10px;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 10px;
	}

	.atlas-pwa-banner.is-visible {
		display: grid;
	}

	.atlas-pwa-banner[data-mobile-measure-suppressed="true"],
	.atlas-pwa-banner[data-sidebar-suppressed="true"],
	.atlas-pwa-banner[data-address-search-chrome-suppressed="true"],
	.atlas-pwa-banner[data-managed-dialog-suppressed="true"] {
		display: none !important;
	}

	body.atlas-pwa-banner-effective-visible .atlas-measure-hint:not(.is-active-tool) {
		display: none;
	}

	.atlas-pwa-banner__icon {
		grid-column: 1;
		grid-row: 1;
		width: 44px;
		height: 44px;
	}

	.atlas-pwa-banner__content {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
	}

	.atlas-pwa-banner__copy,
	.atlas-pwa-banner__hint {
		display: none;
	}

	.atlas-pwa-banner__actions {
		grid-column: 1 / -1;
		grid-row: 2;
		flex-wrap: nowrap;
		margin-top: 0;
	}

	.atlas-pwa-banner__button {
		flex: 1 1 0;
		padding: 0 12px;
	}

	.atlas-pwa-banner__close {
		grid-column: 3;
		grid-row: 1;
	}

	.atlas-pwa-banner[data-map-layer-chrome-suppressed="true"],
	.atlas-pwa-banner[data-snackbar-suppressed="true"] {
		display: none !important;
		pointer-events: none;
	}
}

	@media (prefers-reduced-motion: reduce) {
		html:focus-within,
		*,
		*::before,
		*::after {
			scroll-behavior: auto !important;
		}

		.atlas-pwa-banner,
		.atlas-pwa-banner__button,
		.atlas-pwa-banner__close,
		.atlas-top-app-bar,
		[class^="atlas-"],
		[class*=" atlas-"],
		.potree_failpage,
		.potree_failpage * {
			animation-duration: 0.001ms !important;
			animation-iteration-count: 1 !important;
			transition-duration: 0.001ms !important;
		}

		.atlas-address-search.is-busy .atlas-address-submit .material-symbols-rounded,
			.atlas-progress-ring {
				animation: none !important;
			}
		}

	body.atlas-motion-constrained [class^="atlas-"],
	body.atlas-motion-constrained [class*=" atlas-"],
	body.atlas-motion-constrained .potree_failpage,
	body.atlas-motion-constrained .potree_failpage * {
		transition-duration: 90ms !important;
	}

	body.atlas-motion-reduced :is(.atlas-sidebar-section-nav, .atlas-mobile-nav, .atlas-drone-topbar, .atlas-drone-joystick-label, .atlas-drone-joystick-base, .atlas-drone-step-button, .atlas-mobile-measure-panel, .atlas-map-items-panel, .atlas-map-items-header, .atlas-map-layer-picker, .annotation.atlas-point-info-annotation .annotation-titlebar, .annotation-titlebar:has(.atlas-point-info), .atlas-search-label, .atlas-point-info),
	body.atlas-motion-constrained :is(.atlas-sidebar-section-nav, .atlas-mobile-nav, .atlas-drone-topbar, .atlas-drone-joystick-label, .atlas-drone-joystick-base, .atlas-drone-step-button, .atlas-mobile-measure-panel, .atlas-map-items-panel, .atlas-map-items-header, .atlas-map-layer-picker, .annotation.atlas-point-info-annotation .annotation-titlebar, .annotation-titlebar:has(.atlas-point-info), .atlas-search-label, .atlas-point-info),
	body.atlas-motion-careful.atlas-compact-layout :is(.atlas-sidebar-section-nav, .atlas-mobile-nav, .atlas-drone-topbar, .atlas-drone-joystick-label, .atlas-drone-joystick-base, .atlas-drone-step-button, .atlas-mobile-measure-panel, .atlas-map-items-panel, .atlas-map-items-header, .atlas-map-layer-picker, .annotation.atlas-point-info-annotation .annotation-titlebar, .annotation-titlebar:has(.atlas-point-info), .atlas-search-label, .atlas-point-info) {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	body.atlas-motion-constrained :is(.atlas-sidebar-section-nav, .atlas-mobile-nav, .atlas-drone-topbar, .atlas-drone-joystick-label, .atlas-drone-joystick-base, .atlas-drone-step-button, .atlas-mobile-measure-panel, .atlas-map-items-panel, .atlas-map-layer-picker),
	body.atlas-motion-careful.atlas-compact-layout :is(.atlas-sidebar-section-nav, .atlas-mobile-nav, .atlas-drone-topbar, .atlas-drone-joystick-label, .atlas-drone-joystick-base, .atlas-drone-step-button, .atlas-mobile-measure-panel, .atlas-map-items-panel, .atlas-map-layer-picker) {
		background: var(--md-sys-color-surface-container-lowest);
	}

	body.atlas-motion-reduced :is(.atlas-address-results, .atlas-map-items-panel, .atlas-map-items-header, .atlas-volume-controls),
	body.atlas-motion-constrained :is(.atlas-address-results, .atlas-map-items-panel, .atlas-map-items-header, .atlas-volume-controls),
	body.atlas-motion-careful.atlas-compact-layout :is(.atlas-address-results, .atlas-map-items-panel, .atlas-map-items-header, .atlas-volume-controls) {
		--atlas-address-results-elevation: 0 4px 12px rgba(0, 0, 0, 0.14);
		--atlas-address-results-scroll-shadow-start: inset 0 1px 0 color-mix(in srgb, var(--md-sys-color-outline-variant) 82%, transparent);
		--atlas-address-results-scroll-shadow-end: inset 0 -1px 0 color-mix(in srgb, var(--md-sys-color-outline-variant) 82%, transparent);
		--atlas-address-results-more-shadow: inset 0 -2px 0 color-mix(in srgb, var(--md-sys-color-primary) 30%, var(--md-sys-color-outline-variant));
		--atlas-map-items-panel-elevation: 0 4px 14px rgba(0, 0, 0, 0.16);
		--atlas-map-items-header-elevation: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-outline-variant) 80%, transparent);
		--atlas-volume-controls-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
		--atlas-volume-controls-scroll-shadow-start: inset 0 1px 0 color-mix(in srgb, var(--md-sys-color-outline-variant) 78%, transparent);
		--atlas-volume-controls-scroll-shadow-end: inset 0 -1px 0 color-mix(in srgb, var(--md-sys-color-outline-variant) 78%, transparent);
	}

	button,
	input,
	select,
textarea {
	font: inherit;
	letter-spacing: 0;
}

.material-symbols-rounded {
	font-family: "Material Symbols Rounded";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "liga";
}

.atlas-top-app-bar {
	position: fixed;
	inset: 0 0 auto 0;
	height: var(--atlas-appbar-height);
	z-index: 9000;
	display: grid;
	grid-template-columns: minmax(260px, 1fr) minmax(0, auto);
	align-items: center;
	gap: clamp(8px, 1.1vw, 14px);
	padding: 4px clamp(8px, 1vw, 14px);
	background: var(--atlas-prefeitura-color);
	border-bottom: 1px solid var(--atlas-prefeitura-color-strong);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.atlas-brand,
.atlas-header-actions,
.atlas-map-chip,
.atlas-status-chip {
	display: flex;
	align-items: center;
	min-width: 0;
}

.atlas-brand {
	gap: clamp(7px, 0.8vw, 10px);
	overflow: hidden;
}

.atlas-header-actions {
	justify-content: flex-end;
	gap: clamp(6px, 0.7vw, 10px);
	overflow: hidden;
}

.atlas-load-status {
	min-width: 0;
	max-width: 224px;
	min-height: 32px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0 10px;
	border-radius: var(--md-sys-shape-corner-full);
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.72);
	color: #102027;
	font-size: 12px;
	line-height: 16px;
	font-weight: 850;
	white-space: nowrap;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.atlas-load-status .material-symbols-rounded {
	flex: 0 0 auto;
	font-size: 18px;
	color: var(--md-sys-color-secondary);
}

.atlas-load-status span:last-child {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-load-status.is-ready .material-symbols-rounded {
	color: var(--atlas-color-success);
}

.atlas-load-status.is-warning .material-symbols-rounded {
	color: var(--md-sys-color-secondary);
}

.atlas-load-status.is-error .material-symbols-rounded {
	color: var(--md-sys-color-error);
}

.atlas-icon-button,
.atlas-tool-button,
.atlas-text-button {
	border: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.atlas-icon-button {
	width: 42px;
	min-width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--atlas-header-text-color);
	background: rgba(255, 255, 255, 0.24);
	transition: background-color 180ms var(--atlas-transition), transform 180ms var(--atlas-transition);
}

.atlas-icon-button:focus-visible {
	background: rgba(255, 255, 255, 0.42);
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-icon-button:hover {
		background: rgba(255, 255, 255, 0.42);
		outline: none;
	}
}

.atlas-city-crest {
	width: 38px;
	height: 42px;
	object-fit: contain;
	flex: 0 0 auto;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}

.atlas-header-logo-box {
	height: 44px;
	max-width: min(38vw, 360px);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding: 4px 7px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.72);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
	overflow: hidden;
}

.atlas-header-logo-link {
	height: 34px;
	min-width: 38px;
	max-width: 116px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	overflow: hidden;
}

.atlas-header-logo {
	display: block;
	width: auto;
	max-width: 52px;
	max-height: 28px;
	object-fit: contain;
}

.atlas-header-logo-wide {
	max-width: 112px;
}

.atlas-icon-button:active {
	transform: scale(0.94);
}

.atlas-login-screen {
	position: fixed;
	inset: 0;
	z-index: 12000;
	display: grid;
	place-items: center;
	padding: 24px;
	background:
		linear-gradient(135deg, rgba(7, 146, 127, 0.12), rgba(23, 90, 116, 0.08)),
		var(--md-sys-color-surface);
}

.atlas-login-screen[hidden] {
	display: none;
}

.atlas-login-panel {
	width: min(460px, 100%);
	display: grid;
	gap: 22px;
	padding: 28px;
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: 0 18px 52px rgba(15, 20, 25, 0.18);
}

.atlas-login-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.atlas-login-crest {
	width: 56px;
	height: 64px;
	object-fit: contain;
}

.atlas-login-logo {
	max-width: 88px;
	max-height: 42px;
	object-fit: contain;
	padding: 5px 7px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container);
}

.atlas-login-logo-wide {
	max-width: 138px;
}

.atlas-login-copy {
	display: grid;
	gap: 6px;
}

.atlas-login-eyebrow {
	margin: 0;
	color: var(--md-sys-color-secondary);
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	text-transform: uppercase;
}

.atlas-login-copy h1 {
	margin: 0;
	font-size: 30px;
	line-height: 36px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface);
}

.atlas-login-copy p:last-child {
	margin: 0;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 15px;
	line-height: 22px;
}

.atlas-login-form,
.atlas-user-form {
	display: grid;
	gap: 14px;
	min-width: 0;
	align-content: start;
}

.atlas-md-field {
	display: grid;
	gap: 7px;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	text-transform: uppercase;
}

.atlas-md-field input,
.atlas-md-field select {
	width: 100%;
	min-height: 48px;
	padding: 12px 14px;
	border: 1px solid var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	text-transform: none;
}

.atlas-md-field input:focus-visible,
.atlas-md-field select:focus-visible,
.atlas-md-field textarea:focus-visible {
	outline: none;
	border-color: var(--md-sys-color-primary);
	box-shadow: var(--atlas-focus-ring);
}

.atlas-md-field input[aria-invalid="true"],
.atlas-md-field select[aria-invalid="true"],
.atlas-md-field textarea[aria-invalid="true"] {
	border-color: var(--md-sys-color-error);
}

.atlas-md-field-error {
	color: var(--md-sys-color-error);
	font-size: 12px;
	line-height: 16px;
	font-weight: 760;
	text-transform: none;
}

.atlas-md-field-helper {
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
	text-transform: none;
}

.atlas-md-field-error[hidden] {
	display: none;
}

.atlas-md-filled-button,
.atlas-md-tonal-button {
	min-height: 44px;
	padding: 0 18px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 800;
	cursor: pointer;
	transition: filter 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-md-filled-button {
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.atlas-md-filled-button.atlas-md-danger-button {
	background: var(--md-sys-color-error);
	color: var(--md-sys-color-on-error);
}

.atlas-md-tonal-button {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-md-filled-button:focus-visible,
.atlas-md-tonal-button:focus-visible {
	filter: brightness(1.04);
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-md-filled-button:hover,
	.atlas-md-tonal-button:hover {
		filter: brightness(1.04);
		outline: none;
	}
}

.atlas-md-filled-button:active,
.atlas-md-tonal-button:active {
	transform: scale(0.98);
}

.atlas-login-error {
	padding: 10px 12px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error);
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
}

.atlas-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	text-decoration: none;
}

.atlas-logo {
	display: block;
	object-fit: contain;
	background: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-logo-nip {
	width: 156px;
	height: 48px;
	border-radius: var(--md-sys-shape-corner-medium);
	padding: 4px 7px;
}

.atlas-logo-partner {
	width: 52px;
	height: 52px;
	border-radius: var(--md-sys-shape-corner-full);
	padding: 4px;
}

.atlas-title-block {
	min-width: 0;
	max-width: min(58vw, 740px);
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.atlas-title {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: "Arial Black", "Roboto Flex", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: 1000;
	font-variation-settings: "wght" 1000;
	-webkit-text-stroke: 0.2px currentColor;
	color: var(--atlas-header-text-color);
}

.atlas-subtitle {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	line-height: 14px;
	font-weight: 600;
	color: var(--atlas-header-text-color);
	opacity: 0.82;
}

.atlas-map-chip {
	justify-self: center;
	max-width: min(38vw, 420px);
	height: 44px;
	gap: 8px;
	padding: 0 16px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-map-chip span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-status-chip {
	height: 36px;
	gap: 8px;
	padding: 0 12px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.atlas-status-dot {
	width: 9px;
	height: 9px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-tertiary);
	box-shadow: 0 0 0 4px rgba(75, 85, 99, 0.14);
}

.atlas-status-chip.is-ready .atlas-status-dot {
	background: var(--atlas-color-success);
	box-shadow: 0 0 0 4px rgba(22, 101, 52, 0.14);
}

.potree_container {
	position: absolute;
	inset: var(--atlas-appbar-height) 0 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: var(--atlas-viewer-bg);
}

.atlas-map-backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: none;
	background: #dfe8e2;
}

.atlas-map-mode .atlas-map-backdrop {
	display: none;
}

#potree_render_area {
	z-index: 1;
	background: var(--atlas-viewer-bg) !important;
	touch-action: none;
	overscroll-behavior: contain;
}

.atlas-profile-split-open #potree_render_area {
	bottom: var(--atlas-profile-panel-height) !important;
}

.atlas-map-mode #potree_render_area {
	background: transparent !important;
	cursor: grab;
}

.atlas-map-mode #potree_render_area canvas {
	background: transparent !important;
}

.atlas-map-is-dragging #potree_render_area,
.atlas-map-is-dragging #potree_render_area canvas {
	cursor: grabbing;
}

#potree_sidebar_container {
	width: var(--atlas-sidebar-width) !important;
	--atlas-sidebar-section-top: 14px;
	--atlas-sidebar-end-space: clamp(120px, 24vh, 220px);
	background: var(--md-sys-color-surface) !important;
	border-right: 1px solid var(--md-sys-color-outline-variant) !important;
	color: var(--md-sys-color-on-surface) !important;
	box-shadow: 10px 0 24px rgba(0, 0, 0, 0.14);
	scroll-padding: var(--atlas-sidebar-section-top) 0 calc(var(--atlas-sidebar-end-space) + env(safe-area-inset-bottom)) 0;
	scrollbar-color: var(--md-sys-color-outline) var(--md-sys-color-surface);
	scrollbar-width: thin;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-100%);
	transition: opacity 180ms var(--atlas-transition), visibility 180ms var(--atlas-transition), transform 220ms var(--atlas-transition);
}

.atlas-sidebar-open #potree_sidebar_container {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}

#potree_sidebar_container::-webkit-scrollbar {
	width: 8px;
}

#potree_sidebar_container::-webkit-scrollbar-track {
	background: var(--md-sys-color-surface);
}

#potree_sidebar_container::-webkit-scrollbar-thumb {
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-outline-variant);
	border: 2px solid var(--md-sys-color-surface);
}

#sidebar_root {
	color: var(--md-sys-color-on-surface) !important;
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	min-height: 100%;
	padding-bottom: calc(28px + var(--atlas-sidebar-end-space) + env(safe-area-inset-bottom));
}

#sidebar_header {
	padding: 16px 18px 15px !important;
	background: linear-gradient(180deg, var(--md-sys-color-surface-container-lowest), var(--md-sys-color-surface)) !important;
	border-bottom: 1px solid var(--md-sys-color-outline-variant) !important;
}

#potree_languages[hidden] {
	display: none !important;
}

.atlas-sidebar-header-content {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.atlas-sidebar-logo {
	width: 34px;
	height: 34px;
	flex: 0 0 auto;
	object-fit: contain;
	padding: 4px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-sidebar-brandline {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	color: var(--md-sys-color-on-surface);
}

.atlas-sidebar-kicker {
	margin-bottom: 1px;
	font-size: 11px !important;
	line-height: 14px !important;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--md-sys-color-secondary);
}

.atlas-sidebar-brandline strong {
	font-size: 18px;
	line-height: 23px;
	font-weight: 700;
	color: var(--md-sys-color-primary);
}

.atlas-sidebar-brandline span {
	font-size: 12px;
	line-height: 16px;
	color: var(--md-sys-color-on-surface-variant);
	white-space: normal;
	overflow-wrap: anywhere;
}

.atlas-sidebar-brandline .atlas-sidebar-kicker {
	color: var(--md-sys-color-secondary);
}

#potree_quick_buttons {
	top: 12px !important;
	left: 12px !important;
	z-index: 20 !important;
}

#VRButton {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.potree_menu_toggle {
	display: none !important;
}

#potree_map_toggle {
	width: 44px !important;
	height: 44px !important;
	padding: 10px !important;
	margin-top: 70px !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
	border: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	position: relative;
	z-index: 135 !important;
}

#potree_menu {
	padding: 12px 12px 20px;
}

#potree_menu,
#potree_menu * {
	text-shadow: none !important;
}

	.atlas-sidebar-section-nav {
		--atlas-section-nav-edge-left: transparent;
		--atlas-section-nav-edge-right: transparent;
		position: sticky;
		top: 8px;
		z-index: 35;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-auto-rows: minmax(44px, auto);
		gap: 6px;
		margin: 0 0 10px;
		padding: 6px;
		overflow-x: hidden;
		overflow-y: hidden;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		border-radius: var(--md-sys-shape-corner-large);
		background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 92%, transparent);
		border: 1px solid var(--md-sys-color-outline-variant);
		box-shadow:
			0 8px 18px rgba(0, 0, 0, 0.12),
		inset 22px 0 18px -24px var(--atlas-section-nav-edge-left),
		inset -22px 0 18px -24px var(--atlas-section-nav-edge-right);
	backdrop-filter: blur(12px);
}

.atlas-sidebar-section-nav.is-scrollable:not(.is-scroll-start) {
	--atlas-section-nav-edge-left: color-mix(in srgb, var(--md-sys-color-on-surface) 34%, transparent);
}

.atlas-sidebar-section-nav.is-scrollable:not(.is-scroll-end) {
	--atlas-section-nav-edge-right: color-mix(in srgb, var(--md-sys-color-on-surface) 34%, transparent);
}

.atlas-sidebar-section-nav::-webkit-scrollbar {
	display: none;
}

.atlas-sidebar-section-nav::-webkit-scrollbar-thumb {
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-outline-variant);
}

	.atlas-sidebar-section-nav-button {
		width: 100%;
		min-width: 0;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		padding: 0 6px;
		border: 0;
		border-radius: var(--md-sys-shape-corner-full);
		background: transparent;
		color: var(--md-sys-color-on-surface-variant);
		font: inherit;
		font-size: 12px;
		line-height: 16px;
		font-weight: 800;
		cursor: pointer;
		transition: background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition), box-shadow 160ms var(--atlas-transition);
	}

.atlas-sidebar-section-nav-button .material-symbols-rounded {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	line-height: 1;
}

.atlas-sidebar-nav-label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-sidebar-nav-label-short {
	display: block;
}

.atlas-sidebar-nav-label-full {
	display: none;
}

.atlas-sidebar-section-nav-button:focus-visible,
.atlas-sidebar-section-nav-button.is-active {
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

@media (hover: hover) {
	.atlas-sidebar-section-nav-button:hover {
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}
}

.atlas-sidebar-section-nav-button:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

#potree_menu > h3,
#potree_menu .ui-accordion-header {
	min-height: 60px;
	margin: 10px 0 0 !important;
	padding: 8px 14px !important;
	border: 0 !important;
	border-radius: var(--md-sys-shape-corner-large) !important;
	background: var(--md-sys-color-surface-container) !important;
	color: var(--md-sys-color-on-surface) !important;
	display: grid !important;
	grid-template-columns: 26px minmax(0, 1fr) 22px;
	align-items: center;
	gap: 12px;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color 180ms var(--atlas-transition), color 180ms var(--atlas-transition), transform 180ms var(--atlas-transition);
}

#potree_menu > h3 > span:not(.material-symbols-rounded),
#potree_menu .ui-accordion-header > span:not(.material-symbols-rounded) {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.atlas-section-icon,
.atlas-section-toggle-icon {
	font-family: "Material Symbols Rounded";
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	color: currentColor;
	font-feature-settings: "liga";
	font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

.atlas-section-icon {
	font-size: 21px;
	justify-self: center;
}

.atlas-section-toggle-icon {
	font-size: 22px;
	justify-self: end;
	transition: transform 180ms var(--atlas-transition);
}

.atlas-section-open .atlas-section-toggle-icon {
	transform: rotate(180deg);
}

.atlas-section-copy {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.atlas-section-title {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 17px;
	font-weight: 850;
	color: inherit;
}

.atlas-section-description {
	display: -webkit-box;
	min-width: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	font-size: 11px;
	line-height: 15px;
	font-weight: 650;
	color: var(--md-sys-color-on-surface-variant);
}

#potree_menu > h3:hover .atlas-section-description,
#potree_menu > h3:focus-visible .atlas-section-description,
#potree_menu > h3.atlas-section-open .atlas-section-description {
	color: var(--md-sys-color-on-secondary-container);
}

#potree_menu .ui-accordion-header.ui-state-active,
#potree_menu > h3:focus-visible,
#potree_menu > h3.atlas-section-open {
	background: var(--md-sys-color-secondary-container) !important;
	color: var(--md-sys-color-on-secondary-container) !important;
	outline: none;
	box-shadow: none !important;
}

@media (hover: hover) {
	#potree_menu .ui-accordion-header:hover,
	#potree_menu > h3:hover {
		background: var(--md-sys-color-secondary-container) !important;
		color: var(--md-sys-color-on-secondary-container) !important;
		outline: none;
		box-shadow: none !important;
	}
}

#potree_menu > h3:focus-visible {
	box-shadow: var(--atlas-focus-ring) !important;
}

#potree_menu > h3 + div,
#potree_menu .ui-accordion-content {
	margin: 6px 0 12px !important;
	padding: 12px !important;
	border: 0 !important;
	border-radius: var(--md-sys-shape-corner-large) !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant) !important;
}

.atlas-appearance-panel {
	display: grid;
	gap: 13px;
	margin-bottom: 14px;
	padding: 14px;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container-low);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-sidebar-intro {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 11px;
	align-items: start;
	margin: 0 0 12px;
	padding: 13px;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	border: 1px solid rgba(23, 90, 116, 0.16);
}

.atlas-sidebar-intro-compact {
	margin: 0;
}

.atlas-sidebar-intro-icon {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: rgba(255, 255, 255, 0.62);
	color: var(--md-sys-color-secondary);
	font-size: 21px;
}

.atlas-sidebar-intro-copy {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.atlas-sidebar-intro-eyebrow {
	font-size: 11px;
	line-height: 15px;
	font-weight: 850;
	text-transform: uppercase;
	color: var(--md-sys-color-secondary);
}

.atlas-sidebar-intro-copy strong {
	font-size: 13px;
	line-height: 18px;
	font-weight: 850;
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-sidebar-intro-copy > span:last-child {
	font-size: 12px;
	line-height: 17px;
	font-weight: 600;
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-control-label {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: var(--md-sys-color-on-surface-variant);
	text-transform: uppercase;
}

.atlas-control-group {
	display: grid;
	gap: 7px;
}

.atlas-control-select {
	width: 100%;
	min-height: 44px;
	padding: 10px 12px !important;
	border: 1px solid var(--md-sys-color-outline-variant) !important;
	border-radius: var(--md-sys-shape-corner-small) !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	cursor: pointer;
}

.atlas-control-select:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
	border-color: var(--md-sys-color-primary) !important;
}

.atlas-point-cache-status {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-height: 118px;
	padding: 10px 12px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-point-cache-status .material-symbols-rounded {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	font-size: 20px;
}

.atlas-point-cache-status.is-careful .material-symbols-rounded:first-child {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-point-cache-status.is-strong .material-symbols-rounded:first-child {
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

.atlas-point-cache-status-body,
.atlas-point-cache-status strong,
.atlas-point-cache-status small,
.atlas-point-cache-status em {
	display: block;
	min-width: 0;
}

.atlas-point-cache-status-body {
	display: grid;
	gap: 6px;
}

.atlas-point-cache-status strong {
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface);
}

.atlas-point-cache-status small {
	margin-top: 2px;
	font-size: 11px;
	line-height: 15px;
	font-weight: 650;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-point-cache-current-mode {
	width: fit-content;
	max-width: 100%;
	min-height: 28px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 8px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-point-cache-recheck-status {
	width: fit-content;
	max-width: 100%;
	min-height: 28px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 8px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-point-cache-guidance,
.atlas-point-cache-preservation {
	max-width: 100%;
	min-height: 34px;
	display: grid;
	gap: 2px;
	padding: 6px 8px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-low);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-point-cache-reduction {
	max-width: 100%;
	min-height: 30px;
	display: grid;
	gap: 2px;
	padding: 6px 8px;
	border-radius: var(--md-sys-shape-corner-small);
	background: color-mix(in srgb, var(--md-sys-color-secondary-container) 46%, var(--md-sys-color-surface-container-low));
	border: 1px solid color-mix(in srgb, var(--md-sys-color-secondary) 32%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-current-mode small,
.atlas-point-cache-current-mode strong,
.atlas-point-cache-recheck-status small,
.atlas-point-cache-recheck-status strong,
.atlas-point-cache-reduction small,
.atlas-point-cache-reduction strong,
.atlas-point-cache-guidance small,
.atlas-point-cache-guidance strong,
.atlas-point-cache-preservation small,
.atlas-point-cache-preservation strong {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-point-cache-current-mode small,
.atlas-point-cache-recheck-status small,
.atlas-point-cache-reduction small,
.atlas-point-cache-guidance small,
.atlas-point-cache-preservation small {
	font-size: 10px;
	line-height: 12px;
	font-weight: 850;
	text-transform: uppercase;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-point-cache-current-mode strong,
.atlas-point-cache-recheck-status strong,
.atlas-point-cache-reduction strong,
.atlas-point-cache-guidance strong,
.atlas-point-cache-preservation strong {
	font-size: 11px;
	line-height: 14px;
	font-weight: 900;
	color: var(--md-sys-color-on-surface);
}

.atlas-point-cache-current-mode small,
.atlas-point-cache-current-mode strong,
.atlas-point-cache-recheck-status small,
.atlas-point-cache-recheck-status strong,
.atlas-point-cache-reduction small,
.atlas-point-cache-reduction strong {
	white-space: nowrap;
}

.atlas-point-cache-guidance strong,
.atlas-point-cache-preservation strong {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.atlas-point-cache-status.is-careful .atlas-point-cache-current-mode {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-secondary) 42%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-status.is-careful .atlas-point-cache-recheck-status {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-secondary) 42%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-status.is-careful .atlas-point-cache-current-mode small,
.atlas-point-cache-status.is-careful .atlas-point-cache-current-mode strong,
.atlas-point-cache-status.is-careful .atlas-point-cache-recheck-status small,
.atlas-point-cache-status.is-careful .atlas-point-cache-recheck-status strong,
.atlas-point-cache-status.is-careful .atlas-point-cache-reduction small,
.atlas-point-cache-status.is-careful .atlas-point-cache-reduction strong,
.atlas-point-cache-status.is-careful .atlas-point-cache-guidance small,
.atlas-point-cache-status.is-careful .atlas-point-cache-guidance strong,
.atlas-point-cache-status.is-careful .atlas-point-cache-preservation small,
.atlas-point-cache-status.is-careful .atlas-point-cache-preservation strong {
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-point-cache-status.is-careful .atlas-point-cache-guidance,
.atlas-point-cache-status.is-careful .atlas-point-cache-preservation {
	background: var(--md-sys-color-secondary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-secondary) 42%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-status.is-careful .atlas-point-cache-reduction {
	background: var(--md-sys-color-secondary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-secondary) 42%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-status.is-strong .atlas-point-cache-current-mode {
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-primary) 46%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-status.is-strong .atlas-point-cache-recheck-status {
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-primary) 46%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-status.is-strong .atlas-point-cache-current-mode small,
.atlas-point-cache-status.is-strong .atlas-point-cache-current-mode strong,
.atlas-point-cache-status.is-strong .atlas-point-cache-recheck-status small,
.atlas-point-cache-status.is-strong .atlas-point-cache-recheck-status strong,
.atlas-point-cache-status.is-strong .atlas-point-cache-reduction small,
.atlas-point-cache-status.is-strong .atlas-point-cache-reduction strong,
.atlas-point-cache-status.is-strong .atlas-point-cache-guidance small,
.atlas-point-cache-status.is-strong .atlas-point-cache-guidance strong,
.atlas-point-cache-status.is-strong .atlas-point-cache-preservation small,
.atlas-point-cache-status.is-strong .atlas-point-cache-preservation strong {
	color: var(--md-sys-color-on-primary-container);
}

.atlas-point-cache-status.is-strong .atlas-point-cache-guidance,
.atlas-point-cache-status.is-strong .atlas-point-cache-preservation {
	background: var(--md-sys-color-primary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-primary) 46%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-status.is-strong .atlas-point-cache-reduction {
	background: var(--md-sys-color-primary-container);
	border-color: color-mix(in srgb, var(--md-sys-color-primary) 46%, var(--md-sys-color-outline-variant));
}

.atlas-point-cache-metrics {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.atlas-point-cache-metrics span {
	min-width: 0;
	padding: 6px 8px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-low);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-point-cache-metrics small,
.atlas-point-cache-metrics strong {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-point-cache-metrics small {
	font-size: 10px;
	line-height: 12px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-point-cache-metrics strong {
	margin-top: 1px;
	font-size: 12px;
	line-height: 15px;
	font-weight: 900;
	color: var(--md-sys-color-on-surface);
}

.atlas-control-helper {
	margin: 6px 0 0;
	font-size: 11px;
	line-height: 15px;
	font-weight: 550;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-navigation-mode-group {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.atlas-navigation-mode-button {
	min-width: 0;
	min-height: 72px;
	padding: 9px 6px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	display: grid;
	place-items: center;
	align-content: center;
	gap: 5px;
	font: inherit;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}

.atlas-navigation-mode-button .material-symbols-rounded {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	line-height: 1;
	color: var(--md-sys-color-primary);
}

.atlas-navigation-mode-button:focus-visible,
.atlas-navigation-mode-button.is-active {
	border-color: color-mix(in srgb, var(--md-sys-color-primary) 68%, var(--md-sys-color-outline-variant));
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

@media (hover: hover) {
	.atlas-navigation-mode-button:hover {
		border-color: color-mix(in srgb, var(--md-sys-color-primary) 68%, var(--md-sys-color-outline-variant));
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}
}

.atlas-navigation-mode-button:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

.atlas-navigation-mode-button.is-active .material-symbols-rounded {
	color: var(--md-sys-color-on-primary-container);
}

.atlas-navigation-mode-status {
	min-width: 0;
	margin: 8px 0 0;
	padding: 7px 8px;
	border-radius: var(--md-sys-shape-corner-medium);
	display: flex;
	align-items: center;
	gap: 6px;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font-size: 11px;
	line-height: 15px;
	font-weight: 720;
	letter-spacing: 0;
}

.atlas-navigation-mode-status .material-symbols-rounded {
	flex: 0 0 auto;
	font-size: 16px;
	line-height: 1;
}

.atlas-navigation-mode-status-copy {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-point-cache-status em {
	margin-top: 2px;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	font-weight: 650;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-point-cache-actions {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.atlas-point-cache-action {
	grid-column: 1 / -1;
	width: 100%;
	height: 44px;
	min-width: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 14px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface-variant);
	font: inherit;
	font-size: 12px;
	line-height: 16px;
	font-weight: 760;
	cursor: pointer;
	transition: background-color 150ms var(--atlas-transition), color 150ms var(--atlas-transition), border-color 150ms var(--atlas-transition), transform 150ms var(--atlas-transition);
}

.atlas-point-cache-actions .atlas-point-cache-action {
	grid-column: auto;
	padding: 0 10px;
	font-size: 11px;
}

.atlas-point-cache-actions .atlas-point-cache-action-diagnostics {
	grid-column: 1 / -1;
}

.atlas-point-cache-action .material-symbols-rounded {
	width: auto;
	height: auto;
	background: transparent;
	color: currentColor;
	font-size: 20px;
}

	.atlas-point-cache-action:focus-visible,
	.atlas-point-cache-action.is-active {
		outline: none;
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
		border-color: var(--md-sys-color-primary);
	}

		.atlas-point-cache-action.is-success {
			background: color-mix(in srgb, var(--atlas-color-success) 14%, var(--md-sys-color-surface-container-high));
			color: var(--atlas-color-success);
			border-color: color-mix(in srgb, var(--atlas-color-success) 44%, var(--md-sys-color-outline-variant));
			box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--atlas-color-success) 32%, transparent);
		}

			.atlas-point-cache-action.is-success:focus-visible {
				background: color-mix(in srgb, var(--atlas-color-success) 18%, var(--md-sys-color-surface-container-high));
				color: var(--atlas-color-success);
				border-color: color-mix(in srgb, var(--atlas-color-success) 52%, var(--md-sys-color-outline-variant));
				box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--atlas-color-success) 38%, transparent);
		}

		.atlas-point-cache-action.is-busy {
			background: var(--md-sys-color-surface-container-high);
			color: var(--md-sys-color-on-surface-variant);
			border-color: var(--md-sys-color-outline);
			cursor: wait;
		}

		@media (hover: hover) {
			.atlas-point-cache-action:hover {
				outline: none;
				background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
			border-color: var(--md-sys-color-primary);
		}

			.atlas-point-cache-action.is-success:hover {
				background: color-mix(in srgb, var(--atlas-color-success) 18%, var(--md-sys-color-surface-container-high));
				color: var(--atlas-color-success);
				border-color: color-mix(in srgb, var(--atlas-color-success) 52%, var(--md-sys-color-outline-variant));
				box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--atlas-color-success) 38%, transparent);
			}

			.atlas-point-cache-action.is-busy:hover {
				background: var(--md-sys-color-surface-container-high);
				color: var(--md-sys-color-on-surface-variant);
				border-color: var(--md-sys-color-outline);
			}
		}

.atlas-point-cache-action:active {
	transform: scale(0.94);
}

.atlas-sidebar-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.atlas-sidebar-button {
	min-height: 44px;
	padding: 0 14px;
	border-radius: var(--md-sys-shape-corner-full);
	border: 1px solid var(--md-sys-color-primary);
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	font-size: 12px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	white-space: nowrap;
	cursor: pointer;
	transition: filter 160ms var(--atlas-transition), transform 160ms var(--atlas-transition), background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition);
}

.atlas-sidebar-button .material-symbols-rounded {
	font-size: 18px;
}

.atlas-sidebar-button-ghost {
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-primary);
}

.atlas-sidebar-button:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
	filter: brightness(1.06);
}

@media (hover: hover) {
	.atlas-sidebar-button:hover {
		outline: none;
		box-shadow: var(--atlas-focus-ring);
		filter: brightness(1.06);
	}
}

.atlas-sidebar-button:active {
	transform: scale(0.98);
}

.atlas-tools-panel {
	display: grid;
	gap: 14px;
}

.atlas-tools-summary {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-tools-summary-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: rgba(255, 255, 255, 0.62);
	color: var(--md-sys-color-secondary);
	font-size: 21px;
}

.atlas-tools-eyebrow {
	margin-bottom: 3px;
	font-size: 11px;
	line-height: 15px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--md-sys-color-secondary);
}

.atlas-tools-summary p {
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-tool-card-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

.atlas-tool-card {
	width: 100%;
	min-height: 66px;
	padding: 10px 12px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 11px;
	text-align: left;
	cursor: pointer;
	transition: background-color 160ms var(--atlas-transition), border-color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-tool-card[title] {
	position: relative;
}

.atlas-tool-card:focus-visible,
.atlas-tool-card.is-active {
	outline: none;
	border-color: var(--md-sys-color-secondary);
	background: var(--md-sys-color-surface-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-tool-card:hover {
		outline: none;
		border-color: var(--md-sys-color-secondary);
		background: var(--md-sys-color-surface-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-tool-card.is-active {
	border-color: var(--md-sys-color-primary);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

.atlas-tool-card:active {
	transform: scale(0.99);
}

.atlas-tool-card-icon {
	width: 42px;
	height: 42px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	font-size: 21px;
}

.atlas-tool-card-copy {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.atlas-tool-card-copy strong {
	font-size: 13px;
	line-height: 18px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface);
}

.atlas-tool-card-copy span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-tool-card-danger .atlas-tool-card-icon {
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error);
}

.atlas-tool-card.is-active .atlas-tool-card-icon {
	background: var(--md-sys-color-on-primary-container);
	color: var(--md-sys-color-primary-container);
}

.atlas-tool-card.is-active .atlas-tool-card-copy strong,
.atlas-tool-card.is-active .atlas-tool-card-copy span {
	color: var(--md-sys-color-on-primary-container);
}

.atlas-tool-card-danger.is-active {
	border-color: var(--md-sys-color-error);
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error);
}

.atlas-tool-card-danger.is-active .atlas-tool-card-icon {
	background: var(--md-sys-color-error);
	color: var(--md-sys-color-on-error);
}

.atlas-tool-card-danger.is-active .atlas-tool-card-copy strong,
.atlas-tool-card-danger.is-active .atlas-tool-card-copy span {
	color: var(--md-sys-color-error);
}

.atlas-advanced-toggle {
	width: 100%;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-primary);
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) 22px;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 800;
	text-align: left;
	cursor: pointer;
	transition: background-color 160ms var(--atlas-transition), border-color 160ms var(--atlas-transition);
}

.atlas-advanced-toggle:focus-visible {
	outline: none;
	border-color: var(--md-sys-color-primary);
	background: var(--md-sys-color-primary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-advanced-toggle:hover {
		outline: none;
		border-color: var(--md-sys-color-primary);
		background: var(--md-sys-color-primary-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-advanced-toggle-arrow {
	justify-self: end;
	transition: transform 180ms var(--atlas-transition);
}

.atlas-advanced-toggle.is-open .atlas-advanced-toggle-arrow {
	transform: rotate(180deg);
}

.atlas-tools-native {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-appearance-native {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-sidebar-info {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 9px;
	align-items: start;
	padding: 10px 11px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
	border: 1px solid var(--md-sys-color-outline-variant);
	color: var(--md-sys-color-on-surface);
}

.atlas-sidebar-info > .material-symbols-rounded {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	font-size: 17px;
}

.atlas-sidebar-info > span:last-child {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.atlas-sidebar-info strong {
	font-size: 12px;
	line-height: 16px;
	font-weight: 850;
	color: var(--md-sys-color-on-surface);
}

.atlas-sidebar-info span span {
	font-size: 11px;
	line-height: 16px;
	font-weight: 550;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-appearance-native[hidden],
.atlas-tools-native[hidden] {
	display: none !important;
}

.atlas-flood-panel-content {
	display: grid;
	gap: 14px;
}

.atlas-flood-summary {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: start;
	gap: 10px;
	padding: 10px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-secondary-container);
	color: #063142;
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-flood-icon {
	width: 36px;
	height: 36px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--atlas-flood-water-strong);
	font-size: 21px;
	line-height: 1;
	font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

.atlas-flood-summary strong,
.atlas-flood-summary span {
	display: block;
	min-width: 0;
}

.atlas-flood-summary strong {
	font-size: 13px;
	line-height: 17px;
	font-weight: 800;
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-flood-summary span:not(.material-symbols-rounded) {
	margin-top: 3px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-flood-summary .material-symbols-rounded {
	line-height: 1;
}

.atlas-flood-toggle {
	margin: 0;
	padding: 10px 12px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
}

.atlas-flood-input-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
}

.atlas-flood-altitude-input {
	width: 100%;
}

.atlas-flood-unit {
	min-width: 34px;
	min-height: 38px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface-variant);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 800;
}

.atlas-flood-label-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.atlas-flood-label-row strong {
	min-width: 44px;
	color: var(--md-sys-color-on-surface);
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	text-align: right;
}

.atlas-flood-range {
	width: 100%;
	accent-color: var(--md-sys-color-primary);
}

.atlas-flood-range:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

.atlas-flood-bounds {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.atlas-flood-bounds span,
.atlas-flood-status {
	min-width: 0;
	padding: 8px 10px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
}

.atlas-flood-bounds strong {
	display: block;
	margin-top: 2px;
	color: var(--md-sys-color-on-surface);
	font-weight: 800;
}

.atlas-flood-legend,
.atlas-flood-impact {
	display: grid;
	gap: 8px;
	padding: 10px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
}

.atlas-flood-legend {
	grid-template-columns: 1fr 1fr;
}

.atlas-flood-legend span,
.atlas-flood-emergency-scale span {
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface);
}

.atlas-flood-swatch {
	width: 22px;
	height: 14px;
	flex: 0 0 auto;
	border-radius: 4px;
	border: 1px solid rgba(17, 24, 39, 0.2);
}

.atlas-flood-swatch-water {
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.78) 0 5px, transparent 5px 11px),
		var(--atlas-flood-water);
}

.atlas-flood-swatch-dry {
	background:
		linear-gradient(135deg, rgba(22, 101, 52, 0.16), rgba(245, 158, 11, 0.16)),
		var(--atlas-flood-safe);
}

.atlas-flood-impact {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	background: #fff8e6;
	border-color: rgba(180, 83, 9, 0.26);
}

.atlas-flood-impact span {
	min-width: 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: #5f3900;
}

.atlas-flood-impact strong {
	font-size: 12px;
	line-height: 16px;
	font-weight: 900;
	color: #7a2e0e;
	text-align: right;
}

.pv-menu-list,
.pv-menu-list ul {
	list-style: none;
	padding-left: 0 !important;
	margin: 0 !important;
}

.pv-menu-list li {
	margin: 12px 0;
	color: var(--md-sys-color-on-surface);
	line-height: 18px;
}

.pv-menu-list li[hidden],
.divider[hidden] {
	display: none !important;
}

.atlas-inline-label {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-field-help {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 6px;
	align-items: start;
	margin: 7px 0 0;
	padding: 8px 9px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
	border: 1px solid var(--md-sys-color-outline-variant);
	color: var(--md-sys-color-on-surface-variant);
	font-size: 11px;
	line-height: 15px;
	font-weight: 550;
}

.atlas-field-help .material-symbols-rounded {
	font-size: 17px;
	color: var(--md-sys-color-secondary);
}

#potree_menu a {
	color: var(--md-sys-color-primary) !important;
}

#potree_menu a:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

.atlas-about-content {
	text-align: center;
	color: var(--md-sys-color-on-surface);
}

.atlas-about-logo {
	margin-bottom: 14px;
}

.atlas-about-logo a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	border-radius: var(--md-sys-shape-corner-medium);
}

.atlas-about-logo img {
	max-width: 136px;
	height: auto;
	padding: 6px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: #ffffff;
}

.atlas-about-institution {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 700;
	color: var(--md-sys-color-on-surface);
}

.atlas-about-support {
	margin-bottom: 16px;
	padding: 12px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
}

.atlas-about-support-title {
	margin: 0 0 8px;
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
	color: var(--md-sys-color-on-surface-variant);
	text-transform: uppercase;
}

.atlas-about-partners {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.atlas-about-partners img {
	max-width: 64px;
	height: 32px;
	object-fit: contain;
	padding: 3px;
	border-radius: var(--md-sys-shape-corner-small);
	opacity: 0.86;
	transition: opacity 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-about-partners img:hover {
	opacity: 1;
	transform: translateY(-1px);
}

.atlas-about-description,
.atlas-about-mapping,
.atlas-about-credit,
.atlas-about-author,
.atlas-about-engine {
	margin: 0 0 11px;
	font-size: 12px;
	line-height: 18px;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-about-description {
	color: var(--md-sys-color-on-surface);
}

.atlas-about-mapping {
	padding: 10px 12px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-about-engine {
	margin-bottom: 0;
	padding-top: 12px;
	border-top: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-about-author a,
.atlas-about-engine a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	margin: -7px 0;
	padding: 0 7px;
	border-radius: var(--md-sys-shape-corner-small);
}

.divider {
	margin: 16px 0 10px !important;
	display: flex;
	align-items: center;
	gap: 10px;
	border-top: 0 !important;
	color: var(--md-sys-color-on-surface-variant) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.divider::before,
.divider::after {
	content: "";
	height: 1px;
	flex: 1 1 auto;
	background: var(--md-sys-color-outline-variant);
}

.divider span {
	background: transparent !important;
	padding: 0;
	letter-spacing: 0.06em;
	white-space: nowrap;
}

.ui-button {
	min-height: 36px !important;
	border: 1px solid var(--md-sys-color-outline-variant) !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	background: var(--md-sys-color-surface-container-low) !important;
	color: var(--md-sys-color-on-surface) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}

.ui-button:focus-visible,
.ui-button.ui-state-active {
	background: var(--md-sys-color-primary-container) !important;
	color: var(--md-sys-color-on-primary-container) !important;
	outline: none !important;
	box-shadow: var(--atlas-focus-ring) !important;
}

@media (hover: hover) {
	.ui-button:hover {
		background: var(--md-sys-color-primary-container) !important;
		color: var(--md-sys-color-on-primary-container) !important;
		outline: none !important;
		box-shadow: var(--atlas-focus-ring) !important;
	}
}

.ui-slider {
	height: 6px !important;
	border: 0 !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	background: var(--md-sys-color-outline-variant) !important;
	margin: 8px 10px 2px !important;
}

.ui-slider .ui-slider-handle {
	width: 40px !important;
	height: 40px !important;
	top: -17px !important;
	margin-left: -20px !important;
	border: 0 !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: grab !important;
}

.ui-slider .ui-slider-handle::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	border: 2px solid var(--md-sys-color-surface-container-lowest);
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-primary);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
	transform: translate(-50%, -50%);
}

.ui-slider .ui-slider-handle:focus-visible {
	outline: none !important;
}

.ui-slider .ui-slider-handle:focus-visible::after {
	box-shadow: var(--atlas-focus-ring), 0 1px 4px rgba(0, 0, 0, 0.18);
}

#potree_menu input[type="button"] {
	min-width: 44px !important;
	min-height: 40px !important;
	padding: 0 12px !important;
	border: 1px solid var(--md-sys-color-outline-variant) !important;
	border-radius: var(--md-sys-shape-corner-small) !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
}

#potree_menu input[type="button"]:focus-visible {
	outline: none !important;
	box-shadow: var(--atlas-focus-ring) !important;
}

@media (hover: hover) {
	#potree_menu input[type="button"]:hover {
		outline: none !important;
		box-shadow: var(--atlas-focus-ring) !important;
	}
}

input[type="text"],
input[type="number"],
select {
	min-height: 38px;
	border: 1px solid var(--md-sys-color-outline-variant) !important;
	border-radius: var(--md-sys-shape-corner-small) !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	padding: 6px 10px !important;
}

input[type="text"]:focus-visible,
input[type="number"]:focus-visible,
select:focus-visible {
	outline: none;
	border-color: var(--md-sys-color-primary) !important;
	box-shadow: var(--atlas-focus-ring);
}

input[type="checkbox"] {
	accent-color: var(--md-sys-color-primary);
}

#potree_sidebar_container label:has(input[type="checkbox"]) {
	min-height: 40px;
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	padding: 6px 8px;
	border-radius: var(--md-sys-shape-corner-medium);
	cursor: pointer;
}

#potree_sidebar_container label:has(input[type="checkbox"]):focus-within {
	background: var(--md-sys-color-surface-container-low);
}

@media (hover: hover) {
	#potree_sidebar_container label:has(input[type="checkbox"]):hover {
		background: var(--md-sys-color-surface-container-low);
	}
}

#potree_sidebar_container label:has(input[type="checkbox"]):focus-within {
	box-shadow: var(--atlas-focus-ring);
}

#potree_sidebar_container label:has(input[type="checkbox"]) input[type="checkbox"] {
	width: 22px;
	height: 22px;
	margin: 0;
	justify-self: center;
}

#potree_sidebar_container label:has(input[type="checkbox"]) span {
	min-width: 0;
	line-height: 18px;
}

.ui-widget,
.ui-widget-content,
.ui-state-default,
.ui-state-active {
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif !important;
}

.ui-widget-content,
.sp-container {
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	border-color: var(--md-sys-color-outline-variant) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	background: var(--md-sys-color-surface-container-low) !important;
	color: var(--md-sys-color-on-surface) !important;
	border-color: var(--md-sys-color-outline-variant) !important;
}

#tools,
#clipping_tools,
#navigation {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
	gap: 8px;
	align-items: center;
}

#tools img,
#clipping_tools img,
#navigation img {
	width: 40px !important;
	height: 40px !important;
	padding: 8px !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	background: var(--md-sys-color-surface-container-low) !important;
	border: 1px solid var(--md-sys-color-outline-variant);
	transition: transform 160ms var(--atlas-transition), background-color 160ms var(--atlas-transition);
}

@media (hover: hover) {
	#tools img:hover,
	#clipping_tools img:hover,
	#navigation img:hover {
		transform: translateY(-1px);
		background: var(--md-sys-color-primary-container) !important;
	}
}

.measurement_content,
.propertypanel_content,
.jstree-anchor {
	color: var(--md-sys-color-on-surface) !important;
	font-family: "Roboto Flex", Arial, Helvetica, sans-serif !important;
}

.measurement_content,
.propertypanel_content {
	font-size: 12px !important;
	line-height: 18px !important;
}

.jstree-default .jstree-node {
	min-height: 32px !important;
	line-height: 32px !important;
	margin-left: 14px !important;
}

.jstree-default .jstree-anchor {
	min-height: 30px !important;
	line-height: 30px !important;
	padding: 0 8px !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
}

.jstree-default .jstree-icon {
	line-height: 30px !important;
}

.jstree-default .jstree-clicked {
	background: var(--md-sys-color-primary-container) !important;
	color: var(--md-sys-color-on-primary-container) !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	box-shadow: none !important;
}

.jstree-default .jstree-hovered {
	background: var(--md-sys-color-surface-container-high) !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	box-shadow: none !important;
}

@media (max-width: 700px) {
	.atlas-sidebar-section-nav {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-auto-rows: minmax(44px, auto);
		gap: 6px;
		margin-bottom: 8px;
		overflow-x: hidden;
		padding: 6px;
		scroll-snap-type: none;
	}

	.atlas-sidebar-section-nav-button {
		width: 100%;
		min-width: 0;
		flex: initial;
		scroll-snap-align: none;
	}

	#potree_sidebar_container label:has(input[type="checkbox"]) {
		min-height: 44px;
		grid-template-columns: 24px minmax(0, 1fr);
		padding: 7px 10px;
	}

	#potree_sidebar_container label:has(input[type="checkbox"]) input[type="checkbox"] {
		width: 24px;
		height: 24px;
	}

	.jstree-default .jstree-node {
		min-height: 44px !important;
		line-height: 44px !important;
		margin-left: 10px !important;
	}

	.jstree-default .jstree-anchor {
		min-height: 44px !important;
		line-height: 44px !important;
		display: inline-flex !important;
		align-items: center;
		max-width: calc(100% - 10px);
		padding: 0 12px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.jstree-default .jstree-icon {
		width: 32px !important;
		height: 44px !important;
		line-height: 44px !important;
	}
}

#scene_export,
#potree_download_csv_icon,
#potree_download_las_icon,
#potree_download_profile_ortho_link,
#potree_download_profile_link,
[name="geojson_export_button"],
[name="dxf_export_button"],
[name="potree_export_button"],
input[name="download_volume"],
input[name="download_profile"],
div[name="download_message"] {
	display: none !important;
}

.atlas-tool-rail {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 11020;
	max-height: calc(100% - 36px);
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 8px;
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	overflow-y: auto;
	overflow-x: visible;
	scrollbar-width: thin;
	scrollbar-color: var(--md-sys-color-outline-variant) transparent;
}

.atlas-tool-rail::-webkit-scrollbar {
	width: 6px;
}

.atlas-tool-rail::-webkit-scrollbar-track {
	background: transparent;
}

.atlas-tool-rail::-webkit-scrollbar-thumb {
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-outline-variant);
}

.atlas-mobile-nav {
	position: absolute;
	right: 18px;
	top: 86px;
	z-index: 11030;
	display: none;
	grid-template-columns: 1fr;
	gap: 8px;
	padding: 8px;
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 94%, transparent);
	border: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(12px);
}

.atlas-mobile-nav-button {
	position: relative;
	width: 48px;
	height: 48px;
	min-width: 44px;
	min-height: 44px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	cursor: pointer;
	transition: background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
	touch-action: manipulation;
}

.atlas-mobile-nav-button[data-label]::after {
	position: absolute;
	top: 50%;
	right: calc(100% + 8px);
	max-width: min(180px, calc(100vw - 96px));
	padding: 6px 9px;
	border-radius: var(--md-sys-shape-corner-small);
	background: color-mix(in srgb, var(--md-sys-color-on-surface) 94%, transparent);
	color: var(--md-sys-color-surface-container-lowest);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
	content: attr(data-label);
	font: 760 11px/1 "Roboto Flex", Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	opacity: 0;
	pointer-events: none;
	transform: translate(4px, -50%) scale(0.98);
	transition: opacity 140ms var(--atlas-transition), transform 140ms var(--atlas-transition);
	visibility: hidden;
	white-space: nowrap;
	z-index: 1;
}

@media (hover: hover) {
	.atlas-mobile-nav-button[data-label]:hover::after {
		opacity: 1;
		transform: translate(0, -50%) scale(1);
		visibility: visible;
	}
}

.atlas-mobile-nav-button[data-label]:focus-visible::after {
	opacity: 1;
	transform: translate(0, -50%) scale(1);
	visibility: visible;
}

.atlas-mobile-nav-button:focus-visible {
	outline: none;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-mobile-nav-button:hover {
		outline: none;
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-mobile-nav-button:active {
	transform: scale(0.94);
}

.atlas-drone-entry {
	display: none;
}

body.atlas-drone-capable .atlas-drone-entry:not([hidden]) {
	display: inline-flex;
}

.atlas-drone-overlay {
	position: absolute;
	inset: 0;
	z-index: 13000;
	display: none;
	grid-template-rows: auto minmax(0, 1fr);
	padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
	color: var(--md-sys-color-on-surface);
	touch-action: none;
	user-select: none;
	pointer-events: auto;
}

.atlas-drone-overlay:not([hidden]) {
	display: grid;
}

.atlas-drone-topbar {
	justify-self: stretch;
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 6px 6px 10px;
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 92%, transparent);
	border: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
	backdrop-filter: blur(14px);
}

.atlas-drone-mode-copy {
	min-width: 0;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
}

.atlas-drone-mode-copy > .material-symbols-rounded {
	width: 44px;
	height: 44px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.atlas-drone-mode-copy div {
	min-width: 0;
	display: grid;
	gap: 1px;
}

.atlas-drone-mode-copy span:not(.material-symbols-rounded) {
	font-size: 11px;
	line-height: 14px;
	font-weight: 850;
	text-transform: uppercase;
	color: var(--md-sys-color-secondary);
}

.atlas-drone-mode-copy strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	line-height: 20px;
	font-weight: 780;
	color: var(--md-sys-color-on-surface);
}

.atlas-drone-icon-button,
.atlas-drone-step-button {
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface);
	cursor: pointer;
	touch-action: manipulation;
	transition: background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition), box-shadow 160ms var(--atlas-transition);
}

.atlas-drone-icon-button {
	width: 46px;
	height: 46px;
	min-width: 44px;
	min-height: 44px;
	flex: 0 0 auto;
}

.atlas-drone-icon-button:focus-visible,
.atlas-drone-step-button:focus-visible {
	outline: none;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-drone-icon-button:hover,
	.atlas-drone-step-button:hover {
		outline: none;
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-drone-icon-button:active,
.atlas-drone-step-button:active,
.atlas-drone-step-button.is-active {
	transform: scale(0.96);
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.atlas-drone-control-deck {
	align-self: end;
	display: grid;
	grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
	align-items: end;
	gap: clamp(10px, 4vw, 28px);
	width: 100%;
	padding-top: 18px;
}

.atlas-drone-joystick {
	--atlas-drone-thumb-x: 0px;
	--atlas-drone-thumb-y: 0px;
	display: grid;
	justify-items: center;
	gap: 8px;
	min-width: 0;
	touch-action: none;
}

.atlas-drone-joystick-label {
	max-width: 100%;
	padding: 5px 10px;
	border-radius: var(--md-sys-shape-corner-full);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 88%, transparent);
	border: 1px solid var(--md-sys-color-outline-variant);
	color: var(--md-sys-color-on-surface);
	font-size: 12px;
	line-height: 16px;
	font-weight: 760;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(12px);
}

.atlas-drone-joystick-base {
	position: relative;
	width: clamp(118px, 32vw, 156px);
	aspect-ratio: 1;
	border-radius: var(--md-sys-shape-corner-full);
	display: block;
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 80%, transparent);
	border: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent);
	box-shadow: inset 0 0 0 10px color-mix(in srgb, var(--md-sys-color-primary-container) 34%, transparent), 0 16px 32px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(16px);
}

.atlas-drone-joystick-base::before,
.atlas-drone-joystick-base::after {
	content: "";
	position: absolute;
	background: color-mix(in srgb, var(--md-sys-color-outline) 38%, transparent);
	border-radius: var(--md-sys-shape-corner-full);
}

.atlas-drone-joystick-base::before {
	left: 18%;
	right: 18%;
	top: 50%;
	height: 1px;
}

.atlas-drone-joystick-base::after {
	top: 18%;
	bottom: 18%;
	left: 50%;
	width: 1px;
}

.atlas-drone-joystick-thumb {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 58px;
	height: 58px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, -50%) translate(var(--atlas-drone-thumb-x), var(--atlas-drone-thumb-y));
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.34);
	transition: transform 80ms linear, background-color 160ms var(--atlas-transition);
	z-index: 1;
}

.atlas-drone-joystick.is-active .atlas-drone-joystick-thumb {
	background: var(--md-sys-color-secondary);
	color: var(--md-sys-color-on-secondary);
	transition: background-color 120ms var(--atlas-transition);
}

.atlas-drone-altitude {
	display: grid;
	gap: 8px;
	align-self: end;
}

.atlas-drone-step-button {
	min-width: 82px;
	min-height: 48px;
	gap: 3px;
	flex-direction: column;
	padding: 6px 12px;
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 90%, transparent);
	border: 1px solid var(--md-sys-color-outline-variant);
	font-size: 11px;
	line-height: 13px;
	font-weight: 760;
	backdrop-filter: blur(12px);
}

.atlas-drone-step-button .material-symbols-rounded {
	font-size: 24px;
}

body.atlas-drone-mode {
	overflow: hidden;
}

.atlas-top-app-bar[data-drone-suppressed="true"],
.atlas-address-search[data-drone-suppressed="true"],
.atlas-tool-rail[data-drone-suppressed="true"],
.atlas-mobile-nav[data-drone-suppressed="true"],
body.atlas-drone-mode .atlas-mobile-measure-panel,
body.atlas-drone-mode .atlas-measure-hint,
body.atlas-drone-mode .atlas-volume-controls,
body.atlas-drone-mode .atlas-flood-emergency,
body.atlas-drone-mode .atlas-map-layer-picker,
body.atlas-drone-mode #potree_quick_buttons,
body.atlas-drone-mode #potree_sidebar_container {
	display: none !important;
}

body.atlas-drone-mode .potree_container {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100dvh;
	z-index: 12000;
}

#atlasViewerShell:fullscreen,
#atlasViewerShell:-webkit-full-screen {
	inset: 0;
	width: 100%;
	height: 100%;
	background: var(--atlas-viewer-bg);
}

.atlas-drone-mode #potree_render_area {
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	touch-action: none;
}

.atlas-mobile-measure-panel {
	display: none;
}

.atlas-mobile-measure-panel.is-hidden {
	display: none !important;
}

.atlas-mobile-measure-copy {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.atlas-mobile-measure-copy > .material-symbols-rounded {
	width: 42px;
	height: 42px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

.atlas-mobile-measure-panel.has-finish-warning {
	border-color: color-mix(in srgb, var(--md-sys-color-error) 62%, var(--md-sys-color-outline-variant));
}

.atlas-mobile-measure-panel.has-finish-warning .atlas-mobile-measure-copy > .material-symbols-rounded {
	background: var(--md-sys-color-error-container);
	color: var(--md-sys-color-on-error-container);
}

.atlas-mobile-measure-copy div {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.atlas-mobile-measure-copy span:not(.material-symbols-rounded),
.atlas-mobile-measure-copy strong {
	min-width: 0;
	overflow-wrap: anywhere;
}

.atlas-mobile-measure-copy span:not(.material-symbols-rounded) {
	font-size: 11px;
	line-height: 14px;
	font-weight: 850;
	text-transform: uppercase;
	color: var(--md-sys-color-secondary);
}

.atlas-mobile-measure-copy strong {
	font-size: 13px;
	line-height: 18px;
	font-weight: 720;
	color: var(--md-sys-color-on-surface);
}

.atlas-mobile-measure-panel.has-finish-warning .atlas-mobile-measure-copy strong {
	color: var(--md-sys-color-error);
}

.atlas-mobile-measure-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 8px;
}

.atlas-mobile-measure-action {
	min-width: 0;
	min-height: 46px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 0 12px;
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface);
	font-weight: 760;
	font-size: 13px;
	cursor: pointer;
	touch-action: manipulation;
	transition: background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition), opacity 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-mobile-measure-finish {
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.atlas-mobile-measure-action:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-mobile-measure-action:not(:disabled):not([aria-disabled="true"]):hover {
		outline: none;
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-mobile-measure-action:active {
	transform: scale(0.97);
}

.atlas-mobile-measure-action:disabled,
.atlas-mobile-measure-action[aria-disabled="true"] {
	opacity: 0.42;
	cursor: default;
	transform: none;
}

.atlas-mobile-measure-action[aria-disabled="true"] {
	cursor: pointer;
}

.atlas-mobile-measure-finish:disabled,
.atlas-mobile-measure-finish[aria-disabled="true"] {
	background: var(--md-sys-color-surface-container-highest);
	color: var(--md-sys-color-on-surface-variant);
	opacity: 1;
}

@media (pointer: coarse) and (min-width: 761px) {
	.atlas-mobile-measure-panel {
		position: absolute;
		left: calc((100vw - 88px) / 2);
		right: auto;
		bottom: max(18px, env(safe-area-inset-bottom));
		z-index: 11035;
		width: min(620px, calc(100vw - 132px));
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 12px;
		padding: 12px;
		border-radius: var(--md-sys-shape-corner-extra-large);
		background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 96%, transparent);
		color: var(--md-sys-color-on-surface);
		border: 1px solid var(--md-sys-color-outline-variant);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
		backdrop-filter: blur(12px);
		transform: translateX(-50%);
	}

	.atlas-mobile-measure-panel.is-hidden {
		display: none !important;
	}

	.atlas-mobile-measure-actions {
		grid-template-columns: repeat(2, minmax(116px, auto));
	}

	.atlas-mobile-measure-action {
		min-height: 48px;
	}

	.atlas-measure-hint[data-mobile-measure-suppressed="true"] {
		display: none;
	}
}

.atlas-address-search {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 180;
	width: min(430px, calc(100vw - 150px));
	display: grid;
	gap: 8px;
	transition: left 180ms var(--atlas-transition);
}

.atlas-sidebar-open .atlas-address-search {
	left: calc(var(--atlas-sidebar-width) + 18px);
}

.atlas-address-form {
	min-height: 56px;
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) 44px;
	align-items: center;
	gap: 8px;
	padding: 5px 6px 5px 18px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.atlas-address-form.has-clear {
	grid-template-columns: 28px minmax(0, 1fr) 40px 44px;
}

.atlas-address-leading-icon {
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-address-input {
	min-width: 0;
	width: 100%;
	height: 42px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--md-sys-color-on-surface);
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}

.atlas-address-input::placeholder {
	color: var(--md-sys-color-on-surface-variant);
	opacity: 0.84;
}

.atlas-address-input:disabled {
	opacity: 0.72;
}

.atlas-address-clear {
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant);
	cursor: pointer;
	transition: background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-address-clear[hidden] {
	display: none !important;
}

.atlas-address-clear:focus-visible {
	outline: none;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-address-clear:hover {
		outline: none;
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-address-clear:active {
	transform: scale(0.94);
}

.atlas-address-clear .material-symbols-rounded {
	font-size: 19px;
}

.atlas-address-submit {
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	cursor: pointer;
	transition: transform 160ms var(--atlas-transition), filter 160ms var(--atlas-transition), background-color 160ms var(--atlas-transition);
}

.atlas-address-submit:focus-visible {
	outline: none;
	box-shadow: var(--atlas-focus-ring);
	filter: brightness(1.06);
}

@media (hover: hover) {
	.atlas-address-submit:hover {
		outline: none;
		box-shadow: var(--atlas-focus-ring);
		filter: brightness(1.06);
	}
}

.atlas-address-submit:active {
	transform: scale(0.94);
}

.atlas-address-submit:disabled {
	cursor: progress;
	opacity: 0.72;
}

.atlas-address-search.is-busy .atlas-address-submit .material-symbols-rounded {
	animation: atlas-spin 900ms linear infinite;
}

	.atlas-address-results {
		position: relative;
		max-height: min(340px, calc(100dvh - 180px));
		overflow: auto;
		padding: 8px;
		border: 1px solid var(--md-sys-color-outline-variant);
		border-radius: var(--md-sys-shape-corner-large);
		background: var(--md-sys-color-surface-container-lowest);
		color: var(--md-sys-color-on-surface);
		--atlas-address-results-elevation: 0 12px 32px rgba(0, 0, 0, 0.22);
		--atlas-address-results-shadow: rgba(13, 30, 20, 0.34);
		--atlas-address-results-more: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
		--atlas-address-results-scroll-shadow-start: inset 0 24px 20px -24px var(--atlas-address-results-shadow);
		--atlas-address-results-scroll-shadow-end: inset 0 -24px 20px -24px var(--atlas-address-results-shadow);
		--atlas-address-results-more-shadow: inset 0 -3px 0 var(--atlas-address-results-more);
		box-shadow: var(--atlas-address-results-elevation);
	}

	.atlas-address-results[hidden] {
		display: none;
	}

	.atlas-address-results.is-scrollable:not(.is-scroll-start):not(.is-scroll-end) {
		box-shadow:
			var(--atlas-address-results-elevation),
			var(--atlas-address-results-scroll-shadow-start),
			var(--atlas-address-results-scroll-shadow-end),
			var(--atlas-address-results-more-shadow);
	}

	.atlas-address-results.is-scrollable.is-scroll-start:not(.is-scroll-end) {
		box-shadow:
			var(--atlas-address-results-elevation),
			var(--atlas-address-results-scroll-shadow-end),
			var(--atlas-address-results-more-shadow);
	}

	.atlas-address-results.is-scrollable:not(.is-scroll-start).is-scroll-end {
		box-shadow:
			var(--atlas-address-results-elevation),
			var(--atlas-address-results-scroll-shadow-start);
	}

	.atlas-address-results-hint {
		display: inline-flex;
		align-items: center;
		justify-self: center;
		gap: 4px;
		max-width: calc(100% - 28px);
		min-height: 24px;
		padding: 3px 10px;
		border-radius: var(--md-sys-shape-corner-full);
		background: color-mix(in srgb, var(--md-sys-color-surface-container-high) 94%, transparent);
		color: var(--md-sys-color-on-surface-variant);
		border: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 74%, transparent);
		box-shadow: 0 6px 14px rgba(15, 23, 42, 0.13);
		font-size: 11px;
		line-height: 16px;
		font-weight: 750;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		pointer-events: none;
	}

	.atlas-address-results-hint[hidden] {
		display: none;
	}

	.atlas-address-search.has-results-hint .atlas-address-results {
		max-height: min(308px, calc(100dvh - 214px));
	}

.atlas-map-items-panel {
	position: relative;
	display: grid;
	gap: 8px;
	padding: 10px;
	max-height: min(560px, calc(100dvh - var(--atlas-appbar-height) - 152px - env(safe-area-inset-bottom)));
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-large);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 96%, transparent);
	color: var(--md-sys-color-on-surface);
	--atlas-map-items-panel-elevation: 0 12px 32px rgba(0, 0, 0, 0.22);
	box-shadow: var(--atlas-map-items-panel-elevation);
	backdrop-filter: blur(12px);
}

.atlas-map-items-panel[hidden] {
	display: none;
}

.atlas-map-items-panel.is-collapsed {
	gap: 0;
}

.atlas-map-items-panel[data-address-results-suppressed="true"] {
	display: none;
}

.atlas-map-items-header {
	position: sticky;
	top: 0;
	z-index: 2;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	margin: -2px;
	padding: 2px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 94%, transparent);
	--atlas-map-items-header-elevation: 0 8px 18px rgba(0, 0, 0, 0.10);
	box-shadow: var(--atlas-map-items-header-elevation);
	backdrop-filter: blur(10px);
}

.atlas-map-items-panel.is-collapsed .atlas-map-items-header {
	position: static;
	z-index: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.atlas-map-items-header > .material-symbols-rounded {
	width: 32px;
	height: 32px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	font-size: 19px;
}

.atlas-map-items-header strong,
.atlas-map-items-copy strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 18px;
	font-weight: 800;
}

.atlas-map-items-header > div > span {
	display: block;
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-map-items-scroll-hint {
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	margin-top: 3px;
	padding: 2px 8px 2px 6px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex !important;
	align-items: center;
	gap: 3px;
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container) !important;
	font-size: 10px !important;
	line-height: 14px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-map-items-scroll-hint[hidden] {
	display: none !important;
}

.atlas-map-items-visibility-state,
.atlas-map-items-filter-collapsed-state,
.atlas-map-items-filter-collapsed-clear,
.atlas-map-items-workspace-state {
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	min-height: 32px;
	margin-top: 4px;
	padding: 3px 8px 3px 6px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container) !important;
	font-size: 11px !important;
	line-height: 14px !important;
	font-weight: 850 !important;
	white-space: nowrap !important;
	overflow: hidden;
}

.atlas-map-items-filter-collapsed-state {
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container) !important;
}

.atlas-map-items-filter-collapsed-clear {
	min-height: 40px;
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container) !important;
}

button.atlas-map-items-visibility-state,
button.atlas-map-items-filter-collapsed-state,
button.atlas-map-items-filter-collapsed-clear,
button.atlas-map-items-workspace-state {
	border: 0;
	min-height: 40px;
	padding-block: 5px;
	font: inherit;
	text-align: left;
	cursor: pointer;
	touch-action: manipulation;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 140ms var(--atlas-transition), box-shadow 140ms var(--atlas-transition);
}

button.atlas-map-items-visibility-state:focus-visible,
button.atlas-map-items-filter-collapsed-state:focus-visible,
button.atlas-map-items-filter-collapsed-clear:focus-visible,
button.atlas-map-items-workspace-state:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	button.atlas-map-items-filter-collapsed-state:hover {
		background: color-mix(in srgb, var(--md-sys-color-primary-container) 74%, var(--md-sys-color-primary));
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 34%, transparent);
	}

	button.atlas-map-items-visibility-state:hover {
		background: color-mix(in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-primary));
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);
	}

	button.atlas-map-items-filter-collapsed-clear:hover {
		background: color-mix(in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-primary));
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);
	}

	button.atlas-map-items-workspace-state:hover {
		background: color-mix(in srgb, var(--md-sys-color-surface-container-high) 76%, var(--md-sys-color-primary));
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 34%, transparent);
	}
}

.atlas-map-items-workspace-state {
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant) !important;
	box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant);
}

.atlas-map-items-filter-collapsed-state.is-empty {
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error) !important;
}

.atlas-map-items-visibility-state[hidden],
.atlas-map-items-filter-collapsed-state[hidden],
.atlas-map-items-filter-collapsed-clear[hidden],
.atlas-map-items-workspace-state[hidden] {
	display: none !important;
}

.atlas-map-items-visibility-state .material-symbols-rounded,
.atlas-map-items-filter-collapsed-state .material-symbols-rounded,
.atlas-map-items-filter-collapsed-clear .material-symbols-rounded,
.atlas-map-items-workspace-state .material-symbols-rounded {
	width: auto;
	height: auto;
	flex: 0 0 auto;
	background: transparent;
	color: currentColor;
	font-size: 15px;
	line-height: 1;
}

.atlas-map-items-visibility-label,
.atlas-map-items-filter-collapsed-label,
.atlas-map-items-workspace-label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-map-items-organization-label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-map-items-organization-state {
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	min-height: 26px;
	margin-top: 4px;
	padding: 3px 8px 3px 6px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant) !important;
	box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant);
	font-size: 10.5px !important;
	line-height: 14px !important;
	font-weight: 820 !important;
	letter-spacing: 0;
	white-space: nowrap !important;
	overflow: hidden;
}

button.atlas-map-items-organization-state {
	border: 0;
	font: inherit;
	text-align: left;
	cursor: default;
	touch-action: manipulation;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 140ms var(--atlas-transition), box-shadow 140ms var(--atlas-transition);
}

button.atlas-map-items-organization-state.is-actionable {
	min-height: 40px;
	padding-block: 5px;
	cursor: pointer;
}

button.atlas-map-items-organization-state:disabled {
	opacity: 1;
}

button.atlas-map-items-organization-state.is-actionable:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	button.atlas-map-items-organization-state.is-actionable:hover {
		background: color-mix(in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-primary));
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent);
	}
}

.atlas-map-items-organization-state.has-hidden,
.atlas-map-items-organization-state.is-hidden,
.atlas-map-items-organization-state.is-isolated {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container) !important;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 16%, transparent);
}

.atlas-map-items-organization-state[hidden],
.atlas-map-items-panel.is-collapsed .atlas-map-items-organization-state:not(.has-hidden):not(.is-hidden):not(.is-isolated) {
	display: none !important;
}

.atlas-map-items-panel.is-collapsed .atlas-map-items-organization-state {
	min-height: 30px;
	max-width: min(100%, 24ch);
	font-size: 10px !important;
}

.atlas-map-items-panel.is-collapsed button.atlas-map-items-organization-state.is-actionable {
	min-height: 40px;
}

.atlas-map-items-organization-state .material-symbols-rounded {
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1;
	color: currentColor;
}

.atlas-map-items-copy small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-map-items-row-has-actions .atlas-map-items-copy small,
.atlas-map-items-row-place .atlas-map-items-copy small {
	display: -webkit-box;
	max-height: 32px;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

	.atlas-map-items-copy .atlas-map-items-row-guidance {
		margin-top: 3px;
		color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 72%, var(--md-sys-color-primary));
		font-weight: 760;
	}

	.atlas-map-items-origin-badge {
		width: fit-content;
		max-width: 100%;
		min-width: 0;
		min-height: 22px;
		margin-top: 5px;
		padding: 3px 8px 3px 6px;
		border-radius: var(--md-sys-shape-corner-full);
		display: inline-flex;
		align-items: center;
		gap: 4px;
		background: var(--md-sys-color-tertiary-container);
		color: var(--md-sys-color-on-tertiary-container);
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 12%, transparent);
		font-size: 10.5px;
		line-height: 14px;
		font-weight: 820;
		letter-spacing: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.atlas-map-items-origin-badge .material-symbols-rounded {
		flex: 0 0 auto;
		font-size: 14px;
		line-height: 1;
		color: currentColor;
	}

	.atlas-map-items-origin-badge span:not(.material-symbols-rounded):not(.atlas-sr-only) {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.atlas-map-items-row.is-type-hidden .atlas-map-items-row-guidance {
		color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 84%, transparent);
	}

	.atlas-map-items-row.is-type-hidden .atlas-map-items-origin-badge {
		background: var(--md-sys-color-surface-container-high);
		color: var(--md-sys-color-on-surface-variant);
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-outline) 22%, transparent);
	}

	.atlas-map-items-status-badge {
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	min-height: 22px;
	margin-top: 5px;
	padding: 3px 8px 3px 6px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font-size: 11px;
	line-height: 14px;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
}

.atlas-map-items-status-badge .material-symbols-rounded {
	flex: 0 0 auto;
	font-size: 15px;
	line-height: 1;
}

.atlas-map-items-status-badge span:not(.material-symbols-rounded) {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-map-items-panel.is-items-hidden .atlas-map-items-status-badge,
.atlas-map-items-panel.has-type-hidden .atlas-map-items-status-badge {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
}

.atlas-map-items-status-badge.is-isolated {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
}

.atlas-map-items-panel.is-items-hidden .atlas-map-items-list {
	opacity: 0.72;
}

.atlas-map-items-panel.is-items-hidden .atlas-map-items-row > .material-symbols-rounded {
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-map-items-row.is-type-hidden {
	background: var(--md-sys-color-surface-container-lowest);
	opacity: 0.78;
}

.atlas-map-items-row.is-type-hidden > .material-symbols-rounded {
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-map-items-list[hidden] {
	display: none;
}

.atlas-map-items-summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
	gap: 6px;
}

.atlas-map-items-summary[hidden],
.atlas-map-items-panel.is-collapsed .atlas-map-items-summary {
	display: none;
}

.atlas-map-items-filter {
	min-height: 48px;
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	gap: 7px;
	padding: 3px 4px 3px 10px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-map-items-filter[hidden],
.atlas-map-items-panel.is-collapsed .atlas-map-items-filter,
.atlas-map-items-panel.is-collapsed .atlas-map-items-filter-status {
	display: none;
}

.atlas-map-items-filter:focus-within {
	border-color: var(--md-sys-color-primary);
	box-shadow: var(--atlas-focus-ring);
}

.atlas-map-items-filter > .material-symbols-rounded {
	font-size: 20px;
	line-height: 1;
	color: currentColor;
}

.atlas-map-items-filter input {
	width: 100%;
	min-width: 0;
	height: 40px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--md-sys-color-on-surface);
	font: inherit;
	font-size: 13px;
	line-height: 18px;
	font-weight: 650;
}

.atlas-map-items-filter input::placeholder {
	color: var(--md-sys-color-on-surface-variant);
	opacity: 0.82;
}

.atlas-map-items-filter-clear {
	width: 40px;
	min-width: 40px;
	height: 40px;
	min-height: 40px;
	background: transparent;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-map-items-filter-clear[hidden] {
	display: none;
}

.atlas-map-items-filter-helper {
	grid-column: 1 / -1;
	margin: -4px 4px 3px 31px;
	display: -webkit-box;
	color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 78%, var(--md-sys-color-primary));
	font-size: 10.5px;
	line-height: 14px;
	font-weight: 780;
	letter-spacing: 0;
	overflow: hidden;
	overflow-wrap: anywhere;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.atlas-map-items-filter-status,
.atlas-map-items-filter-scope {
	width: fit-content;
	max-width: 100%;
	padding: 2px 8px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-block;
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	font-size: 11px;
	line-height: 15px;
	font-weight: 800;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.atlas-map-items-filter-scope {
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant);
	box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant);
}

.atlas-map-items-filter-status[hidden],
.atlas-map-items-filter-scope[hidden] {
	display: none;
}

.atlas-map-items-row[hidden] {
	display: none;
}

.atlas-map-items-filter-empty {
	background: var(--md-sys-color-surface-container);
}

.atlas-map-items-filter-empty .atlas-map-items-action-button {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
}

.atlas-map-items-filter-empty .atlas-map-items-action-button:focus-visible {
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

@media (hover: hover) {
	.atlas-map-items-filter-empty .atlas-map-items-action-button:not(:disabled):hover {
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}
}

.atlas-map-items-filter-suggestions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
}

.atlas-map-items-filter-suggestions-label {
	flex: 0 0 100%;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 10px;
	line-height: 13px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.atlas-map-items-filter-suggestion {
	min-height: 44px;
	max-width: 100%;
	padding: 5px 10px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	font: inherit;
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	text-align: left;
	cursor: pointer;
	touch-action: manipulation;
	appearance: none;
	-webkit-appearance: none;
}

.atlas-map-items-filter-suggestion .material-symbols-rounded {
	flex: 0 0 auto;
	font-size: 16px;
	line-height: 1;
}

.atlas-map-items-filter-suggestion-copy {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.atlas-map-items-filter-suggestion-title {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-map-items-filter-suggestion small {
	max-width: min(220px, calc(100vw - 120px));
	color: var(--md-sys-color-on-surface-variant);
	font-size: 10.5px;
	line-height: 13px;
	font-weight: 700;
	letter-spacing: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-map-items-filter-suggestion:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

.atlas-map-items-filter-suggestion:focus-visible small {
	color: color-mix(in srgb, var(--md-sys-color-on-primary-container) 76%, transparent);
}

@media (hover: hover) {
	.atlas-map-items-filter-suggestion:hover {
		border-color: color-mix(in srgb, var(--md-sys-color-primary) 54%, var(--md-sys-color-outline-variant));
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}

	.atlas-map-items-filter-suggestion:hover small {
		color: color-mix(in srgb, var(--md-sys-color-on-primary-container) 76%, transparent);
	}
}

.atlas-map-items-summary-chip-shell {
	min-width: 0;
	display: block;
}

.atlas-map-items-summary-chip {
	width: 100%;
	min-height: 44px;
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 7px;
	padding: 7px 8px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font: inherit;
	text-align: left;
	cursor: pointer;
	touch-action: manipulation;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.atlas-map-items-summary-chip.is-hidden {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
}

.atlas-map-items-summary-chip.is-isolated {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
}

.atlas-map-items-summary-chip.is-active {
	border-color: var(--md-sys-color-primary);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 42%, transparent), 0 2px 8px rgba(15, 23, 42, 0.16);
}

.atlas-map-items-summary.has-filter-state .atlas-map-items-summary-chip.is-filter-listed {
	border-color: color-mix(in srgb, var(--md-sys-color-primary) 34%, var(--md-sys-color-outline-variant));
	background: color-mix(in srgb, var(--md-sys-color-secondary-container) 72%, var(--md-sys-color-primary-container));
}

.atlas-map-items-summary.has-filter-state .atlas-map-items-summary-chip.is-filter-outside {
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant);
	border-color: color-mix(in srgb, var(--md-sys-color-outline-variant) 82%, transparent);
	opacity: 0.78;
}

.atlas-map-items-summary.has-filter-state.has-empty-filter .atlas-map-items-summary-chip.is-filter-outside {
	border-style: dashed;
}

.atlas-map-items-summary-chip:focus-visible {
	outline: 2px solid var(--md-sys-color-primary);
	outline-offset: 2px;
}

@media (hover: hover) {
	.atlas-map-items-summary-chip:hover {
		border-color: color-mix(in srgb, var(--md-sys-color-primary) 56%, var(--md-sys-color-outline-variant));
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.14);
	}
}

.atlas-map-items-summary-chip > .material-symbols-rounded {
	width: 28px;
	height: 28px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 10%, transparent);
	font-size: 18px;
}

.atlas-map-items-summary-chip strong,
.atlas-map-items-summary-chip small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-map-items-summary-chip strong {
	font-size: 12px;
	line-height: 15px;
	font-weight: 800;
}

.atlas-map-items-summary-chip small {
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
	color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 76%, transparent);
}

.atlas-map-items-summary-chip.is-hidden small,
.atlas-map-items-summary-chip.is-isolated small {
	color: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 78%, transparent);
}

.atlas-map-items-summary.has-filter-state .atlas-map-items-summary-chip.is-filter-outside small {
	color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 78%, transparent);
}

.atlas-map-items-summary-chip-status,
.atlas-map-items-summary-chip-action {
	width: fit-content;
	max-width: 100%;
	min-height: 18px;
	margin-top: 4px;
	padding: 2px 6px 2px 5px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	gap: 3px;
	background: color-mix(in srgb, currentColor 12%, transparent);
	color: inherit;
	font-size: 10px;
	line-height: 13px;
	font-weight: 850;
	white-space: nowrap;
}

.atlas-map-items-summary-chip-action {
	background: color-mix(in srgb, var(--md-sys-color-primary) 18%, transparent);
}

.atlas-map-items-summary-chip.is-active .atlas-map-items-summary-chip-action {
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.atlas-map-items-summary-chip.is-filter-listed .atlas-map-items-summary-chip-action {
	background: color-mix(in srgb, var(--md-sys-color-primary) 24%, transparent);
}

.atlas-map-items-summary-chip.is-filter-outside .atlas-map-items-summary-chip-action {
	background: color-mix(in srgb, var(--md-sys-color-outline) 18%, transparent);
	color: inherit;
}

.atlas-map-items-summary-chip-status .material-symbols-rounded {
	font-size: 13px;
	line-height: 1;
}

.atlas-map-items-summary-chip-action .material-symbols-rounded {
	font-size: 13px;
	line-height: 1;
}

		.atlas-map-items-list {
			display: grid;
			gap: 6px;
		}

	.atlas-map-items-row {
		min-height: 44px;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	padding: 7px 8px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
}

.atlas-map-items-row-has-actions,
.atlas-map-items-row-place {
	grid-template-columns: 32px minmax(0, 1fr) auto;
}

.atlas-map-items-row > .material-symbols-rounded {
	width: 32px;
	height: 32px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	font-size: 19px;
}

		.atlas-map-items-actions {
			display: inline-flex;
			align-items: center;
			gap: 6px;
		}

		:where(.atlas-map-items-row-has-actions, .atlas-map-items-row-place) .atlas-map-items-actions {
			justify-content: flex-end;
			max-width: min(100%, 286px);
			flex-wrap: wrap;
			row-gap: 6px;
		}

		.atlas-map-items-icon-button {
			position: relative;
		width: 44px;
		min-width: 44px;
		height: 44px;
		min-height: 44px;
		border: 0;
		border-radius: var(--md-sys-shape-corner-full);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: var(--md-sys-color-surface-container-high);
		color: var(--md-sys-color-on-surface);
		cursor: pointer;
		transition: background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
	}

	.atlas-map-items-action-button {
		width: auto;
		min-width: 44px;
		gap: 6px;
		padding: 0 12px;
	}

		.atlas-map-items-icon-button:focus-visible {
			outline: none;
			background: var(--md-sys-color-primary-container);
			color: var(--md-sys-color-on-primary-container);
			box-shadow: var(--atlas-focus-ring);
		}

		@media (hover: hover) {
			.atlas-map-items-icon-button:hover {
				outline: none;
				background: var(--md-sys-color-primary-container);
				color: var(--md-sys-color-on-primary-container);
				box-shadow: var(--atlas-focus-ring);
			}
		}

			.atlas-map-items-icon-button[data-map-items-action^="clear"]:not([data-map-items-action="clear-filter"]) {
				background: var(--atlas-color-danger-container);
				color: var(--md-sys-color-error);
			}

			.atlas-map-items-icon-button[data-map-items-danger="true"] {
				margin-inline-start: 4px;
				box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-error) 24%, transparent);
			}

			.atlas-map-items-actions .atlas-map-items-icon-button[data-map-items-danger="true"]:first-child {
				margin-inline-start: 0;
			}

		.atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"][aria-pressed="true"] {
			background: var(--md-sys-color-secondary-container);
			color: var(--md-sys-color-on-secondary-container);
		}

		.atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"][aria-pressed="mixed"] {
			background: var(--md-sys-color-tertiary-container);
			color: var(--md-sys-color-on-tertiary-container);
			box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
		}

		.atlas-map-items-panel.has-map-items-filter-isolatable .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"] {
			background: var(--md-sys-color-tertiary-container);
			color: var(--md-sys-color-on-tertiary-container);
			box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
		}

		.atlas-map-items-panel.has-map-items-filter-needs-reveal .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"] {
			background: var(--md-sys-color-primary-container);
			color: var(--md-sys-color-on-primary-container);
			box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 28%, transparent);
		}

		.atlas-map-items-panel.has-map-items-filter-isolatable .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"]:focus-visible,
		.atlas-map-items-panel.has-map-items-filter-needs-reveal .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"]:focus-visible {
			box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent);
		}

		@media (hover: hover) {
			.atlas-map-items-panel.has-map-items-filter-isolatable .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"]:hover,
			.atlas-map-items-panel.has-map-items-filter-needs-reveal .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-visibility"]:hover {
				box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent);
			}
		}

		.atlas-map-items-panel.has-map-items-filter-active.is-collapsed .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-panel"] {
			background: var(--md-sys-color-tertiary-container);
			color: var(--md-sys-color-on-tertiary-container);
			box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
		}

		.atlas-map-items-panel.has-map-items-filter-active.is-collapsed .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-panel"]:focus-visible {
			background: var(--md-sys-color-tertiary-container);
			color: var(--md-sys-color-on-tertiary-container);
			box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 22%, transparent);
		}

		@media (hover: hover) {
			.atlas-map-items-panel.has-map-items-filter-active.is-collapsed .atlas-map-items-header .atlas-map-items-icon-button[data-map-items-action="toggle-panel"]:hover {
				background: var(--md-sys-color-tertiary-container);
				color: var(--md-sys-color-on-tertiary-container);
				box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 22%, transparent);
			}
		}

		.atlas-map-items-action-button[data-map-items-action$="-visibility"][aria-pressed="true"] {
			background: var(--md-sys-color-secondary-container);
			color: var(--md-sys-color-on-secondary-container);
		}

			.atlas-map-items-action-button[data-map-items-action^="isolate-"][aria-pressed="true"] {
				background: var(--md-sys-color-tertiary-container);
				color: var(--md-sys-color-on-tertiary-container);
				box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
			}

				.atlas-map-items-icon-button.is-success,
				.atlas-map-items-organization-state.is-success {
					background: color-mix(in srgb, var(--atlas-color-success) 14%, var(--md-sys-color-surface-container-high));
					color: var(--atlas-color-success);
					box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--atlas-color-success) 32%, transparent);
				}

				.atlas-map-items-icon-button.is-success:focus-visible,
				.atlas-map-items-organization-state.is-success:focus-visible {
					background: color-mix(in srgb, var(--atlas-color-success) 18%, var(--md-sys-color-surface-container-high));
					color: var(--atlas-color-success);
					box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--atlas-color-success) 38%, transparent);
				}

				@media (hover: hover) {
					.atlas-map-items-icon-button.is-success:hover,
					.atlas-map-items-organization-state.is-success:hover {
						background: color-mix(in srgb, var(--atlas-color-success) 18%, var(--md-sys-color-surface-container-high));
						color: var(--atlas-color-success);
						box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--atlas-color-success) 38%, transparent);
				}
			}

			.atlas-map-items-action-button[data-map-items-action^="isolate-"][aria-pressed="true"]:focus-visible {
				background: var(--md-sys-color-tertiary-container);
				color: var(--md-sys-color-on-tertiary-container);
			box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 22%, transparent);
		}

		@media (hover: hover) {
			.atlas-map-items-action-button[data-map-items-action^="isolate-"][aria-pressed="true"]:hover {
				background: var(--md-sys-color-tertiary-container);
				color: var(--md-sys-color-on-tertiary-container);
				box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 22%, transparent);
			}
		}

			.atlas-map-items-icon-button[data-map-items-action^="clear"]:not([data-map-items-action="clear-filter"]):focus-visible {
				background: var(--md-sys-color-error);
				color: var(--md-sys-color-on-error);
				box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-error) 24%, transparent);
			}

			@media (hover: hover) {
				.atlas-map-items-icon-button[data-map-items-action^="clear"]:not([data-map-items-action="clear-filter"]):hover {
					background: var(--md-sys-color-error);
					color: var(--md-sys-color-on-error);
					box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-error) 24%, transparent);
				}
			}

			.atlas-map-items-icon-button:disabled,
			.atlas-map-items-icon-button[aria-disabled="true"] {
				opacity: 0.44;
				cursor: default;
				transform: none;
				box-shadow: none;
			}

			.atlas-map-items-icon-button[aria-disabled="true"] {
				cursor: pointer;
			}

			.atlas-map-items-icon-button[data-map-items-filter-blocked="true"] {
				opacity: 1;
				cursor: pointer;
				background: var(--md-sys-color-tertiary-container);
				color: var(--md-sys-color-on-tertiary-container);
				box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
			}

			.atlas-map-items-icon-button:disabled:focus-visible {
				background: var(--md-sys-color-surface-container-high);
				color: var(--md-sys-color-on-surface);
				box-shadow: none;
			}

			.atlas-map-items-icon-button[aria-disabled="true"]:focus-visible {
				background: var(--md-sys-color-surface-container-high);
				color: var(--md-sys-color-on-surface);
				box-shadow: var(--atlas-focus-ring);
			}

			.atlas-map-items-icon-button[data-map-items-filter-blocked="true"]:focus-visible {
				background: var(--md-sys-color-primary-container);
				color: var(--md-sys-color-on-primary-container);
				box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-primary-container) 22%, transparent);
			}

			@media (hover: hover) {
				.atlas-map-items-icon-button:disabled:hover,
				.atlas-map-items-icon-button[aria-disabled="true"]:hover {
					background: var(--md-sys-color-surface-container-high);
					color: var(--md-sys-color-on-surface);
					box-shadow: none;
				}

				.atlas-map-items-icon-button[data-map-items-filter-blocked="true"]:hover {
					background: var(--md-sys-color-primary-container);
					color: var(--md-sys-color-on-primary-container);
					box-shadow: var(--atlas-focus-ring), inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-primary-container) 22%, transparent);
				}
			}

			.atlas-map-items-icon-button:active {
				transform: scale(0.94);
			}

	.atlas-map-items-icon-button .material-symbols-rounded {
		font-size: 19px;
	}

	.atlas-map-items-header .atlas-map-items-icon-button[data-label]::after {
		content: attr(data-label);
		position: absolute;
		right: 0;
		bottom: calc(100% + 7px);
		z-index: 3;
		max-width: min(128px, calc(100vw - 24px));
		padding: 5px 8px;
		border-radius: var(--md-sys-shape-corner-small);
		background: #20272d;
		color: #ffffff;
		box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
		font-size: 11px;
		line-height: 14px;
		font-weight: 800;
		letter-spacing: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		pointer-events: none;
		opacity: 0;
		transform: translateY(3px);
		transition: opacity 140ms var(--atlas-transition), transform 140ms var(--atlas-transition);
	}

	@media (hover: hover) {
		.atlas-map-items-header .atlas-map-items-icon-button[data-label]:hover::after {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.atlas-map-items-header .atlas-map-items-icon-button[data-label]:focus-visible::after {
		opacity: 1;
		transform: translateY(0);
	}

	.atlas-map-items-action-label {
		display: inline-block;
		max-width: 72px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 11px;
		line-height: 14px;
		font-weight: 800;
	}

.atlas-address-result {
	width: 100%;
	min-height: 58px;
	padding: 8px 10px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-medium);
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	background: transparent;
	color: var(--md-sys-color-on-surface);
	text-align: left;
	cursor: pointer;
}

.atlas-address-result[aria-selected="true"] {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

.atlas-address-result:focus-visible {
	outline: none;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-address-result:hover {
		outline: none;
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
	}
}

.atlas-address-result .material-symbols-rounded {
	width: 32px;
	height: 32px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	font-size: 20px;
}

.atlas-address-result-copy {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.atlas-address-result-copy strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 18px;
	font-weight: 800;
}

.atlas-address-result-copy span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-address-result-copy .atlas-address-result-meta {
	width: max-content;
	max-width: 100%;
	min-height: 22px;
	padding: 2px 8px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	-webkit-line-clamp: 1;
	background: color-mix(in srgb, var(--md-sys-color-secondary-container) 72%, transparent);
	color: var(--md-sys-color-on-secondary-container);
	font-size: 11px;
	line-height: 16px;
	font-weight: 800;
	letter-spacing: 0;
}

.atlas-address-empty {
	width: 100%;
	min-height: 74px;
	padding: 10px 12px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	text-align: left;
}

.atlas-address-empty .material-symbols-rounded {
	width: 36px;
	height: 36px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	font-size: 21px;
}

.atlas-address-empty-copy {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.atlas-address-empty-copy strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 18px;
	font-weight: 850;
}

.atlas-address-empty-copy span {
	display: block;
	min-width: 0;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

.atlas-tool-button {
	position: relative;
	width: 46px;
	min-width: 46px;
	height: 46px;
	min-height: 46px;
	flex: 0 0 46px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--md-sys-color-on-surface);
	background: transparent;
	transition: background-color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition), color 160ms var(--atlas-transition);
	touch-action: manipulation;
}

.atlas-tool-button[hidden] {
	display: none !important;
}

.atlas-tool-button:focus-visible,
.atlas-tool-button.is-active {
	outline: none;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

@media (hover: hover) {
	.atlas-tool-button:hover {
		outline: none;
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}
}

.atlas-tool-button:active {
	transform: scale(0.94);
}

.atlas-tool-overflow-toggle {
	display: none;
}

.atlas-tool-button-danger:focus-visible {
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error);
}

@media (hover: hover) {
	.atlas-tool-button-danger:hover {
		background: var(--atlas-color-danger-container);
		color: var(--md-sys-color-error);
	}
}

.atlas-tool-cancel:focus-visible {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

@media (hover: hover) {
	.atlas-tool-cancel:hover {
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
	}
}

.atlas-tool-cancel.is-visible {
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-secondary-container) 18%, transparent);
}

.atlas-tool-button::after {
	content: attr(data-label);
	position: absolute;
	right: calc(100% + 10px);
	top: 50%;
	transform: translateY(-50%) scale(0.96);
	transform-origin: right center;
	padding: 6px 9px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--atlas-snackbar-background);
	color: var(--atlas-snackbar-color);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 120ms var(--atlas-transition), transform 120ms var(--atlas-transition);
}

.atlas-tool-button:focus-visible::after {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

@media (hover: hover) {
	.atlas-tool-button:hover::after {
		opacity: 1;
		transform: translateY(-50%) scale(1);
	}
}

.atlas-map-layer-picker {
	position: absolute;
	right: 18px;
	bottom: 18px;
	z-index: 11010;
	display: grid;
	gap: 10px;
	width: min(310px, calc(100vw - 36px));
	padding: 8px;
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(10px);
}

.atlas-map-layer-picker[data-workspace-suppressed="true"] {
	display: none;
}

.atlas-map-layer-toggle {
	width: 100%;
	min-height: 56px;
	padding: 6px 8px 6px 12px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) 36px;
	align-items: center;
	gap: 8px;
	text-align: left;
	cursor: pointer;
	transition: background-color 160ms var(--atlas-transition), color 160ms var(--atlas-transition);
}

.atlas-map-layer-toggle:focus-visible {
	outline: none;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-map-layer-toggle:hover {
		outline: none;
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-map-layer-toggle-icon {
	width: 36px;
	height: 36px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	font-size: 21px;
}

.atlas-map-layer-toggle-copy {
	min-width: 0;
	display: grid;
	gap: 1px;
}

.atlas-map-layer-toggle-copy span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-map-layer-toggle:focus-visible .atlas-map-layer-toggle-copy span {
	color: inherit;
}

@media (hover: hover) {
	.atlas-map-layer-toggle:hover .atlas-map-layer-toggle-copy span {
		color: inherit;
	}
}

.atlas-map-layer-toggle-copy strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
	font-weight: 800;
	color: inherit;
}

.atlas-map-layer-toggle-arrow {
	justify-self: center;
	transition: transform 180ms var(--atlas-transition);
}

.atlas-map-layer-picker:not(.is-collapsed) .atlas-map-layer-toggle-arrow {
	transform: rotate(180deg);
}

.atlas-map-layer-helper {
	display: block;
	min-width: 0;
	margin: -4px 4px 0;
	padding: 6px 8px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant);
	font-size: 11px;
	line-height: 15px;
	font-weight: 720;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.atlas-map-layer-picker.is-collapsed .atlas-map-layer-helper {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.atlas-map-layer-current {
	min-width: 0;
	margin: -4px 4px 0;
	padding: 6px 8px;
	border-radius: var(--md-sys-shape-corner-medium);
	display: flex;
	align-items: center;
	gap: 6px;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font-size: 11px;
	line-height: 15px;
	font-weight: 780;
	letter-spacing: 0;
	overflow: hidden;
}

.atlas-map-layer-current .material-symbols-rounded {
	flex: 0 0 auto;
	font-size: 16px;
	line-height: 1;
}

.atlas-map-layer-current-copy {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-map-layer-picker.is-collapsed .atlas-map-layer-current {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.atlas-map-layer-options {
	display: grid;
	grid-template-columns: repeat(3, minmax(74px, 1fr));
	gap: 8px;
}

.atlas-map-layer-picker.is-collapsed {
	width: min(232px, calc(100vw - 36px));
}

.atlas-map-layer-picker.is-collapsed .atlas-map-layer-options {
	display: none;
}

.atlas-map-layer-option {
	position: relative;
	min-width: 0;
	padding: 0;
	border: 1px solid transparent;
	border-radius: var(--md-sys-shape-corner-small);
	background: transparent;
	color: var(--md-sys-color-on-surface);
	cursor: pointer;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
	text-align: center;
	transition: border-color 160ms var(--atlas-transition), background-color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-map-layer-option-state {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	min-height: 20px;
	padding: 2px 6px 2px 4px;
	border-radius: var(--md-sys-shape-corner-full);
	display: none;
	align-items: center;
	gap: 3px;
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.22);
	font-size: 10px;
	line-height: 13px;
	font-weight: 850;
	letter-spacing: 0;
	pointer-events: none;
}

.atlas-map-layer-option.is-active .atlas-map-layer-option-state {
	display: inline-flex;
}

.atlas-map-layer-option-state .material-symbols-rounded {
	font-size: 13px;
	line-height: 1;
}

.atlas-map-layer-option.is-active {
	outline: none;
	border-color: var(--md-sys-color-primary);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

.atlas-map-layer-option:focus-visible {
	outline: none;
	border-color: var(--md-sys-color-primary);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-map-layer-option:hover {
		outline: none;
		border-color: var(--md-sys-color-primary);
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}
}

.atlas-map-layer-option:active {
	transform: scale(0.98);
}

.atlas-map-layer-preview {
	display: block;
	width: 100%;
	aspect-ratio: 1.55;
	margin-bottom: 5px;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.16);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.atlas-map-layer-preview-none {
	background:
		linear-gradient(135deg, transparent 0 47%, rgba(111, 78, 55, 0.72) 48% 52%, transparent 53%),
		linear-gradient(45deg, transparent 0 47%, rgba(111, 78, 55, 0.72) 48% 52%, transparent 53%),
		#eef3f0;
}

.atlas-map-layer-preview-standard {
	background:
		linear-gradient(35deg, transparent 0 45%, rgba(42, 151, 86, 0.55) 46% 54%, transparent 55%),
		linear-gradient(120deg, transparent 0 52%, rgba(46, 125, 196, 0.5) 53% 59%, transparent 60%),
		#dbeed7;
}

.atlas-map-layer-preview-satellite {
	background:
		radial-gradient(circle at 24% 38%, rgba(90, 124, 60, 0.95), transparent 28%),
		radial-gradient(circle at 72% 62%, rgba(66, 96, 52, 0.9), transparent 30%),
		linear-gradient(135deg, #2f4b2e, #617347 48%, #253c2e);
}

.atlas-map-layer-preview-hybrid {
	background:
		linear-gradient(90deg, transparent 0 45%, rgba(255, 255, 255, 0.86) 46% 49%, transparent 50%),
		linear-gradient(25deg, transparent 0 54%, rgba(255, 255, 255, 0.84) 55% 58%, transparent 59%),
		radial-gradient(circle at 70% 54%, #466b38, transparent 31%),
		#314c34;
}

.atlas-map-layer-preview-light {
	background:
		linear-gradient(25deg, transparent 0 48%, #c7d4df 49% 53%, transparent 54%),
		linear-gradient(100deg, transparent 0 58%, #d9c9a2 59% 63%, transparent 64%),
		#f3f0e8;
}

.atlas-map-layer-preview-dark {
	background:
		linear-gradient(25deg, transparent 0 48%, #4f667a 49% 53%, transparent 54%),
		linear-gradient(100deg, transparent 0 58%, #56636e 59% 63%, transparent 64%),
		#1d252d;
}

.atlas-map-layer-preview-terrain {
	background:
		radial-gradient(ellipse at 30% 62%, #9fbf79 0 26%, transparent 27%),
		radial-gradient(ellipse at 70% 34%, #c8b36d 0 30%, transparent 31%),
		linear-gradient(135deg, #e4d7a7, #84ad6c);
}

.atlas-flood-emergency {
	position: absolute;
	left: 18px;
	top: 96px;
	z-index: 170;
	width: min(390px, calc(100vw - 150px));
	display: grid;
	gap: 10px;
	padding: 12px;
	border-radius: var(--md-sys-shape-corner-large);
	background: rgba(255, 255, 255, 0.96);
	color: var(--md-sys-color-on-surface);
	border: 2px solid var(--atlas-flood-water-strong);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
	transition: opacity 180ms var(--atlas-transition), transform 180ms var(--atlas-transition), visibility 180ms var(--atlas-transition), left 180ms var(--atlas-transition);
}

.atlas-sidebar-open .atlas-flood-emergency {
	left: calc(var(--atlas-sidebar-width) + 18px);
}

.atlas-flood-emergency.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-8px);
}

.atlas-flood-emergency-head {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
}

.atlas-flood-emergency-head > .material-symbols-rounded {
	width: 44px;
	height: 44px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--atlas-flood-water-strong);
	color: #ffffff;
	font-size: 25px;
}

.atlas-flood-emergency-head span,
.atlas-flood-emergency-head strong {
	display: block;
	min-width: 0;
}

.atlas-flood-emergency-head span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface-variant);
	text-transform: uppercase;
}

.atlas-flood-emergency-head strong {
	font-size: 28px;
	line-height: 32px;
	font-weight: 900;
	color: var(--atlas-flood-alert);
}

.atlas-flood-emergency-status,
.atlas-flood-emergency-range {
	padding: 9px 10px;
	border-radius: var(--md-sys-shape-corner-small);
	font-size: 13px;
	line-height: 18px;
	font-weight: 800;
}

.atlas-flood-emergency-status {
	background: #fff1f0;
	color: #7a271a;
}

.atlas-flood-emergency-scale {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.atlas-flood-emergency-scale span {
	padding: 8px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-low);
}

.atlas-flood-emergency-range {
	background: #eef9fb;
	color: #063142;
}

.atlas-measure-hint {
	position: absolute;
	left: 50%;
	bottom: 18px;
	z-index: 90;
	transform: translateX(-50%);
	min-height: 44px;
	max-width: min(680px, calc(100vw - 40px));
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	pointer-events: none;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	border: 1px solid var(--md-sys-color-outline-variant);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	font-size: 13px;
	font-weight: 600;
	opacity: 1;
	visibility: visible;
	transition: opacity 220ms var(--atlas-transition), transform 220ms var(--atlas-transition), visibility 220ms var(--atlas-transition);
}

.atlas-measure-hint > .material-symbols-rounded {
	width: 28px;
	height: 28px;
	min-width: 28px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font-size: 18px;
}

.atlas-measure-hint-copy {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	line-height: 1.2;
}

.atlas-measure-hint-kicker {
	min-width: 0;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 10px;
	line-height: 12px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-measure-hint-text {
	min-width: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 17px;
	overflow: hidden;
	overflow-wrap: anywhere;
}

.atlas-measure-hint.is-active-tool {
	border-color: color-mix(in srgb, var(--md-sys-color-primary) 72%, var(--md-sys-color-outline-variant));
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
}

.atlas-measure-hint.is-active-tool .atlas-measure-hint-kicker {
	color: color-mix(in srgb, var(--md-sys-color-on-primary-container) 74%, transparent);
}

.atlas-measure-hint.is-active-tool > .material-symbols-rounded {
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
}

.atlas-measure-hint.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, 12px);
}

body.atlas-snackbar-visible .atlas-measure-hint:not(.is-active-tool) {
	display: none;
}

body.atlas-managed-dialog-open .atlas-measure-hint {
	display: none !important;
}

		.atlas-volume-controls {
			position: absolute;
			left: 18px;
		bottom: 84px;
		z-index: 11020;
		--atlas-volume-controls-pad: 12px;
		--atlas-volume-controls-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
		--atlas-volume-controls-scroll-shadow: rgba(11, 24, 18, 0.18);
		--atlas-volume-controls-scroll-shadow-start: inset 0 22px 20px -24px var(--atlas-volume-controls-scroll-shadow);
		--atlas-volume-controls-scroll-shadow-end: inset 0 -22px 20px -24px var(--atlas-volume-controls-scroll-shadow);
		width: min(330px, calc(100vw - 36px));
		display: grid;
		grid-template-rows: auto minmax(0, 1fr);
		gap: 12px;
		padding: var(--atlas-volume-controls-pad);
		border-radius: var(--md-sys-shape-corner-large);
		background: var(--md-sys-color-surface-container-lowest);
		color: var(--md-sys-color-on-surface);
		border: 1px solid var(--md-sys-color-outline-variant);
		box-shadow: var(--atlas-volume-controls-shadow);
		overflow: hidden;
		transition: opacity 180ms var(--atlas-transition), transform 180ms var(--atlas-transition), visibility 180ms var(--atlas-transition);
	}

.atlas-volume-controls.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px);
}

	.atlas-volume-controls.is-scrollable {
		scrollbar-gutter: stable;
	}

.atlas-volume-controls.is-scrollable.is-scroll-top:not(.is-scroll-end) {
	box-shadow: var(--atlas-volume-controls-shadow), var(--atlas-volume-controls-scroll-shadow-end);
}

.atlas-volume-controls.is-scrollable:not(.is-scroll-top).is-scroll-end {
	box-shadow: var(--atlas-volume-controls-shadow), var(--atlas-volume-controls-scroll-shadow-start);
}

.atlas-volume-controls.is-scrollable:not(.is-scroll-top):not(.is-scroll-end) {
	box-shadow:
		var(--atlas-volume-controls-shadow),
		var(--atlas-volume-controls-scroll-shadow-start),
		var(--atlas-volume-controls-scroll-shadow-end);
}

.atlas-volume-scroll-hint {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	max-width: 100%;
	min-height: 24px;
	margin-top: 6px;
	padding: 3px 10px;
	border-radius: var(--md-sys-shape-corner-full);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-high) 94%, transparent);
	color: var(--md-sys-color-on-surface-variant);
	border: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 74%, transparent);
	box-shadow: 0 6px 14px rgba(15, 23, 42, 0.13);
	font-size: 11px;
	line-height: 16px;
	font-weight: 750;
	white-space: nowrap;
	pointer-events: none;
}

.atlas-volume-scroll-hint[hidden] {
	display: none;
}

@media (min-width: 900px) {
	.atlas-address-search.has-map-items ~ .atlas-volume-controls {
		left: min(466px, calc(100vw - 388px));
	}

	.atlas-sidebar-open .atlas-address-search.has-map-items ~ .atlas-volume-controls {
		left: min(calc(var(--atlas-sidebar-width) + 466px), calc(100vw - 388px));
	}
}

@media (min-width: 761px) and (max-width: 899px) {
		.atlas-address-search.has-map-items ~ .atlas-volume-controls {
			top: calc(var(--atlas-appbar-height) + 270px);
			bottom: auto;
			max-height: calc(100dvh - var(--atlas-appbar-height) - 292px);
		}
	}

			.atlas-volume-controls-head {
				display: grid;
				grid-template-columns: 44px minmax(0, 1fr) 44px;
				align-items: start;
				gap: 10px;
			}

	.atlas-volume-controls-body {
		min-height: 0;
		display: grid;
		gap: 12px;
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-gutter: stable;
	}

		.atlas-volume-controls-head > .material-symbols-rounded {
			width: 44px;
			height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
}

.atlas-volume-controls-head strong,
.atlas-volume-control-block > span,
.atlas-volume-step-field > span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface);
}

	.atlas-volume-controls-head div span {
		display: -webkit-box;
		margin-top: 2px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 12px;
		line-height: 16px;
		font-weight: 600;
		color: var(--md-sys-color-on-surface-variant);
	}

	@media (max-width: 760px) {
		.atlas-volume-controls-head div span {
			max-height: 32px;
		}
	}

.atlas-volume-controls-head .atlas-volume-scroll-hint {
	display: inline-flex;
	margin-top: 6px;
	white-space: nowrap;
	-webkit-line-clamp: unset;
	-webkit-box-orient: initial;
}

.atlas-volume-controls-head .atlas-volume-scroll-hint[hidden] {
	display: none;
}

.atlas-volume-control-block {
	display: grid;
	gap: 7px;
}

.atlas-volume-move-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 7px;
}

.atlas-volume-rotate-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 7px;
}

.atlas-volume-size-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 7px;
}

.atlas-volume-icon-button,
.atlas-volume-step-button {
	border: 0;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	font: inherit;
	font-weight: 800;
	transition: background-color 150ms var(--atlas-transition), color 150ms var(--atlas-transition), transform 150ms var(--atlas-transition);
}

		.atlas-volume-icon-button {
			min-width: 0;
			min-height: 44px;
			height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

		.atlas-volume-step-button {
			min-height: 44px;
			padding: 8px 8px;
	font-size: 12px;
	line-height: 16px;
}

.atlas-volume-dimension-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	white-space: nowrap;
	overflow: hidden;
}

.atlas-volume-dimension-button span,
.atlas-volume-dimension-button strong {
	display: inline-block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-volume-dimension-button span {
	max-width: 5.4em;
}

.atlas-volume-dimension-button strong {
	font-size: 14px;
	line-height: 1;
	font-weight: 900;
}

.atlas-volume-icon-button:focus-visible,
.atlas-volume-step-button:focus-visible {
	outline: none;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-volume-icon-button:hover,
	.atlas-volume-step-button:hover {
		outline: none;
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}
}

.atlas-volume-icon-button:active,
.atlas-volume-step-button:active {
	transform: scale(0.95);
}

.atlas-volume-step-field {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 10px;
}

		.atlas-volume-step-field select {
			width: 100%;
			min-height: 44px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	padding: 0 10px;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
}

@media (pointer: coarse) {
	.atlas-volume-controls-head {
		grid-template-columns: 42px minmax(0, 1fr) 44px;
	}

	.atlas-volume-controls-head > .material-symbols-rounded {
		width: 42px;
		height: 42px;
	}

	.atlas-volume-icon-button {
		min-width: 44px;
		height: 44px;
	}

	.atlas-volume-step-button {
		min-height: 44px;
		padding: 8px 10px;
	}

	.atlas-volume-step-field select {
		min-height: 44px;
	}
}

.atlas-loading {
	position: fixed;
	inset: 0;
	z-index: 12000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(12, 18, 23, 0.62);
	transition: opacity 220ms var(--atlas-transition), visibility 220ms var(--atlas-transition);
}

.atlas-loading.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.atlas-loading-panel {
	width: min(460px, calc(100vw - 32px));
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px;
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.atlas-loading.is-slow .atlas-loading-panel {
	border: 1px solid color-mix(in srgb, var(--md-sys-color-secondary) 36%, transparent);
}

.atlas-loading.is-error .atlas-loading-panel {
	border: 1px solid color-mix(in srgb, var(--md-sys-color-error) 42%, transparent);
}

.atlas-progress-ring {
	width: 44px;
	height: 44px;
	border-radius: var(--md-sys-shape-corner-full);
	border: 4px solid var(--md-sys-color-primary-container);
	border-top-color: var(--md-sys-color-primary);
	animation: atlas-spin 900ms linear infinite;
	flex: 0 0 auto;
}

.atlas-loading-title {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

.atlas-loading-text {
	margin-top: 3px;
	font-size: 13px;
	line-height: 18px;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-loading-detail {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--md-sys-color-outline-variant);
	font-size: 12px;
	line-height: 17px;
	font-weight: 650;
	color: var(--md-sys-color-on-surface-variant);
}

@keyframes atlas-spin {
	to {
		transform: rotate(360deg);
	}
}

.atlas-dialog-backdrop {
	position: fixed;
	inset: 0;
	z-index: 13000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: rgba(11, 19, 25, 0.58);
}

.atlas-dialog-backdrop[hidden] {
	display: none !important;
}

.atlas-dialog {
	width: min(860px, 100%);
	min-width: 0;
	max-height: min(760px, calc(100dvh - 36px));
	display: flex;
	flex-direction: column;
	padding: 26px;
	border-radius: var(--md-sys-shape-corner-extra-large);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.32);
	overflow: hidden;
}

.atlas-mobile-notice-dialog {
	width: min(520px, 100%);
}

.atlas-bug-report-dialog {
	position: relative;
	width: min(760px, 100%);
	overflow: hidden;
}

.atlas-bug-report-dialog .atlas-dialog-content {
	margin-bottom: 78px;
	padding-bottom: 8px;
	scroll-padding-bottom: 88px;
}

.atlas-bug-report-dialog .atlas-dialog-actions {
	position: absolute;
	right: 26px;
	bottom: 26px;
	left: 26px;
	z-index: 2;
	margin: 0;
	padding: 14px 0 0;
	border-top: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 74%, transparent);
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 0%, transparent) 0%,
		var(--md-sys-color-surface-container-lowest) 34%,
		var(--md-sys-color-surface-container-lowest) 100%
	);
}

.atlas-dialog-scroll-hint {
	position: absolute;
	left: 50%;
	bottom: 92px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	max-width: calc(100% - 52px);
	min-height: 26px;
	padding: 4px 12px;
	border-radius: var(--md-sys-shape-corner-full);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-high) 94%, transparent);
	color: var(--md-sys-color-on-surface-variant);
	border: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 74%, transparent);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
	font-size: 12px;
	line-height: 16px;
	font-weight: 750;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
	transform: translateX(-50%);
}

.atlas-dialog-scroll-hint[hidden] {
	display: none;
}

.atlas-address-results-hint > .material-symbols-rounded,
.atlas-map-items-scroll-hint > .material-symbols-rounded,
.atlas-volume-scroll-hint > .material-symbols-rounded,
.atlas-dialog-scroll-hint > .material-symbols-rounded {
	flex: 0 0 auto;
	font-family: "Material Symbols Rounded";
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	font-feature-settings: "liga";
	font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}

.atlas-dialog-scroll-hint > .material-symbols-rounded {
	font-size: 17px;
}

.atlas-address-results-hint > [data-scroll-hint-copy],
.atlas-map-items-scroll-hint > [data-scroll-hint-copy],
.atlas-volume-scroll-hint > [data-scroll-hint-copy],
.atlas-dialog-scroll-hint > [data-scroll-hint-copy] {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atlas-clear-confirm-dialog {
	width: min(560px, 100%);
}

.atlas-clear-confirm-dialog .atlas-dialog-content {
	flex: 1 1 auto;
	max-height: min(52dvh, 390px);
	align-content: start;
}

.atlas-dialog-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 14px;
}

.atlas-dialog-header > div:nth-child(2) {
	min-width: 0;
	flex: 1 1 auto;
}

.atlas-dialog-icon {
	width: 52px;
	height: 52px;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
}

.atlas-dialog-icon-danger {
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error);
}

.atlas-dialog-close-button {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface);
	cursor: pointer;
}

.atlas-dialog-close-button:focus-visible {
	background: var(--md-sys-color-surface-container-high);
	outline: none;
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-dialog-close-button:hover {
		background: var(--md-sys-color-surface-container-high);
		outline: none;
		box-shadow: var(--atlas-focus-ring);
	}
}

.atlas-dialog-eyebrow {
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--md-sys-color-secondary);
}

.atlas-dialog h2 {
	margin: 0;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.atlas-dialog-content {
	display: grid;
	gap: 16px;
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	-webkit-overflow-scrolling: touch;
	padding-right: 4px;
	font-size: 14px;
	line-height: 21px;
	color: var(--md-sys-color-on-surface-variant);
	overflow-wrap: anywhere;
}

.atlas-dialog-content p {
	margin: 0;
}

.atlas-dialog-lead {
	max-width: 760px;
	color: var(--md-sys-color-on-surface);
	font-size: 15px;
	line-height: 23px;
}

.atlas-help-workflow {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	list-style: none;
	counter-reset: atlas-help-workflow;
}

.atlas-help-workflow li {
	counter-increment: atlas-help-workflow;
	position: relative;
	min-width: 0;
	min-height: 88px;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-content: center;
	column-gap: 9px;
	row-gap: 2px;
	padding: 12px 12px 12px 14px;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	border: 1px solid color-mix(in srgb, var(--md-sys-color-primary) 18%, var(--md-sys-color-outline-variant));
}

.atlas-help-workflow li::before {
	content: counter(atlas-help-workflow);
	position: absolute;
	top: 9px;
	right: 10px;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: color-mix(in srgb, var(--md-sys-color-on-primary-container) 12%, transparent);
	font-size: 11px;
	line-height: 1;
	font-weight: 900;
}

.atlas-help-workflow .material-symbols-rounded {
	grid-row: 1 / span 2;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 68%, transparent);
	font-size: 22px;
	line-height: 1;
}

.atlas-help-workflow strong,
.atlas-help-workflow small {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.atlas-help-workflow strong {
	padding-right: 18px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 850;
	white-space: nowrap;
}

.atlas-help-workflow small {
	color: currentColor;
	font-size: 12px;
	line-height: 16px;
	font-weight: 650;
	opacity: 0.78;
}

@media (max-width: 760px) {
	.atlas-help-workflow {
		gap: 6px;
	}

	.atlas-help-workflow li {
		min-height: 72px;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		justify-items: center;
		text-align: center;
		gap: 5px;
		padding: 8px 5px;
	}

	.atlas-help-workflow li::before {
		display: none;
	}

	.atlas-help-workflow .material-symbols-rounded {
		grid-row: auto;
		width: 36px;
		height: 36px;
		font-size: 20px;
	}

	.atlas-help-workflow strong {
		max-width: 100%;
		padding-right: 0;
		font-size: 11.5px;
		line-height: 14px;
	}

	.atlas-help-workflow small {
		display: none;
	}
}

.atlas-clear-confirm-summary,
.atlas-clear-confirm-warning {
	padding: 12px 14px;
	border-radius: var(--md-sys-shape-corner-medium);
}

.atlas-clear-confirm-summary {
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
	font-weight: 700;
}

.atlas-clear-confirm-impact {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.atlas-clear-confirm-impact-item {
	min-width: 0;
	min-height: 58px;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: start;
	gap: 9px;
	padding: 10px 12px;
	border: 1px solid color-mix(in srgb, var(--md-sys-color-error) 26%, var(--md-sys-color-outline-variant));
	border-radius: var(--md-sys-shape-corner-medium);
	background: color-mix(in srgb, var(--atlas-color-danger-container) 64%, var(--md-sys-color-surface-container-low));
	color: var(--md-sys-color-error);
}

.atlas-clear-confirm-impact-item.is-preserved {
	border-color: color-mix(in srgb, var(--atlas-color-success) 24%, var(--md-sys-color-outline-variant));
	background: color-mix(in srgb, var(--atlas-color-success-container) 74%, var(--md-sys-color-surface-container-low));
	color: var(--atlas-color-success);
}

.atlas-clear-confirm-impact-item > .material-symbols-rounded {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: color-mix(in srgb, currentColor 12%, transparent);
	font-size: 18px;
	line-height: 1;
}

.atlas-clear-confirm-impact-item > span:last-child {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.atlas-clear-confirm-impact-item strong,
.atlas-clear-confirm-impact-item small {
	display: block;
	min-width: 0;
	overflow-wrap: anywhere;
	letter-spacing: 0;
}

.atlas-clear-confirm-impact-item strong {
	font-size: 12px;
	line-height: 16px;
	font-weight: 850;
}

.atlas-clear-confirm-impact-item small {
	color: var(--md-sys-color-on-surface-variant);
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
}

.atlas-clear-confirm-scopes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	max-height: min(30dvh, 220px);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	padding-right: 2px;
}

.atlas-clear-confirm-chip,
.atlas-clear-confirm-empty {
	max-width: 100%;
	min-width: 0;
	min-height: 42px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--md-sys-color-outline-variant);
	background: var(--md-sys-color-surface-container);
	color: var(--md-sys-color-on-surface);
}

.atlas-clear-confirm-chip {
	padding: 5px 11px 5px 8px;
}

.atlas-clear-confirm-empty {
	padding: 0 13px;
	color: var(--md-sys-color-on-surface-variant);
	font-weight: 700;
}

.atlas-clear-confirm-chip > .material-symbols-rounded {
	width: 30px;
	height: 30px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error);
	font-size: 18px;
}

.atlas-clear-confirm-chip.is-hidden {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
}

.atlas-clear-confirm-chip.is-isolated {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 18%, transparent);
}

.atlas-clear-confirm-chip > span:last-child {
	min-width: 0;
	display: grid;
	gap: 0;
}

.atlas-clear-confirm-chip strong,
.atlas-clear-confirm-chip small {
	display: block;
	min-width: 0;
	overflow-wrap: anywhere;
	letter-spacing: 0;
}

.atlas-clear-confirm-chip strong {
	font-size: 13px;
	line-height: 17px;
}

.atlas-clear-confirm-chip small {
	color: var(--md-sys-color-on-surface-variant);
	font-size: 11px;
	line-height: 14px;
	font-weight: 750;
}

.atlas-clear-confirm-chip.is-hidden small,
.atlas-clear-confirm-chip.is-isolated small {
	color: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 78%, transparent);
}

.atlas-clear-confirm-chip-status {
	width: fit-content;
	max-width: 100%;
	min-height: 18px;
	margin-top: 4px;
	padding: 2px 6px 2px 5px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	gap: 3px;
	background: color-mix(in srgb, currentColor 12%, transparent);
	color: inherit;
	font-size: 10px;
	line-height: 13px;
	font-weight: 850;
	white-space: nowrap;
}

.atlas-clear-confirm-chip-status .material-symbols-rounded {
	font-size: 13px;
	line-height: 1;
}

.atlas-clear-confirm-warning {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	background: var(--atlas-color-danger-container);
	color: var(--md-sys-color-error);
	font-size: 13px;
	line-height: 19px;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.atlas-clear-confirm-warning .material-symbols-rounded {
	flex: 0 0 auto;
	font-size: 20px;
}

.atlas-help-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.atlas-help-card {
	min-width: 0;
	padding: 14px;
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container-low);
	border: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-help-card-wide {
	grid-column: 1 / -1;
}

.atlas-help-card h3 {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--md-sys-color-on-surface);
}

.atlas-help-card h3 .material-symbols-rounded {
	font-size: 20px;
	color: var(--md-sys-color-secondary);
}

.atlas-help-card ul {
	margin: 0;
	padding-left: 18px;
}

.atlas-help-card li {
	margin: 0 0 7px;
}

.atlas-help-card li:last-child {
	margin-bottom: 0;
}

.atlas-mobile-only {
	display: none !important;
}

.atlas-shortcut-list {
	display: grid;
	gap: 7px;
}

.atlas-shortcut-list span {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.atlas-shortcut-list kbd {
	min-width: 96px;
	padding: 4px 7px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-lowest);
	border: 1px solid var(--md-sys-color-outline-variant);
	color: var(--md-sys-color-on-surface);
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

.atlas-help-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font-size: 13px;
	line-height: 19px;
}

.atlas-help-note .material-symbols-rounded {
	font-size: 20px;
	flex: 0 0 auto;
}

.atlas-mobile-notice-note {
	background: var(--md-sys-color-tertiary-container);
	color: var(--md-sys-color-on-tertiary-container);
}

.atlas-checkbox-row {
	flex: 0 0 auto;
	margin-top: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	min-height: 44px;
	padding: 8px 10px;
	border-radius: var(--md-sys-shape-corner-medium);
	font-size: 14px;
	font-weight: 600;
	color: var(--md-sys-color-on-surface);
	cursor: pointer;
}

.atlas-checkbox-row:focus-within {
	background: var(--md-sys-color-surface-container-low);
}

@media (hover: hover) {
	.atlas-checkbox-row:hover {
		background: var(--md-sys-color-surface-container-low);
	}
}

.atlas-checkbox-row:focus-within {
	box-shadow: var(--atlas-focus-ring);
}

.atlas-checkbox-row input[type="checkbox"] {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.atlas-dialog-actions {
	flex: 0 0 auto;
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.atlas-dialog-actions > button {
	max-width: 100%;
}

.atlas-user-admin-dialog {
	width: min(1120px, calc(100vw - 32px));
	max-height: min(760px, calc(100dvh - 32px));
	overflow: hidden;
}

.atlas-user-admin-dialog > .atlas-user-admin-layout,
.atlas-user-admin-dialog .atlas-admin-panel.is-active {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	padding-right: 4px;
}

.atlas-admin-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0;
}

.atlas-admin-tab {
	min-height: 38px;
	padding: 0 16px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-high);
	color: var(--md-sys-color-on-surface-variant);
	font-size: 13px;
	font-weight: 800;
}

.atlas-admin-tab:focus-visible,
.atlas-admin-tab.is-active {
	outline: none;
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
}

@media (hover: hover) {
	.atlas-admin-tab:hover {
		outline: none;
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
	}
}

.atlas-admin-summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.atlas-admin-summary-card {
	padding: 12px;
	border-radius: var(--md-sys-shape-corner-large);
	border: 1px solid var(--md-sys-color-outline-variant);
	background: var(--md-sys-color-surface-container-low);
	display: grid;
	gap: 4px;
}

.atlas-admin-summary-card strong {
	font-size: 22px;
	line-height: 26px;
	color: var(--md-sys-color-on-surface);
}

.atlas-admin-summary-card span {
	font-size: 12px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-admin-panel {
	display: none;
}

.atlas-admin-panel.is-active {
	display: block;
}

.atlas-user-admin-layout {
	display: grid;
	grid-template-columns: minmax(240px, 0.8fr) minmax(320px, 1fr);
	gap: 18px;
	min-height: 0;
	align-items: start;
}

.atlas-project-options {
	padding: 16px;
	display: grid;
	gap: 12px;
	border-radius: var(--md-sys-shape-corner-large);
	border: 1px solid var(--md-sys-color-outline-variant);
	background: var(--md-sys-color-surface-container-low);
	min-width: 0;
}

.atlas-project-options strong {
	display: block;
	font-size: 15px;
	line-height: 20px;
}

.atlas-project-options p {
	margin: 4px 0 0;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 13px;
	line-height: 18px;
}

.atlas-project-options-actions {
	margin-top: 0;
}

.atlas-user-list {
	min-height: 360px;
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr);
	border-radius: var(--md-sys-shape-corner-large);
	border: 1px solid var(--md-sys-color-outline-variant);
	background: var(--md-sys-color-surface-container-low);
	overflow: hidden;
}

.atlas-user-list:not(:has(.atlas-admin-filters)) {
	grid-template-rows: auto minmax(0, 1fr);
}

.atlas-user-list-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px;
	border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-admin-filters {
	padding: 12px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(132px, 0.45fr);
	gap: 10px;
	border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.atlas-user-list-body {
	display: grid;
	align-content: start;
	gap: 8px;
	padding: 12px;
	min-height: 0;
	overflow: auto;
}

.atlas-admin-chart-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.atlas-admin-chart-card,
.atlas-audit-log {
	padding: 16px;
	border-radius: var(--md-sys-shape-corner-large);
	border: 1px solid var(--md-sys-color-outline-variant);
	background: var(--md-sys-color-surface-container-low);
}

.atlas-admin-chart-card h3 {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 20px;
}

.atlas-data-health {
	display: grid;
	gap: 14px;
}

.atlas-data-health-status,
.atlas-data-health-empty,
.atlas-data-health-cloud {
	border-radius: var(--md-sys-shape-corner-large);
	border: 1px solid var(--md-sys-color-outline-variant);
	background: var(--md-sys-color-surface-container-low);
}

.atlas-data-health-status {
	min-height: 76px;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
}

.atlas-data-health-status > .material-symbols-rounded {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-highest);
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-data-health-status strong,
.atlas-data-health-empty strong,
.atlas-data-health-cloud strong {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: var(--md-sys-color-on-surface);
}

.atlas-data-health-status span:not(.material-symbols-rounded),
.atlas-data-health-empty span,
.atlas-data-health-cloud span,
.atlas-data-health-cloud p {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-data-health-status.is-ready > .material-symbols-rounded,
.atlas-data-health-cloud.is-ready .atlas-data-health-cloud-head > .material-symbols-rounded {
	color: var(--atlas-color-success);
}

.atlas-data-health-status.is-warning > .material-symbols-rounded,
.atlas-data-health-cloud.is-warning .atlas-data-health-cloud-head > .material-symbols-rounded {
	color: #8a4b00;
	background: #fff1d6;
}

.atlas-data-health-status.is-error > .material-symbols-rounded,
.atlas-data-health-cloud.is-error .atlas-data-health-cloud-head > .material-symbols-rounded {
	color: var(--md-sys-color-error);
	background: var(--atlas-color-danger-container);
}

.atlas-data-health-grid {
	display: grid;
	gap: 12px;
}

.atlas-data-health-empty {
	padding: 16px;
	display: grid;
	gap: 4px;
}

.atlas-data-health-cloud {
	padding: 14px;
	display: grid;
	gap: 12px;
}

.atlas-data-health-cloud-head {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.atlas-data-health-cloud-head > .material-symbols-rounded {
	width: 36px;
	height: 36px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-highest);
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-data-health-cloud ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
}

.atlas-data-health-cloud li {
	min-width: 0;
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	padding: 9px 10px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
}

.atlas-data-health-cloud li .material-symbols-rounded {
	font-size: 20px;
	color: var(--md-sys-color-error);
}

.atlas-data-health-cloud li.is-ok .material-symbols-rounded {
	color: var(--atlas-color-success);
}

.atlas-admin-bar-row {
	display: grid;
	grid-template-columns: minmax(80px, 0.7fr) minmax(120px, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 28px;
	font-size: 12px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface-variant);
}

.atlas-admin-bar {
	height: 8px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-surface-container-highest);
	overflow: hidden;
}

.atlas-admin-bar i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--md-sys-color-secondary);
}

.atlas-audit-log {
	display: grid;
	gap: 8px;
	max-height: 430px;
	overflow: auto;
}

.atlas-audit-row {
	padding: 10px 12px;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
	display: grid;
	gap: 3px;
}

.atlas-audit-row strong {
	font-size: 13px;
	line-height: 18px;
}

.atlas-audit-row span,
.atlas-admin-empty {
	margin: 0;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	line-height: 17px;
}

.atlas-dialog-form {
	display: grid;
	gap: 12px;
}

.atlas-md-field textarea {
	width: 100%;
	min-height: 120px;
	padding: 12px;
	border-radius: var(--md-sys-shape-corner-medium);
	border: 1px solid var(--md-sys-color-outline-variant);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	font: inherit;
	resize: vertical;
}

.atlas-bug-report-dialog .atlas-md-field input {
	min-height: 44px;
}

.atlas-md-field input::placeholder,
.atlas-md-field textarea::placeholder {
	color: rgba(63, 71, 82, 0.68);
}

.atlas-user-row {
	width: 100%;
	padding: 12px;
	border: 1px solid transparent;
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	display: grid;
	gap: 4px;
	text-align: left;
	cursor: pointer;
}

.atlas-user-row:focus-visible,
.atlas-user-row.is-active {
	border-color: var(--md-sys-color-secondary);
	outline: none;
}

@media (hover: hover) {
	.atlas-user-row:hover {
		border-color: var(--md-sys-color-secondary);
		outline: none;
	}
}

.atlas-user-row strong {
	font-size: 14px;
	line-height: 18px;
}

.atlas-user-row span {
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	line-height: 16px;
}

.atlas-switch-row {
	width: fit-content;
	max-width: 100%;
	min-height: 48px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 10px;
	border: 1px solid transparent;
	border-radius: var(--md-sys-shape-corner-medium);
	color: var(--md-sys-color-on-surface);
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	cursor: pointer;
}

.atlas-switch-row:focus-within {
	border-color: var(--md-sys-color-primary);
	background: var(--md-sys-color-surface-container-low);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	.atlas-switch-row:hover {
		border-color: var(--md-sys-color-outline-variant);
		background: var(--md-sys-color-surface-container-low);
	}
}

.atlas-switch-row input[type="checkbox"] {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin: 0;
	accent-color: var(--md-sys-color-secondary);
}

.atlas-switch-row span {
	min-width: 0;
}

.atlas-text-button {
	min-height: 44px;
	padding: 0 20px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-primary);
	color: var(--md-sys-color-on-primary);
	font-weight: 700;
	transition: filter 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-text-button:focus-visible {
	outline: none;
	filter: brightness(1.06);
}

@media (hover: hover) {
	.atlas-text-button:hover {
		outline: none;
		filter: brightness(1.06);
	}
}

.atlas-text-button:active {
	transform: scale(0.98);
}

.atlas-snackbar {
	position: fixed;
	left: 50%;
	bottom: 24px;
	z-index: 14000;
	transform: translate(-50%, 18px);
	max-width: min(620px, calc(100vw - 32px));
	min-height: 44px;
	padding: 12px 16px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--atlas-snackbar-background);
	color: var(--atlas-snackbar-color);
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.32);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 180ms var(--atlas-transition), transform 180ms var(--atlas-transition), visibility 180ms var(--atlas-transition);
}

.atlas-snackbar.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

.atlas-snackbar[data-priority="status"] {
	background: var(--atlas-snackbar-status-background);
	color: var(--atlas-snackbar-status-color);
}

body.atlas-active-tool-hint-visible .atlas-snackbar {
	bottom: 82px;
}

body.atlas-managed-dialog-open .atlas-snackbar {
	z-index: 12990;
}

body.atlas-mobile-measuring .atlas-snackbar {
	display: none;
}

#message_listing {
	left: 18px !important;
	bottom: 72px !important;
}

.potree_message {
	border: 0 !important;
	border-radius: var(--md-sys-shape-corner-medium) !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.2) !important;
}

.potree_failpage.atlas-webgl-error {
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: clamp(18px, 4vw, 42px);
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(240, 247, 250, 0.97), rgba(255, 255, 255, 0.95));
	color: var(--md-sys-color-on-surface);
	overflow: auto;
	z-index: 20;
}

.atlas-webgl-error-card {
	width: min(680px, 100%);
	max-height: 100%;
	overflow: auto;
	padding: clamp(18px, 4vw, 30px);
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-large);
	background: var(--md-sys-color-surface-container-lowest);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.atlas-webgl-error-kicker {
	margin: 0 0 8px;
	color: var(--md-sys-color-primary);
	font-size: 12px;
	line-height: 16px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.atlas-webgl-error-card h1 {
	margin: 0 0 12px;
	color: var(--md-sys-color-on-surface);
	font-size: clamp(22px, 5vw, 34px);
	line-height: 1.12;
	letter-spacing: 0;
}

.atlas-webgl-error-card p,
.atlas-webgl-error-card li {
	color: var(--md-sys-color-on-surface-variant);
	font-size: 14px;
	line-height: 1.55;
}

.atlas-webgl-error-card ul {
	margin: 14px 0 18px;
	padding-left: 20px;
}

.atlas-webgl-error-card a {
	color: var(--md-sys-color-primary) !important;
	font-weight: 700;
}

.atlas-webgl-error-details {
	border-top: 1px solid var(--md-sys-color-outline-variant);
	padding-top: 12px;
}

.atlas-webgl-error-details summary {
	cursor: pointer;
	color: var(--md-sys-color-on-surface);
	font-size: 13px;
	font-weight: 800;
}

.atlas-webgl-error-details pre {
	width: 100%;
	max-height: 220px;
	margin: 12px 0 0;
	padding: 12px;
	overflow: auto;
	border-radius: var(--md-sys-shape-corner-small);
	background: #151a1f;
	color: #eef4f7;
	font-size: 12px;
	line-height: 1.45;
	white-space: pre-wrap;
}

.annotation-titlebar {
	border: 0 !important;
	border-radius: var(--md-sys-shape-corner-full) !important;
	background: var(--md-sys-color-primary) !important;
	color: var(--md-sys-color-on-primary) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
}

.annotation.atlas-point-info-annotation .annotation-titlebar,
.annotation-titlebar:has(.atlas-point-info) {
	border-radius: 8px !important;
	background: rgba(12, 29, 36, 0.86) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(8px);
}

.annotation.atlas-point-info-annotation {
	z-index: 95 !important;
}

.atlas-point-info-overlay {
	position: absolute;
	z-index: 120;
	transform: none;
	pointer-events: auto;
}

.atlas-point-info-overlay[hidden] {
	display: none;
}

.atlas-search-label {
	position: absolute;
	z-index: 116;
	max-width: min(420px, calc(100vw - 32px));
	display: grid;
	grid-template-columns: minmax(0, 1fr) 44px 44px;
	align-items: center;
	gap: 4px;
	padding: 4px 4px 4px 12px;
	border-radius: 8px;
	background: rgba(12, 29, 36, 0.9);
	color: #f8fcff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.25;
	text-align: left;
	transform: translate(-50%, calc(-100% - 14px));
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(8px);
	pointer-events: auto;
}

.atlas-search-label[hidden],
.atlas-search-label-line[hidden],
.atlas-search-label-pin[hidden] {
	display: none;
}

.atlas-search-label[data-map-items-type-hidden="true"],
.atlas-search-label-line[data-map-items-type-hidden="true"],
.atlas-search-label-pin[data-map-items-type-hidden="true"] {
	display: none;
}

.atlas-search-label[data-managed-dialog-suppressed="true"],
.atlas-search-label-line[data-managed-dialog-suppressed="true"],
.atlas-search-label-pin[data-managed-dialog-suppressed="true"] {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.atlas-search-label-content {
	min-width: 0;
	display: grid;
	gap: 1px;
}

.atlas-search-label-text {
	min-width: 0;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.atlas-search-label-meta {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: rgba(248, 252, 255, 0.74);
	font-size: 10px;
	line-height: 12px;
	font-weight: 750;
}

.atlas-search-label-copy,
.atlas-search-label-close {
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	border: 0;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(248, 252, 255, 0.12);
	color: #f8fcff;
	cursor: pointer;
	touch-action: manipulation;
	transition: background 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

.atlas-search-label-copy:focus-visible,
.atlas-search-label-close:focus-visible {
	background: rgba(248, 252, 255, 0.22);
	outline: 2px solid rgba(248, 252, 255, 0.88);
	outline-offset: 2px;
}

@media (hover: hover) {
	.atlas-search-label-copy:hover,
	.atlas-search-label-close:hover {
		background: rgba(248, 252, 255, 0.22);
	}
}

.atlas-search-label-copy:active,
.atlas-search-label-close:active {
	transform: scale(0.94);
}

.atlas-search-label-copy .material-symbols-rounded,
.atlas-search-label-close .material-symbols-rounded {
	font-size: 20px;
	line-height: 1;
}

.atlas-search-label-line {
	position: absolute;
	z-index: 115;
	height: 2px;
	border-radius: 999px;
	background: rgba(248, 252, 255, 0.94);
	box-shadow:
		0 0 0 1px rgba(12, 29, 36, 0.72),
		0 3px 10px rgba(0, 0, 0, 0.3);
	pointer-events: none;
	transform-origin: 0 50%;
}

.atlas-search-label-pin {
	position: absolute;
	z-index: 115;
	width: 10px;
	height: 10px;
	border: 2px solid rgba(12, 29, 36, 0.88);
	border-radius: 999px;
	background: #f8fcff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.32);
	pointer-events: none;
	transform: translate(-50%, -50%);
}

.atlas-point-info {
	box-sizing: border-box;
	width: min(420px, 48vw);
	max-width: 420px;
	padding: 8px;
	border-radius: 8px;
	background: rgba(12, 29, 36, 0.88);
	color: #f8fcff;
	font-size: 11px;
	line-height: 1.25;
	text-align: left;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(8px);
}

.atlas-point-info.is-minimized {
	width: auto;
	min-width: 132px;
}

.atlas-point-info-head {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	min-height: 20px;
}

.atlas-point-info-text {
	display: grid;
	flex: 1;
	min-width: 0;
	gap: 3px;
}

.atlas-point-info-title {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 700;
}

.atlas-point-info.is-minimized .atlas-point-info-title {
	display: block;
	white-space: nowrap;
}

	.atlas-point-info-coordinate {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 40px;
		padding: 3px 0;
	border: 0;
	background: transparent;
	overflow-wrap: anywhere;
	white-space: normal;
	color: rgba(248, 252, 255, 0.9);
	font-size: 10px;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
	font-family: inherit;
	line-height: inherit;
}

.atlas-point-info-coordinate:focus-visible {
	color: #ffffff;
	text-decoration: underline;
	outline: 2px solid rgba(248, 252, 255, 0.72);
	outline-offset: 2px;
	border-radius: 4px;
}

@media (hover: hover) {
	.atlas-point-info-coordinate:hover {
		color: #ffffff;
		text-decoration: underline;
		outline: 2px solid rgba(248, 252, 255, 0.72);
		outline-offset: 2px;
		border-radius: 4px;
	}
}

.atlas-point-info-actions {
	display: inline-flex;
	gap: 5px;
	flex: 0 0 auto;
}

	.atlas-point-info-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: var(--md-sys-shape-corner-full);
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
	cursor: pointer;
	transition: background 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

	.atlas-point-info-copy {
		width: 40px;
		padding: 0;
	}

.atlas-point-info-remove {
	border-color: color-mix(in srgb, var(--md-sys-color-error) 58%, rgba(255, 255, 255, 0.26));
	background: color-mix(in srgb, var(--md-sys-color-error) 26%, rgba(255, 255, 255, 0.08));
	color: #ffffff;
}

.atlas-point-info-button .material-symbols-rounded {
	font-size: 19px;
	line-height: 1;
}

.atlas-point-info-button:focus-visible {
	background: rgba(255, 255, 255, 0.26);
	outline: 2px solid rgba(248, 252, 255, 0.78);
	outline-offset: 2px;
}

@media (hover: hover) {
	.atlas-point-info-button:hover {
		background: rgba(255, 255, 255, 0.26);
		outline: 2px solid rgba(248, 252, 255, 0.78);
		outline-offset: 2px;
	}

	.atlas-point-info-remove:hover {
		background: color-mix(in srgb, var(--md-sys-color-error) 38%, rgba(255, 255, 255, 0.14));
	}
}

.atlas-point-info-button:active {
	transform: scale(0.94);
}

#profile_window {
	position: fixed !important;
	width: calc(100vw - var(--atlas-profile-right-clearance)) !important;
	left: 0 !important;
	top: auto;
	right: var(--atlas-profile-right-clearance) !important;
	bottom: 0 !important;
	height: var(--atlas-profile-panel-height) !important;
	min-height: 190px;
	max-height: calc(100dvh - var(--atlas-appbar-height) - 64px);
	margin: 0 !important;
	transform: none !important;
	border-radius: 0 !important;
	overflow: hidden;
	border: 1px solid var(--md-sys-color-outline-variant) !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	box-shadow: 0 -16px 38px rgba(0, 0, 0, 0.28) !important;
	backdrop-filter: none;
	z-index: 10300 !important;
}

#profile_window::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 10px;
	z-index: 5;
	cursor: ns-resize;
	touch-action: none;
}

#profile_window.atlas-profile-resizing,
#profile_window.atlas-profile-resizing * {
	user-select: none !important;
}

#profile_titlebar {
	height: 42px !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
	padding: 4px 8px 4px 12px !important;
	background: var(--md-sys-color-surface-container-highest) !important;
	color: var(--md-sys-color-on-surface) !important;
	border-bottom: 1px solid var(--md-sys-color-outline-variant);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	cursor: default;
	user-select: none;
	overflow: hidden;
}

#profile_titlebar > span:first-child {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-height: 32px;
	padding-right: 2px !important;
	color: var(--md-sys-color-on-surface) !important;
	text-shadow: none !important;
	white-space: nowrap;
}

.atlas-profile-title-icon {
	width: 28px;
	height: 28px;
	margin-right: 8px;
	border-radius: var(--md-sys-shape-corner-full);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--md-sys-color-primary-container);
	color: var(--md-sys-color-on-primary-container);
	font-family: "Material Symbols Rounded";
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	font-feature-settings: "liga";
	font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

#profile_window_title {
	position: static !important;
	margin: 0 !important;
}

#profileInfo {
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	font-weight: 600;
	min-width: 0;
}

#closeProfileContainer {
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 6px;
	border-radius: var(--md-sys-shape-corner-full);
	background: var(--md-sys-color-primary-container);
	border: 1px solid transparent;
	cursor: pointer;
	opacity: 1 !important;
	transition: background-color 160ms var(--atlas-transition), transform 160ms var(--atlas-transition), box-shadow 160ms var(--atlas-transition);
}

#closeProfileContainer:focus-visible {
	outline: none;
	background: var(--md-sys-color-secondary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	#closeProfileContainer:hover {
		outline: none;
		background: var(--md-sys-color-secondary-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

#closeProfileContainer:active {
	transform: scale(0.96);
}

.atlas-profile-guidance {
	position: static;
	flex: 0 1 440px;
	min-width: 220px;
	max-width: 440px;
	min-height: 30px;
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 4px 10px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-secondary-container);
	color: var(--md-sys-color-on-secondary-container);
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
	text-shadow: none !important;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.atlas-profile-guidance .material-symbols-rounded {
	font-size: 17px;
	flex: 0 0 auto;
}

.atlas-profile-guidance,
.atlas-profile-guidance * {
	text-shadow: none !important;
}

.atlas-profile-guidance span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#profile_window .pw_content {
	top: 42px !important;
	height: calc(100% - 42px) !important;
	background: var(--md-sys-color-surface-container-lowest) !important;
}

#profile_window .pv-main-color {
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	padding: 4px 8px 8px !important;
}

#profile_window .pv-main-color > div:first-child {
	min-height: 34px;
	margin: 0 0 4px 0 !important;
	padding: 3px 6px 3px 8px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5px;
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-low) !important;
	color: var(--md-sys-color-on-surface-variant) !important;
	font-size: 12px;
	font-weight: 700;
}

.atlas-profile-width-control {
	display: inline-grid;
	grid-template-columns: auto auto minmax(130px, 220px) 82px auto;
	align-items: center;
	gap: 6px;
	min-height: 30px;
	max-width: min(540px, 48vw);
	margin-left: auto;
	padding: 2px 6px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	white-space: nowrap;
}

.atlas-profile-width-control .material-symbols-rounded {
	font-size: 16px;
	color: var(--md-sys-color-primary);
}

.atlas-profile-width-control input[type="range"] {
	width: 100%;
	min-width: 120px;
	accent-color: var(--md-sys-color-primary);
}

.atlas-profile-width-control input[type="number"] {
	width: 82px;
	height: 32px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-lowest);
	color: var(--md-sys-color-on-surface);
	font-weight: 800;
	text-align: right;
}

.atlas-profile-width-control strong {
	min-width: 58px;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 11px;
	text-align: right;
}

#profile_window .atlas-profile-step-field {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-right: 6px;
	color: var(--md-sys-color-on-surface-variant);
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	white-space: nowrap;
}

#profile_window #potree_profile_rotate_amount {
	width: 48px !important;
	height: 30px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-lowest) !important;
	color: var(--md-sys-color-on-surface) !important;
	text-align: center;
	font-weight: 800;
}

.atlas-clip-color-field {
	display: grid;
	gap: 8px;
	margin: 12px 0 4px;
	padding: 10px;
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	background: var(--md-sys-color-surface-container-low);
	color: var(--md-sys-color-on-surface);
}

.atlas-clip-color-field label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 800;
	color: var(--md-sys-color-on-surface);
}

.atlas-clip-color-field input[type="color"] {
	width: 48px;
	height: 36px;
	padding: 2px;
	border: 1px solid var(--md-sys-color-outline);
	border-radius: var(--md-sys-shape-corner-small);
	background: var(--md-sys-color-surface-container-lowest);
	cursor: pointer;
}

.atlas-clip-color-field small {
	color: var(--md-sys-color-on-surface-variant);
	font-size: 11px;
	line-height: 15px;
	font-weight: 650;
}

#profile_window .text-icon {
	width: 28px !important;
	height: 28px !important;
	margin: 1px;
	padding: 4px;
	border-radius: var(--md-sys-shape-corner-full);
	background: transparent;
	cursor: pointer;
	vertical-align: middle;
	transition: background-color 160ms var(--atlas-transition), box-shadow 160ms var(--atlas-transition), transform 160ms var(--atlas-transition);
}

#profile_window .text-icon:focus-visible {
	outline: none;
	background: var(--md-sys-color-secondary-container);
	box-shadow: var(--atlas-focus-ring);
}

@media (hover: hover) {
	#profile_window .text-icon:hover {
		outline: none;
		background: var(--md-sys-color-secondary-container);
		box-shadow: var(--atlas-focus-ring);
	}
}

#profile_window .text-icon:active {
	transform: scale(0.96);
}

#profile_draw_container {
	border: 1px solid var(--md-sys-color-outline-variant);
	border-radius: var(--md-sys-shape-corner-medium);
	overflow: hidden;
	background: #000000;
}

@media (max-width: 360px) and (max-height: 560px) {
	body.atlas-profile-split-open {
		--atlas-profile-panel-height: min(52dvh, calc(100dvh - var(--atlas-appbar-height) - 148px));
	}

	#profile_titlebar {
		height: 36px !important;
		gap: 6px;
		padding: 3px 6px 3px 10px !important;
	}

	#profile_window .pw_content {
		top: 36px !important;
		height: calc(100% - 36px) !important;
	}

	#profile_titlebar > span:first-child {
		min-width: 0;
		flex: 0 1 auto;
	}

	#profile_window_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.atlas-profile-guidance {
		flex: 1 1 auto;
		min-width: 0;
		min-height: 28px;
		padding: 3px 8px;
		gap: 5px;
	}

	.atlas-profile-guidance span:last-child {
		display: none;
	}

	.atlas-profile-guidance::after {
		content: "Arraste pontos";
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#profile_window .pv-main-color {
		padding: 4px 8px 7px !important;
	}

	#profile_window .pv-main-color > div:first-child {
		min-height: 30px;
		margin-bottom: 5px !important;
		padding: 2px 5px 2px 7px;
		gap: 4px;
		font-size: 11px;
		line-height: 15px;
	}

	.atlas-profile-width-control {
		display: none;
	}

	#profile_window .atlas-profile-step-field {
		gap: 3px;
		margin-right: 2px;
		font-size: 11px;
	}

	#profile_window #potree_profile_rotate_amount {
		width: 40px !important;
		height: 28px;
	}

	#profile_window .text-icon {
		width: 26px !important;
		height: 26px !important;
		margin: 0;
		padding: 4px;
	}
}

@media (max-width: 1100px) {
	.atlas-top-app-bar {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.atlas-profile-width-control {
		grid-template-columns: auto auto minmax(110px, 1fr) 76px auto;
		width: min(100%, 560px);
		max-width: 100%;
		margin-left: 0;
	}

	.atlas-map-chip {
		display: none;
	}
}

@media (min-width: 761px) and (max-height: 820px) {
	:root {
		--atlas-profile-right-clearance: 146px;
	}

	.atlas-tool-rail {
		display: grid;
		grid-template-columns: repeat(2, 46px);
		align-content: start;
		justify-content: start;
		gap: 6px;
		padding: 7px;
		overflow-x: visible;
	}

	.atlas-map-layer-picker {
		right: 146px;
	}
}

@media (min-width: 761px) and (max-width: 820px) and (pointer: coarse) {
	.atlas-map-layer-picker {
		right: calc(18px + 64px + 12px);
	}

	body.atlas-pwa-banner-effective-visible .atlas-map-layer-picker.is-collapsed {
		bottom: calc(var(--atlas-mobile-toolbar-height, 58px) + var(--atlas-pwa-banner-height, 96px) + 34px + env(safe-area-inset-bottom));
	}
}

@media (max-width: 760px) {
	:root {
		--atlas-appbar-height: 54px;
		--atlas-mobile-toolbar-height: 58px;
		--atlas-profile-right-clearance: 0px;
	}

	.atlas-profile-width-control {
		grid-template-columns: auto minmax(96px, 1fr) 74px auto;
		width: 100%;
	}

	.atlas-profile-width-control .atlas-profile-width-label {
		display: none;
	}

	.atlas-top-app-bar {
		grid-template-columns: minmax(0, 1fr) auto;
		height: var(--atlas-appbar-height);
		padding: 4px 8px;
		gap: 8px;
	}

	.atlas-brand {
		gap: 7px;
	}

	.atlas-header-actions {
		gap: 5px;
	}

	.atlas-load-status {
		display: none;
	}

	.atlas-icon-button {
		width: 44px;
		min-width: 44px;
		height: 44px;
	}

	.atlas-header-actions .atlas-icon-button {
		width: 42px;
		min-width: 42px;
		height: 42px;
		flex-basis: 42px;
	}

	.atlas-city-crest {
		width: 31px;
		height: 38px;
	}

	.atlas-title-block {
		max-width: calc(100vw - 126px);
	}

	.atlas-header-logo-box {
		display: none;
	}

	.atlas-title {
		max-width: 100%;
		font-size: 15px;
		line-height: 18px;
	}

	.atlas-subtitle {
		display: none;
	}

	.atlas-dialog-backdrop {
		align-items: stretch;
		padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
	}

		.atlas-dialog {
			width: 100%;
			max-height: calc(100dvh - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom)));
			padding: 18px;
			border-radius: var(--md-sys-shape-corner-large);
		}

		.atlas-bug-report-dialog .atlas-dialog-content {
			margin-bottom: calc(74px + env(safe-area-inset-bottom));
			padding-bottom: 8px;
			scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom));
		}

		.atlas-bug-report-dialog .atlas-dialog-actions {
			right: 18px;
			bottom: max(18px, env(safe-area-inset-bottom));
			left: 18px;
		}

		.atlas-dialog-actions > button {
			flex: 1 1 148px;
			min-width: min(148px, 100%);
		}

		.atlas-bug-report-dialog .atlas-dialog-scroll-hint {
			bottom: calc(60px + env(safe-area-inset-bottom));
			max-width: calc(100% - 36px);
		}

		.atlas-clear-confirm-dialog {
			align-self: center;
		}

			.atlas-clear-confirm-scopes {
				display: grid;
				grid-template-columns: 1fr;
				max-height: min(28dvh, 190px);
			}

			.atlas-clear-confirm-impact {
				grid-template-columns: 1fr;
			}

			.atlas-clear-confirm-chip,
			.atlas-clear-confirm-empty {
				width: 100%;
				border-radius: var(--md-sys-shape-corner-large);
			}

		.atlas-login-screen {
			padding: 14px;
		}

	.atlas-login-panel {
		padding: 20px;
		border-radius: var(--md-sys-shape-corner-large);
	}

	.atlas-login-copy h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.atlas-user-admin-layout {
		grid-template-columns: 1fr;
		gap: 12px;
		padding-right: 2px;
	}

	.atlas-admin-summary,
	.atlas-admin-chart-grid {
		grid-template-columns: 1fr;
	}

	.atlas-admin-filters {
		grid-template-columns: 1fr;
	}

	.atlas-admin-tabs {
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 2px;
	}

	.atlas-point-cache-status {
		min-height: auto;
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 8px;
		padding: 9px 10px;
	}

	.atlas-point-cache-status > .material-symbols-rounded:first-child {
		width: 34px;
		height: 34px;
		font-size: 18px;
	}

	.atlas-point-cache-status-body {
		gap: 4px;
	}

	.atlas-point-cache-current-mode,
	.atlas-point-cache-reduction {
		min-height: 26px;
		gap: 5px;
		padding: 3px 7px;
	}

	.atlas-point-cache-recheck-status {
		min-height: 26px;
		gap: 5px;
		padding: 3px 7px;
	}

	.atlas-point-cache-guidance,
	.atlas-point-cache-preservation,
	.atlas-point-cache-reduction {
		min-height: 32px;
		padding: 5px 7px;
	}

	.atlas-point-cache-status em {
		margin-top: 0;
		line-height: 14px;
	}

	.atlas-point-cache-metrics,
	.atlas-point-cache-actions {
		gap: 5px;
	}

	.atlas-point-cache-metrics span {
		padding: 5px 6px;
	}

	.atlas-point-cache-actions .atlas-point-cache-action {
		padding: 0 8px;
	}

	.atlas-user-list {
		min-height: 0;
		height: min(24dvh, 184px);
		max-height: min(24dvh, 184px);
	}

	.atlas-user-admin-dialog {
		width: 100%;
		max-height: calc(100dvh - 20px);
	}

	.atlas-user-admin-dialog > .atlas-user-admin-layout,
	.atlas-user-admin-dialog .atlas-admin-panel.is-active {
		padding-right: 2px;
	}

	.atlas-user-form {
		gap: 10px;
	}

	.atlas-user-admin-dialog .atlas-md-field {
		gap: 5px;
	}

	.atlas-user-admin-dialog .atlas-md-field input,
	.atlas-user-admin-dialog .atlas-md-field select {
		min-height: 44px;
		padding: 10px 12px;
	}

	.atlas-user-form .atlas-dialog-actions {
		margin-top: 4px;
		flex-wrap: wrap;
	}

	.atlas-user-form .atlas-dialog-actions > button {
		flex: 1 1 108px;
	}

	.atlas-dialog-header {
		gap: 12px;
		margin-bottom: 12px;
	}

	.atlas-dialog-icon {
		width: 44px;
		height: 44px;
		border-radius: var(--md-sys-shape-corner-medium);
	}

	.atlas-dialog h2 {
		font-size: 20px;
		line-height: 25px;
	}

	.atlas-dialog-lead {
		font-size: 14px;
		line-height: 21px;
	}

	.atlas-help-grid {
		grid-template-columns: 1fr;
	}

	.atlas-help-card-wide {
		grid-column: auto;
	}

	.atlas-desktop-only {
		display: none !important;
	}

	.atlas-help-card li.atlas-mobile-only {
		display: list-item !important;
	}

	.atlas-shortcut-list .atlas-mobile-only {
		display: flex !important;
	}

	.atlas-shortcut-list kbd {
		min-width: 0;
	}

		@media (max-height: 520px) {
			#atlasHelpDialog .atlas-dialog {
				display: grid;
				grid-template-rows: auto minmax(0, 1fr) 44px;
				row-gap: 8px;
				padding: 16px;
			}

			#atlasHelpDialog .atlas-dialog-header {
				gap: 10px;
				margin-bottom: 0;
			}

			#atlasHelpDialog .atlas-dialog-icon {
				width: 40px;
				height: 40px;
			}

			#atlasHelpDialog .atlas-dialog-eyebrow {
				margin-bottom: 1px;
				font-size: 11px;
				line-height: 14px;
			}

			#atlasHelpDialog .atlas-dialog h2 {
				font-size: 19px;
				line-height: 24px;
			}

			#atlasHelpDialog .atlas-dialog-content {
				gap: 10px;
				font-size: 13px;
				line-height: 19px;
				padding-right: 2px;
			}

			#atlasHelpDialog .atlas-dialog-lead {
				font-size: 13px;
				line-height: 19px;
			}

			#atlasHelpDialog .atlas-help-workflow li {
				min-height: 62px;
				padding: 6px 4px;
				gap: 4px;
			}

			#atlasHelpDialog .atlas-help-workflow .material-symbols-rounded {
				width: 32px;
				height: 32px;
				font-size: 18px;
			}

			#atlasHelpDialog .atlas-help-workflow strong {
				font-size: 11px;
				line-height: 13px;
			}

			#atlasHelpDialog .atlas-help-card {
				padding: 12px;
			}

			#atlasHelpDialog .atlas-help-card h3 {
				margin-bottom: 7px;
			}

				#atlasHelpDialog .atlas-checkbox-row {
					grid-row: 3;
					grid-column: 1;
					justify-self: start;
					align-self: end;
					max-width: calc(100% - 158px);
					min-height: 44px;
					margin-top: 0;
					padding: 6px;
				font-size: 13px;
				line-height: 16px;
			}

			#atlasHelpDialog .atlas-checkbox-row span {
				min-width: 0;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				font-size: 0;
				line-height: 0;
			}

			#atlasHelpDialog .atlas-checkbox-row span::after {
				content: "Não exibir";
				font-size: 13px;
				line-height: 16px;
			}

			#atlasHelpDialog .atlas-dialog-actions {
				grid-row: 3;
				grid-column: 1;
				justify-self: end;
				align-self: end;
				margin-top: 0;
			}

			#atlasHelpDialog .atlas-text-button {
				min-height: 44px;
				padding-inline: 18px;
			}
		}

		.atlas-tool-rail {
			top: auto;
			left: 50%;
			right: auto;
			bottom: max(10px, env(safe-area-inset-bottom));
			width: calc(100vw - 16px);
			max-width: calc(100vw - 16px);
			max-height: var(--atlas-mobile-toolbar-height);
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap: 0;
			padding: 5px;
			transform: translateX(-50%);
			overflow-x: hidden;
			overflow-y: hidden;
			scrollbar-width: none;
			border-radius: var(--md-sys-shape-corner-full);
		}

		.atlas-tool-rail.is-expanded {
			width: calc(100vw - 16px);
			min-height: min(262px, calc(100dvh - var(--atlas-appbar-height) - 88px - env(safe-area-inset-bottom)));
			max-height: min(360px, calc(100dvh - var(--atlas-appbar-height) - 88px - env(safe-area-inset-bottom)));
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			align-items: stretch;
			align-content: start;
			justify-content: stretch;
			overflow-x: hidden;
			overflow-y: auto;
			overscroll-behavior: contain;
			scrollbar-gutter: stable;
			border-radius: 24px;
			gap: 6px;
		}

		.atlas-tool-rail.is-expanded .atlas-tool-button-danger {
			background: var(--atlas-color-danger-container);
			color: var(--md-sys-color-error);
		}

		.atlas-mobile-tools-expanded .atlas-tool-rail {
			z-index: 11250;
		}

		.atlas-mobile-tools-expanded .atlas-volume-controls {
			display: none;
		}

		.atlas-snackbar {
			bottom: calc(var(--atlas-mobile-toolbar-height) + 92px + env(safe-area-inset-bottom));
			width: min(420px, calc(100vw - 32px));
			max-width: calc(100vw - 32px);
			max-height: min(34dvh, 220px);
			overflow-y: auto;
			text-align: left;
		}

		.atlas-mobile-tools-expanded .atlas-snackbar {
			bottom: calc(min(48dvh, 360px) + 22px + env(safe-area-inset-bottom));
		}

		.atlas-mobile-tools-expanded .atlas-mobile-nav {
			display: none;
		}

		.atlas-sidebar-open .atlas-snackbar {
			display: none;
		}

		.atlas-snackbar-visible .atlas-measure-hint:not(.is-active-tool) {
			display: none;
		}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-button:not([data-tool="map2d"]):not([data-tool="drone"]):not([data-tool="fullscreen"]):not([data-tool="point"]):not([data-tool="distance"]):not([data-tool="height"]):not([data-tool="area"]):not(.atlas-tool-overflow-toggle) {
			display: none;
	}

	.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="map2d"] {
		order: 1;
	}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="drone"] {
			order: 2;
		}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="fullscreen"] {
			order: 3;
		}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="point"] {
			order: 4;
		}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="distance"] {
			order: 5;
		}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="height"] {
			order: 6;
		}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="area"] {
			order: 7;
		}

		.atlas-tool-rail:not(.is-expanded) .atlas-tool-cancel.is-visible {
			display: inline-flex;
			order: 7;
		}

		.atlas-tool-rail:not(.is-expanded).has-active-tool-cancel .atlas-tool-button[data-tool="height"],
		.atlas-tool-rail:not(.is-expanded).has-active-tool-cancel .atlas-tool-button[data-tool="area"] {
			display: none;
		}

		.atlas-tool-overflow-toggle {
			display: inline-flex;
			order: 8;
		}

	.atlas-tool-rail.is-expanded .atlas-tool-overflow-toggle {
		order: 99;
		background: var(--md-sys-color-primary-container);
		color: var(--md-sys-color-on-primary-container);
	}

	.atlas-tool-rail.is-expanded .atlas-tool-button {
		width: 100%;
		height: 58px;
		min-width: 0;
		display: inline-flex;
		flex-direction: column;
		gap: 3px;
		border-radius: var(--md-sys-shape-corner-medium);
	}

	.atlas-mobile-nav {
		display: grid;
		top: calc(var(--atlas-appbar-height) + 10px);
		right: 8px;
		gap: 5px;
		padding: 5px;
	}

	.atlas-mobile-nav-button {
		width: 44px;
		height: 44px;
	}

	.atlas-address-search,
	.atlas-sidebar-open .atlas-address-search {
		top: 8px;
		left: 8px;
		right: auto;
		width: 52px;
		z-index: 11200;
		transition: width 180ms var(--atlas-transition), right 180ms var(--atlas-transition), left 180ms var(--atlas-transition);
	}

	.atlas-address-search.is-open,
	.atlas-address-search.has-map-items,
	.atlas-address-search:not(.is-compact-trigger):focus-within,
	.atlas-sidebar-open .atlas-address-search.is-open,
	.atlas-sidebar-open .atlas-address-search.has-map-items,
	.atlas-sidebar-open .atlas-address-search:not(.is-compact-trigger):focus-within {
		right: 8px;
		width: auto;
	}

	.atlas-address-form {
		min-height: 48px;
		grid-template-columns: 24px minmax(0, 1fr) 40px;
		gap: 6px;
		padding: 4px 5px 4px 12px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
	}

	.atlas-address-form.has-clear {
		grid-template-columns: 24px minmax(0, 1fr) 40px 40px;
	}

	.atlas-address-search.is-compact-trigger .atlas-address-form {
		width: 52px;
		grid-template-columns: 42px;
		padding: 4px;
		overflow: hidden;
	}

	.atlas-address-search.is-compact-trigger:focus-visible .atlas-address-form {
		outline: 2px solid var(--md-sys-color-primary);
		outline-offset: 2px;
		box-shadow: var(--atlas-focus-ring);
	}

	.atlas-address-search.is-compact-trigger .atlas-address-leading-icon {
		width: 42px;
		height: 42px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.atlas-address-search.is-compact-trigger .atlas-address-input,
	.atlas-address-search.is-compact-trigger .atlas-address-clear,
	.atlas-address-search.is-compact-trigger .atlas-address-submit {
		display: none;
		width: 0;
		min-width: 0;
		opacity: 0;
		pointer-events: none;
	}

	.atlas-address-submit {
		width: 40px;
		height: 40px;
	}

	.atlas-address-input {
		height: 40px;
		font-size: 13px;
	}

	.atlas-address-results {
		max-height: calc(100dvh - var(--atlas-appbar-height) - var(--atlas-mobile-toolbar-height) - 84px - env(safe-area-inset-bottom));
		overscroll-behavior: contain;
		scrollbar-gutter: stable;
	}

	.atlas-address-search.has-results-hint .atlas-address-results {
		max-height: calc(100dvh - var(--atlas-appbar-height) - var(--atlas-mobile-toolbar-height) - 116px - env(safe-area-inset-bottom));
	}

	.atlas-search-label {
		min-width: min(288px, calc(100vw - 32px));
	}

	.atlas-map-items-panel {
		max-height: min(48dvh, 300px);
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-gutter: stable;
		padding: 8px;
	}

	.atlas-search-label[data-map-items-panel-suppressed="true"],
	.atlas-search-label-line[data-map-items-panel-suppressed="true"],
	.atlas-search-label-pin[data-map-items-panel-suppressed="true"] {
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
	}

			.atlas-map-items-icon-button {
				width: 44px;
				height: 44px;
				min-width: 44px;
				min-height: 44px;
			}

			.atlas-map-items-action-button {
				width: auto;
				min-width: 44px;
				padding: 0 12px;
			}

		@media (max-width: 480px) {
			.atlas-map-items-panel:not(.is-collapsed) .atlas-map-items-header {
				grid-template-columns: 32px minmax(0, 1fr);
				row-gap: 7px;
			}

			.atlas-map-items-panel:not(.is-collapsed) .atlas-map-items-header .atlas-map-items-actions {
				grid-column: 1 / -1;
				max-width: 100%;
				justify-content: flex-start;
				overflow-x: auto;
				overflow-y: hidden;
				padding-bottom: 2px;
				scrollbar-width: none;
				-webkit-overflow-scrolling: touch;
			}

			.atlas-map-items-panel:not(.is-collapsed) .atlas-map-items-header .atlas-map-items-actions::-webkit-scrollbar {
				display: none;
			}

			.atlas-map-items-panel:not(.is-collapsed) .atlas-map-items-header .atlas-map-items-icon-button {
				flex: 0 0 44px;
			}
		}

			.atlas-map-items-panel.is-collapsed {
				max-height: none;
				overflow: visible;
				padding: 6px 8px;
			}

				.atlas-map-items-panel.is-collapsed .atlas-map-items-header {
				grid-template-columns: 32px minmax(0, 1fr) auto;
				gap: 6px;
			}

		.atlas-map-items-panel.is-collapsed .atlas-map-items-header .atlas-map-items-actions {
			grid-column: auto;
			justify-content: flex-end;
			white-space: nowrap;
		}

					@media (max-width: 360px) {
						.atlas-map-items-panel.is-collapsed [data-map-items-action="focus-all"],
						.atlas-map-items-panel.is-collapsed [data-map-items-action="copy-all"] {
							display: none;
						}
					}

		body.atlas-volume-controls-open .atlas-map-items-panel {
			max-height: min(31dvh, 280px);
		}

	body.atlas-mobile-measuring .atlas-map-items-panel {
		max-height: min(28dvh, 190px);
	}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed,
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed {
				padding: 5px 7px;
			}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed .atlas-map-items-header,
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed .atlas-map-items-header {
				grid-template-columns: 30px minmax(0, 1fr) auto;
				gap: 5px;
			}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed .atlas-map-items-header > .material-symbols-rounded,
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed .atlas-map-items-header > .material-symbols-rounded {
				width: 30px;
				height: 30px;
				font-size: 18px;
			}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed .atlas-map-items-header strong,
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed .atlas-map-items-header strong {
				font-size: 12px;
				line-height: 15px;
			}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed .atlas-map-items-header > div > span,
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed .atlas-map-items-header > div > span {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				font-size: 11px;
				line-height: 14px;
			}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed [data-map-items-action="toggle-visibility"],
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed [data-map-items-action="toggle-visibility"] {
				display: none;
			}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed.is-items-hidden [data-map-items-action="toggle-visibility"],
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed.is-items-hidden [data-map-items-action="toggle-visibility"],
			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed.has-type-hidden [data-map-items-action="toggle-visibility"],
			body.atlas-volume-controls-open .atlas-map-items-panel.is-collapsed.has-type-hidden [data-map-items-action="toggle-visibility"] {
				display: inline-flex;
			}

	.atlas-map-items-list {
		padding-bottom: 2px;
	}

	.atlas-map-items-row,
	.atlas-map-items-row-has-actions,
	.atlas-map-items-row-place {
		grid-template-columns: 30px minmax(0, 1fr);
	}

		.atlas-map-items-row-has-actions .atlas-map-items-actions,
			.atlas-map-items-row-place .atlas-map-items-actions {
				grid-column: 2;
				justify-content: flex-start;
				max-width: 100%;
				flex-wrap: wrap;
				row-gap: 5px;
			}

			.atlas-map-items-row-has-actions .atlas-map-items-action-button,
			.atlas-map-items-row-place .atlas-map-items-action-button {
				width: 44px;
				padding: 0;
			}

				.atlas-map-items-row-has-actions .atlas-map-items-action-button .atlas-map-items-action-label,
				.atlas-map-items-row-place .atlas-map-items-action-button .atlas-map-items-action-label {
					position: absolute;
					width: 1px;
				height: 1px;
				margin: -1px;
				padding: 0;
				overflow: hidden;
				clip: rect(0 0 0 0);
					clip-path: inset(50%);
					white-space: nowrap;
				}

				@media (min-width: 361px) {
					.atlas-map-items-row-has-actions .atlas-map-items-action-button,
					.atlas-map-items-row-place .atlas-map-items-action-button {
						min-width: 74px;
						gap: 5px;
						padding: 0 9px;
					}

					.atlas-map-items-row-has-actions .atlas-map-items-action-button .atlas-map-items-action-label,
					.atlas-map-items-row-place .atlas-map-items-action-button .atlas-map-items-action-label {
						position: static;
						width: auto;
						height: auto;
						max-width: 56px;
						margin: 0;
						padding: 0;
						overflow: hidden;
						clip: auto;
						clip-path: none;
						text-overflow: ellipsis;
						white-space: nowrap;
						font-size: 10px;
						line-height: 12px;
						font-weight: 800;
					}
				}

				.atlas-map-items-row-has-actions .atlas-map-items-action-button[data-map-items-danger="true"],
				.atlas-map-items-row-place .atlas-map-items-action-button[data-map-items-danger="true"] {
					width: auto;
					min-width: 84px;
					padding: 0 10px;
				}

				.atlas-map-items-row-has-actions .atlas-map-items-action-button[data-map-items-danger="true"] .atlas-map-items-action-label,
				.atlas-map-items-row-place .atlas-map-items-action-button[data-map-items-danger="true"] .atlas-map-items-action-label {
					position: static;
					width: auto;
					height: auto;
					max-width: 62px;
					margin: 0;
					padding: 0;
					clip: auto;
					clip-path: none;
					white-space: nowrap;
				}

					#potree_map_toggle {
						margin-top: 64px !important;
					}

	.atlas-address-search[data-sidebar-suppressed="true"] {
		display: none;
	}

	.atlas-tool-rail::-webkit-scrollbar {
		display: none;
	}

		.atlas-tool-button {
			width: 44px;
			min-width: 44px;
			height: 44px;
			min-height: 44px;
			flex: 0 0 44px;
		}

		@media (max-width: 360px) {
			.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="height"],
			.atlas-tool-rail:not(.is-expanded) .atlas-tool-button[data-tool="area"] {
				display: none;
			}
		}

	.atlas-tool-rail[data-sidebar-suppressed="true"],
	.atlas-mobile-nav[data-sidebar-suppressed="true"],
	.atlas-mobile-nav[data-address-search-chrome-suppressed="true"],
	.atlas-measure-hint[data-sidebar-suppressed="true"],
	.atlas-volume-controls[data-sidebar-suppressed="true"],
	.atlas-flood-emergency[data-sidebar-suppressed="true"],
	.atlas-map-layer-picker[data-sidebar-suppressed="true"] {
		display: none;
	}

	.atlas-tool-button::after {
		display: none;
	}

	.atlas-tool-rail.is-expanded .atlas-tool-button::after {
		position: static;
		display: block;
		max-width: 100%;
		padding: 0;
		background: transparent;
		color: currentColor;
		font-size: 10px;
		line-height: 12px;
		font-weight: 760;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		opacity: 1;
		transform: none;
	}

	.atlas-tool-rail.is-expanded ~ .atlas-measure-hint,
	.atlas-tool-rail.is-expanded ~ .atlas-map-layer-picker {
		display: none;
	}

	.atlas-mobile-measure-panel {
		position: absolute;
		left: 8px;
		right: 8px;
		bottom: calc(var(--atlas-mobile-toolbar-height) + 16px + env(safe-area-inset-bottom));
		z-index: 11035;
		display: grid;
		gap: 10px;
		padding: 10px;
		border-radius: var(--md-sys-shape-corner-large);
		background: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 96%, transparent);
		color: var(--md-sys-color-on-surface);
		border: 1px solid var(--md-sys-color-outline-variant);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
		backdrop-filter: blur(12px);
	}

	.atlas-mobile-measure-panel.is-hidden {
		display: none !important;
	}

	.atlas-mobile-nav[data-mobile-measure-suppressed="true"],
	.atlas-measure-hint[data-mobile-measure-suppressed="true"] {
		display: none;
	}

	.atlas-tool-rail[data-profile-split-suppressed="true"],
	.atlas-map-layer-picker[data-profile-split-suppressed="true"] {
		display: none !important;
	}

	.atlas-map-items-panel[data-profile-measure-suppressed="true"] {
		display: none !important;
	}

	body.atlas-profile-split-open.atlas-mobile-measuring .atlas-mobile-measure-panel {
		bottom: calc(var(--atlas-profile-panel-height) + 10px + env(safe-area-inset-bottom));
		gap: 7px;
		padding: 8px;
	}

	body.atlas-profile-split-open.atlas-mobile-measuring .atlas-mobile-measure-copy {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 8px;
	}

	body.atlas-profile-split-open.atlas-mobile-measuring .atlas-mobile-measure-copy > .material-symbols-rounded {
		width: 36px;
		height: 36px;
		font-size: 20px;
	}

	body.atlas-profile-split-open.atlas-mobile-measuring .atlas-mobile-measure-copy strong {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 12px;
		line-height: 16px;
	}

	body.atlas-profile-split-open.atlas-mobile-measuring .atlas-mobile-measure-actions {
		gap: 6px;
	}

	body.atlas-profile-split-open.atlas-mobile-measuring .atlas-mobile-measure-action {
		min-height: 40px;
		padding-inline: 10px;
	}

	.atlas-measure-hint {
		left: 8px;
		right: 76px;
		bottom: calc(var(--atlas-mobile-toolbar-height) + 18px + env(safe-area-inset-bottom));
		transform: none;
		min-height: 40px;
		max-width: none;
		padding: 9px 13px;
		font-size: 12px;
		justify-content: flex-start;
		text-align: left;
	}

	.atlas-measure-hint-copy {
		gap: 1px;
	}

	.atlas-measure-hint-kicker {
		font-size: 9.5px;
		line-height: 11px;
	}

	.atlas-measure-hint-text {
		line-height: 15px;
	}

	.atlas-measure-hint.is-hidden {
		transform: translateY(12px);
	}

	body.atlas-active-tool-hint-visible .atlas-snackbar {
		bottom: calc(var(--atlas-mobile-toolbar-height) + 92px + env(safe-area-inset-bottom));
	}

	.atlas-measure-hint[data-map-layer-chrome-suppressed="true"],
	.atlas-mobile-nav[data-map-layer-chrome-suppressed="true"],
	.atlas-map-items-panel[data-map-layer-suppressed="true"] {
		display: none;
	}

		.atlas-volume-controls {
			--atlas-volume-controls-pad: 10px;
			left: 10px;
			right: 10px;
			bottom: calc(var(--atlas-mobile-toolbar-height) + 12px + env(safe-area-inset-bottom));
			width: auto;
			max-height: min(48dvh, 360px);
			gap: 10px;
		}

		.atlas-volume-controls-body {
			gap: 10px;
		}

	body.atlas-volume-controls-open .atlas-address-search.has-map-items ~ .atlas-volume-controls {
		max-height: min(calc(40dvh + 20px), 360px);
	}

	body.atlas-volume-controls-open.atlas-map-items-panel-collapsed .atlas-address-search.has-map-items ~ .atlas-volume-controls {
		max-height: min(calc(52dvh + 10px), 390px);
	}

	body.atlas-volume-controls-open .atlas-snackbar {
		display: none;
	}

		@media (max-width: 760px) and (max-height: 700px) {
			body.atlas-volume-controls-open .atlas-map-items-panel {
				max-height: min(27dvh, 200px);
			}

			body.atlas-mobile-measuring .atlas-map-items-panel {
				max-height: min(28dvh, 190px);
			}

			body.atlas-mobile-measuring .atlas-map-items-panel.is-collapsed {
				padding-block: 4px;
			}

			body.atlas-address-search-has-map-items .atlas-snackbar {
				bottom: calc(var(--atlas-mobile-toolbar-height) + 50px + env(safe-area-inset-bottom));
		}

			body.atlas-volume-controls-open .atlas-address-search.has-map-items ~ .atlas-volume-controls {
				max-height: min(calc(32dvh + 10px), 270px);
			}

			body.atlas-volume-controls-open.atlas-map-items-panel-collapsed .atlas-address-search.has-map-items ~ .atlas-volume-controls {
				max-height: min(calc(46dvh + 10px), 270px);
			}

			body.atlas-volume-controls-open .atlas-snackbar {
				display: none;
			}
		}

		.atlas-volume-move-grid {
			grid-template-columns: repeat(6, 1fr);
		}

	@media (max-width: 360px) {
		.atlas-volume-move-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.atlas-map-layer-picker {
		right: 10px;
		bottom: calc(var(--atlas-mobile-toolbar-height) + 18px + env(safe-area-inset-bottom));
		grid-template-columns: repeat(3, 1fr);
		width: min(300px, calc(100vw - 20px));
		z-index: 11025;
	}

	body.atlas-pwa-banner-effective-visible .atlas-map-layer-picker.is-collapsed {
		bottom: calc(var(--atlas-mobile-toolbar-height) + var(--atlas-pwa-banner-height, 240px) + 30px + env(safe-area-inset-bottom));
	}

	.atlas-map-layer-toggle,
	.atlas-map-layer-helper,
	.atlas-map-layer-current,
	.atlas-map-layer-options {
		grid-column: 1 / -1;
	}

		.atlas-map-layer-picker.is-collapsed {
			width: 82px;
			padding: 4px;
			border-radius: 22px;
		}

		.atlas-map-layer-picker.is-collapsed .atlas-map-layer-toggle {
			min-height: 56px;
			grid-template-columns: 1fr;
			grid-template-rows: 32px 14px;
			justify-items: center;
			gap: 2px;
			padding: 4px 6px;
			text-align: center;
			border-radius: 18px;
		}

		.atlas-map-layer-picker.is-collapsed .atlas-map-layer-toggle-icon {
			width: 32px;
			height: 32px;
			font-size: 19px;
		}

		.atlas-map-layer-picker.is-collapsed .atlas-map-layer-toggle::after {
			content: attr(data-map-layer-label);
			display: block;
			max-width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-size: 10px;
			line-height: 12px;
			font-weight: 850;
			color: var(--md-sys-color-on-surface);
			letter-spacing: 0;
		}

		.atlas-map-layer-picker.is-collapsed .atlas-map-layer-toggle:focus-visible::after {
			color: inherit;
		}

		@media (hover: hover) {
			.atlas-map-layer-picker.is-collapsed .atlas-map-layer-toggle:hover::after {
				color: inherit;
			}
		}

		.atlas-map-layer-picker.is-collapsed .atlas-map-layer-toggle-copy,
		.atlas-map-layer-picker.is-collapsed .atlas-map-layer-toggle-arrow {
			display: none;
	}

	.atlas-map-layer-picker:not(.is-collapsed) {
		left: 10px;
		width: auto;
		max-height: min(46dvh, 360px);
		overflow: hidden;
		border-radius: 24px;
	}

		.atlas-map-layer-picker:not(.is-collapsed) .atlas-map-layer-options {
			max-height: calc(min(46dvh, 360px) - 88px);
			overflow-y: auto;
			overscroll-behavior: contain;
			padding-bottom: 2px;
			scrollbar-gutter: stable;
		}

		@media (max-width: 480px) {
			.atlas-map-layer-picker:not(.is-collapsed) .atlas-map-layer-options {
				grid-template-columns: repeat(4, minmax(0, 1fr));
				gap: 6px;
				max-height: none;
				overflow: visible;
				padding-bottom: 0;
			}

			.atlas-map-layer-option {
				min-height: 55px;
				font-size: 10.5px;
				line-height: 13px;
			}

			.atlas-map-layer-preview {
				aspect-ratio: 1.72;
				margin-bottom: 4px;
			}
		}

		.atlas-flood-emergency,
		.atlas-sidebar-open .atlas-flood-emergency {
		top: calc(var(--atlas-appbar-height) + 10px);
		left: 10px;
		right: 66px;
		width: auto;
		padding: 10px;
	}

		.atlas-point-info {
			width: min(342px, calc(100vw - 16px));
			max-width: 342px;
		}

			.atlas-point-info:not(.is-minimized) .atlas-point-info-head {
				display: grid;
				grid-template-columns: minmax(0, 1fr);
				gap: 8px;
			}

			.atlas-point-info:not(.is-minimized) .atlas-point-info-actions {
				justify-content: flex-end;
			}

			.atlas-point-info.is-minimized {
				width: auto;
				max-width: min(238px, calc(100vw - 16px));
			}

			.atlas-point-info-button,
			.atlas-point-info-copy {
				width: 44px;
				height: 44px;
			}

		.atlas-point-info-coordinate {
			min-height: 44px;
		}

	.atlas-flood-emergency-head {
		grid-template-columns: 40px minmax(0, 1fr);
	}

	.atlas-flood-emergency-head > .material-symbols-rounded {
		width: 40px;
		height: 40px;
	}

	.atlas-flood-emergency-head strong {
		font-size: 22px;
		line-height: 26px;
	}

	#potree_sidebar_container {
		--atlas-sidebar-width: min(360px, 92vw);
		width: var(--atlas-sidebar-width) !important;
		z-index: 11100 !important;
		box-shadow: 16px 0 34px rgba(0, 0, 0, 0.28);
	}

	.atlas-sidebar-open #potree_render_area {
		left: 0 !important;
	}
}

@media (max-width: 760px) {
	.atlas-drone-overlay {
		padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
	}

	.atlas-drone-topbar {
		min-height: 52px;
		border-radius: var(--md-sys-shape-corner-large);
	}

	.atlas-drone-mode-copy {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 8px;
	}

	.atlas-drone-mode-copy > .material-symbols-rounded {
		width: 40px;
		height: 40px;
	}

	.atlas-drone-icon-button {
		width: 44px;
		height: 44px;
	}

	.atlas-drone-mode-copy strong {
		font-size: 14px;
		line-height: 18px;
	}

	.atlas-drone-control-deck {
		grid-template-columns: minmax(106px, 1fr) auto minmax(106px, 1fr);
		gap: 8px;
	}

	.atlas-drone-joystick-base {
		width: clamp(106px, 34vw, 132px);
	}

	.atlas-drone-joystick-thumb {
		width: 52px;
		height: 52px;
	}

	.atlas-drone-step-button {
		min-width: 70px;
		min-height: 46px;
		padding: 5px 8px;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.atlas-drone-overlay {
		padding-top: max(7px, env(safe-area-inset-top));
	}

	.atlas-drone-topbar {
		justify-self: start;
		width: min(360px, 54vw);
		min-height: 46px;
		padding: 4px;
	}

	.atlas-drone-mode-copy {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.atlas-drone-mode-copy > .material-symbols-rounded {
		width: 38px;
		height: 38px;
	}

	.atlas-drone-icon-button {
		width: 44px;
		height: 44px;
	}

	.atlas-drone-control-deck {
		gap: 12px;
		padding-top: 6px;
	}

	.atlas-drone-joystick-label {
		font-size: 11px;
		line-height: 14px;
		padding: 4px 9px;
	}

	.atlas-drone-joystick-base {
		width: clamp(98px, 20vw, 126px);
	}

	.atlas-drone-joystick-thumb {
		width: 48px;
		height: 48px;
	}

	.atlas-drone-altitude {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.atlas-drone-step-button {
		min-width: 68px;
		min-height: 44px;
	}
}

@media (max-width: 460px) {
	.atlas-brand {
		gap: 6px;
	}

	.atlas-city-crest {
		display: none;
	}

	.atlas-title-block {
		max-width: 100%;
	}

	.atlas-header-actions {
		gap: 4px;
	}

	.atlas-header-actions .atlas-icon-button {
		width: 40px;
		min-width: 40px;
		height: 40px;
		flex-basis: 40px;
	}

	.atlas-header-logo-box {
		display: none;
	}

	.atlas-header-logo-link:first-child {
		display: none;
	}

	.atlas-header-logo-link:last-child .atlas-header-logo-wide {
		display: block;
		max-width: 58px;
	}
}

@media (max-width: 360px) {
	.atlas-mobile-nav {
		top: 70px;
		gap: 6px;
		padding: 6px;
	}

	.atlas-mobile-nav-button {
		width: 44px;
		height: 44px;
	}

	.atlas-title-block {
		max-width: 100%;
	}

	.atlas-header-logo-box {
		display: none;
	}

	.atlas-header-logo-link:not(:last-child) {
		display: none;
	}
}