/* Aviso compartilhado pelo app, início e documentos. Só ocupa espaço em testes. */
[hidden]{display:none !important}
:root[data-ambiente="teste"]{--altura-aviso-testes:46px}
:root[data-ambiente="teste"] body{padding-top:var(--altura-aviso-testes)}
.aviso-ambiente{
  position:fixed;inset:0 0 auto;z-index:210;
  display:flex;align-items:center;justify-content:space-between;gap:10px 20px;
  padding:11px clamp(14px,2vw,24px);
  border-bottom:1px solid color-mix(in srgb,var(--acafrao) 36%,var(--risco));
  background:color-mix(in srgb,var(--bancada) 92%,var(--acafrao));color:var(--poeira);
  font-family:"Instrument Sans",system-ui,sans-serif;font-size:12px;line-height:1.5;
}
.aviso-ambiente strong{color:var(--acafrao);font-weight:600}
.aviso-ambiente a{
  flex:0 0 auto;color:var(--gesso);font-weight:600;text-underline-offset:3px;
  transition:color .16s,transform .16s;
}
.aviso-ambiente a:hover{color:var(--acafrao);transform:translateY(-1px)}
.aviso-ambiente a:active{transform:scale(.97)}
.aviso-ambiente a:focus-visible{outline:2px solid var(--acafrao);outline-offset:4px;border-radius:2px}
:root[data-ambiente="teste"] :is(.portal,.painel,.pergunta,.propria,.cortina){top:var(--altura-aviso-testes)}
@media(max-width:860px){
  :root[data-ambiente="teste"] .bancada{min-height:calc(100dvh - var(--altura-aviso-testes))}
  :root[data-ambiente="teste"] .crista{top:var(--altura-aviso-testes)}
}
@media(max-width:560px){
  :root[data-ambiente="teste"]{--altura-aviso-testes:72px}
  .aviso-ambiente{flex-wrap:wrap;justify-content:center;text-align:center;gap:3px;padding:9px 12px}
  .aviso-ambiente p{width:100%;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.aviso-ambiente a{transition:none;transform:none !important}}
