/* 25H — iOS 27 standalone: elimina o progressive top blur sem JS.
   O elemento DOM real é fixo, >10px e não usa backdrop-filter. */
:root {
	--concept-pwa-ios-top-surface-bg: #f5f5f7;
}

body[data-ch-page="projetos-mobile"],
body[data-ch-page="agenda-mobile"] {
	--concept-pwa-ios-top-surface-bg: #f2f2f7;
}

body[data-ch-page="relatorios-mobile"] {
	--concept-pwa-ios-top-surface-bg: #f5f7f8;
}

body.tickets-body {
	--concept-pwa-ios-top-surface-bg: #f3f5f7;
}

body.app-layout,
body[data-ch-page="orcamentos-desktop"],
body[data-ch-page="projetos-desktop"] {
	--concept-pwa-ios-top-surface-bg: #ffffff;
}

.concept-pwa-ios-top-surface {
	display: none;
}

@media (display-mode: standalone) and (max-width: 1024px) {
	@supports (-webkit-touch-callout: none) {
		html,
		body {
			background-color: var(--concept-pwa-ios-top-surface-bg, #f5f5f7);
		}

		/*
		 * iOS 27 passa a aplicar um scroll-edge/progressive blur quando não
		 * reconhece um elemento viewport-constrained suficientemente alto
		 * no topo. env(safe-area-inset-top) pode ser 0 com status-bar-style
		 * default, então não pode definir a altura deste sampler.
		 *
		 * 11px satisfaz o limiar observado do WebKit. background-clip:text
		 * mantém uma background-color válida para o sampler, mas como o
		 * elemento não contém texto ele não cobre visualmente a interface.
		 */
		body > .concept-pwa-ios-top-surface {
			position: fixed;
			z-index: 2147481100;
			inset: 0 0 auto;
			display: block;
			width: 100%;
			height: 11px;
			margin: 0;
			padding: 0;
			border: 0;
			background-color: var(--concept-pwa-ios-top-surface-bg, #f5f5f7);
			-webkit-background-clip: text;
			background-clip: text;
			box-shadow: none;
			backdrop-filter: none;
			-webkit-backdrop-filter: none;
			filter: none;
			pointer-events: none;
			visibility: visible !important;
		}

		/* O elemento amostrado nunca pode carregar backdrop-filter. */
		.apple-nav-bar,
		.ios-compact-header.blur-header,
		.reports-mobile-topbar,
		.operation-product-topbar {
			background: var(--concept-pwa-ios-top-surface-bg, #f5f5f7) !important;
			backdrop-filter: none !important;
			-webkit-backdrop-filter: none !important;
		}
	}
}