/* Aviso de medição das páginas públicas (06/11/2026, public/medicao.js). Cor da paleta do TexPatrimonial
   (apps/texpatrimonial.json, marca.paleta): verde #082b24 e #123d31, dourado #d8bc7e. */
.tp-medicao {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 80;
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  max-width: 760px; margin: 0 auto; padding: 16px 18px;
  border: 1px solid #123d31; border-radius: 14px; background: #082b24; color: #ffffff;
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.55);
}
.tp-medicao p { flex: 1 1 320px; margin: 0; font-size: 14.5px; line-height: 1.5; color: #ffffff; }
.tp-medicao a { color: #d8bc7e; font-weight: 600; }
.tp-medicao-botao {
  min-height: 44px; padding: 10px 18px; border-radius: 10px; font: inherit; font-size: 15px; font-weight: 600;
  cursor: pointer; border: 1px solid #d8bc7e;
}
.tp-medicao-botao--principal { background: #d8bc7e; color: #082b24; }
.tp-medicao-botao--principal:hover { background: #f5f2e9; }
.tp-medicao-botao--contorno { background: transparent; color: #ffffff; }
.tp-medicao-botao--contorno:hover { background: #123d31; }
.tp-medicao-botao:focus-visible { outline: 3px solid #d8bc7e; outline-offset: 2px; }
@media (pointer: coarse) { .tp-medicao a { display: inline-block; padding: 12px 2px; margin: -12px -2px; } }
/* 10/11/2026: Aceitar e Recusar com a mesma largura; no celular dividem a linha ao meio. */
.tp-medicao-botao { min-width: 128px; }
@media (max-width: 600px) { .tp-medicao-botao { flex: 1 1 0; min-width: 0; } }