/* Banner de ambiente de demonstração — faixa fixa avisando que os dados
   são fictícios. Renderizado só quando IS_DEMO (APP_ENV=demo), via
   incs/demo-banner.inc.php (incluído em incs/nav.inc.php).
   Uso:
     <div class="demo-banner">…</div>
   Fixa no rodapé, largura total, sem capturar cliques (pointer-events:none)
   pra nunca atrapalhar a interação com o conteúdo logo acima. */

.demo-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 6px 14px;
	background: #f5c518;
	color: #3a2e00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	text-align: center;
	box-shadow: 0 -2px 8px rgba(0, 0, 0, .12);
	pointer-events: none;
}

.demo-banner svg {
	flex-shrink: 0;
}