/* Inspetor Eolen — estilos complementares ao Tailwind. */

/* HTMX request indicator helper:
   .htmx-indicator é invisível por padrão; htmx aplica .htmx-request ao
   gatilho enquanto a requisição está em andamento, e a regra abaixo torna
   o overlay visível. */
.htmx-indicator {
  opacity: 0;
  transition: opacity 200ms ease;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator,
.htmx-indicator.htmx-request {
  opacity: 1;
  pointer-events: auto;
}

/* Garante que o guia (HTML do bot, com <b>, <i>, listas) fique bem espaçado */
.guia-foto b, .guia-foto strong { color: #163b6f; }
.guia-foto br + br { display: block; content: ""; margin-top: 4px; }

/* Foco mais visível para acessibilidade */
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #2563b4;
  outline-offset: 2px;
}

/* Esconde o file input nativo (estilizamos a label como botão) */
input[type="file"].hidden { display: none; }

/* Animações suaves quando partial troca via htmx */
#painel { transition: opacity 150ms ease; }
.htmx-swapping #painel { opacity: 0.4; }