/* ══ OS CAMPOS QUE O NAVEGADOR PINTA SOZINHO (07/09/2026) ══════════════════════════════════════

   O médico foto do computador na tela "Trazer meus exames": o painel é escuro, e os dois campos
   (usuário e senha do laboratório) apareceram BRANCOS, com o texto preto dentro. Não era CSS nosso
   errado — era o Chrome. Duas coisas que o NAVEGADOR desenha por conta própria e que nenhuma regra
   de `background` alcança:

   1. **O campo que ele mesmo preencheu.** Quando o Chrome autocompleta (e-mail salvo, senha salva),
      ele pinta o fundo de `rgb(232,240,254)` e o texto de preto, por cima de qualquer `background`
      do autor. Medido na bancada em 07/09 com o autopreenchimento DE VERDADE (`Autofill.trigger`
      do protocolo do Chrome, não simulado): o campo do painel escuro, que é `rgb(20,25,31)`, virou
      `rgb(232,240,254)`. Com a regra abaixo, voltou a `rgb(20,25,31)`.
      ⭐ O jeito que funciona é ADIAR a transição, não trocar a cor: `background-color` do
      autopreenchimento é animável, e um atraso de séculos faz ela nunca chegar a pintar. O truque
      do `box-shadow inset` também tapa, mas exige escolher UMA cor opaca — e aqui o mesmo campo
      vive em dois temas (claro/escuro) e dentro do painel escuro que não segue o tema. Adiar
      preserva o fundo transparente que a pílula já tem, seja ela qual for.
      ⚠️ `-webkit-text-fill-color` é obrigatório junto: sem ele o texto continua preto.

   2. **As peças nativas: o calendário, a lista do `select`, a barra de rolagem.** Sem
      `color-scheme`, o navegador as desenha em CLARO mesmo com a página escura. Era por isso que o
      ícone do calendário em "Quando?" (controle do peptídeo) aparecia PRETO sobre fundo escuro,
      quase invisível — e o mesmo valia para o seletor de data que abre ao tocar nele.

   Por que num arquivo só, e novo: o `plataforma.css` é contrato compartilhado (COM-004: importar,
   nunca alterar local) e o `padrao-paciente.css` não é lido pelo `index.html` nem pelo
   `painel.html`. Escrever a regra em qualquer um dos dois deixaria telas de fora — foi exatamente
   o raciocínio que criou o `marca.css` em 22/08. Ligado pelas QUATRO telas que têm campo:
   portal-paciente.html, paciente.html, index.html e painel.html.
   ⛔ Isto não guarda, não valida e não formata nada: é só a cor das peças que o navegador desenha.
   ═════════════════════════════════════════════════════════════════════════════════════════════ */

/* 1 · o autopreenchimento não repinta mais o campo */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color: var(--texto);
  caret-color: var(--texto);
  transition: background-color 0s 9999999s, color 0s 9999999s, -webkit-text-fill-color 0s 9999999s;
}

/* 2 · as peças nativas seguem o tema da página */
[data-tema="escuro"]{ color-scheme: dark; }
[data-tema="claro"] { color-scheme: light; }

/* ⭐ O painel "Trazer meus exames" (.pc-tech) é escuro nos DOIS temas, de propósito — é a
   identidade da tela, não o tema do leitor. Então as peças nativas dele também são escuras
   mesmo quando a página inteira está no claro. */
.pc-tech{ color-scheme: dark; }