/* =====================================================================
   ambiente.css — a FAIXA DO AMBIENTE DE DESENVOLVIMENTO (11/10/2026)
   ---------------------------------------------------------------------
   POR QUE EXISTE
     O NEXUS passou a ter dois ambientes (decisão do dono, 11/10/2026): o
     OFICIAL (nexuspulse.tech) e o de DESENVOLVIMENTO (dev.nexuspulse.tech),
     lendo o MESMO banco. As duas telas são iguais — sem um sinal fixo,
     alguém decide olhando a cópia que pode mudar sem aviso.

   QUANDO ENTRA
     Só com R2_AMBIENTE=dev: o base.html e a casca do Painel 3 emitem
     `<html data-ambiente="dev">`, o `<link>` desta folha e a `<div
     class="amb-faixa">`. No oficial NADA disto é emitido — esta folha nem
     é pedida.

   POR QUE É UMA FOLHA SÓ, COM COR PRÓPRIA
     As telas antigas usam estilo.css e o Painel 3 usa os tokens do v1: são
     dois sistemas de cor. A faixa tem de ser IGUAL nos dois e nos dois
     temas, então não lê token de nenhum: é um listrado neutro (grafite e
     cinza, o "em obras"), sem vermelho, verde ou amarelo — essas cores são
     de julgamento da régua e não podem aparecer fora dela.

   POR QUE FICA EMBAIXO
     As telas têm barras e cabeçalhos de tabela que GRUDAM no topo
     (`position:sticky; top:0`). Uma faixa fixa em cima cobriria todos eles;
     embaixo ela não encosta em nada. O menu lateral (que ocupa a altura da
     janela) é encurtado na mesma medida, para o "Sair" não ficar atrás dela.
   ===================================================================== */
html[data-ambiente="dev"]{--amb-alt:26px}
html[data-ambiente="dev"] body{padding-bottom:var(--amb-alt)}
html[data-ambiente="dev"] .amb-faixa{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;height:var(--amb-alt);box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;
  font:500 12px/1 Inter,"Hanken Grotesk",system-ui,sans-serif;letter-spacing:.01em;color:#fff;white-space:nowrap;overflow:hidden;
  background:repeating-linear-gradient(135deg,#1f2933 0 14px,#52606d 14px 28px);
  border-top:1px solid #fff}
/* o texto vai sobre fundo cheio: o listrado é o sinal, mas não pode atrapalhar a leitura */
html[data-ambiente="dev"] .amb-faixa b,
html[data-ambiente="dev"] .amb-faixa span{background:#1f2933;padding:4px 8px;border-radius:4px}
html[data-ambiente="dev"] .amb-faixa b{font-weight:700;text-transform:uppercase;letter-spacing:.08em}
html[data-ambiente="dev"] .amb-faixa span{overflow:hidden;text-overflow:ellipsis}
/* o menu lateral das duas cascas tem a altura da janela: desconta a faixa */
html[data-ambiente="dev"] .rail,
html[data-ambiente="dev"][data-ds="v1"] .p3-rail{height:calc(100vh - var(--amb-alt))}
@media print{html[data-ambiente="dev"] .amb-faixa{position:static}}