/* ============================================================
   Cor do texto escrito nos campos

   Os campos não têm cor própria: o tema define `button, input,
   select, optgroup, textarea { color: inherit }` e acabam a herdar
   o cinzento do body (#858796). Resultado: o que o utilizador
   escreve fica da mesma cor do placeholder e parece por preencher.

   Aqui só se escurece o valor escrito, com o mesmo tom que os
   dropdowns do tema já usam (#434349), para os dois lados de um
   formulário ficarem iguais. O placeholder tem cor própria e não é
   afectado; o body e o resto da aplicação ficam como estavam.

   Vive fora do Tailwind porque o ecrã de login não carrega o
   tailwind.css — e era lá que o problema mais saltava à vista.
   ============================================================ */

.input-group-material input,
.input-group-material textarea,
.input-group-material select,
input.form-control-material,
textarea.form-control-material,
select.form-control-material {
    color: #171a21;
    /* O preenchimento automático do Chrome pinta o texto por -webkit-text-fill-color
       e ignora o `color`; sem isto o campo autopreenchido continuava cinzento. */
    -webkit-text-fill-color: #171a21;
}

/* O tema não define placeholder para os campos material: o browser deriva-o da
   cor do texto, portanto escurecer o texto escurecia também o placeholder e
   deixava de se distinguir um campo preenchido de um por preencher. Fixa-se no
   tom que já tinham. */
.input-group-material input::placeholder,
.input-group-material textarea::placeholder,
input.form-control-material::placeholder,
textarea.form-control-material::placeholder {
    color: #aaa;
    -webkit-text-fill-color: #aaa;
    opacity: 1;
}

/* Campos desactivados continuam a parecer desactivados. */
.input-group-material input:disabled,
.input-group-material textarea:disabled,
input.form-control-material:disabled,
textarea.form-control-material:disabled,
select.form-control-material:disabled {
    color: #a6adbb;
    -webkit-text-fill-color: #a6adbb;
}

/* ============================================================
   Campos de data preenchidos só pelo calendário

   Os campos Início/Fim/Dia são `readonly` para o valor só poder vir
   do datepicker: escrito ou colado à mão entrava em formatos como
   2026-07-24, que o `moment(..., 'DD/MM/YYYY')` lia como Invalid Date
   e fazia desaparecer, sem aviso, a escolha de meio-dia (Manhã/Tarde).

   `readonly` traz de arrasto o cinzento de campo inactivo do tema
   (.form-control[readonly] { background-color: #eaecf4 }), o que os
   fazia parecer bloqueados. Aqui repõe-se o aspecto normal e deixa-se
   o cursor de clique, porque o campo continua a abrir o calendário.
   ============================================================ */
.input-group-material input.date-readonly,
input.form-control-material.date-readonly {
    background-color: transparent;
    color: #171a21;
    -webkit-text-fill-color: #171a21;
    opacity: 1;
    cursor: pointer;
}