/*
 * O QUE ESTE ARQUIVO EXISTE PARA CORRIGIR
 *
 * O olho da senha (#691) vem do toggleMask do PrimeFaces, e o tema Atlantis o
 * desenha com 13x13 pixels. Medido no navegador em 17/09/2026: alvo de toque de
 * 13px, contra os 48 que a diretriz de acessibilidade pede -- e contra os 56 que
 * a propria barra da Tarsila usa, com o motivo escrito la. Num celular, 13px nao
 * se acerta com o dedo; o recurso existiria e nao seria usavel, que e a pior das
 * combinacoes porque parece pronto.
 *
 * POR QUE NAO NO TEMA. O .login-panel e estilizado nos DEZ arquivos
 * layout-<cor>.css do atlantis-layout, um por tema. Mexer no tema em uso
 * (layout-kite.css) deixaria o olho pequeno em qualquer cliente que trocasse de
 * cor, e mexer nos dez e alteracao de tema de terceiro -- que o CLAUDE.md nao
 * autoriza.
 *
 * O ESCOPO E .login-body DE PROPOSITO. O toggleMask pode vir a ser usado em
 * outra tela, e nao e este arquivo que deve decidir como ele se parece la.
 *
 * Versionado em diretorio, como o LEIA-ME-versionamento.txt manda: o JSF serve
 * com max-age de sete dias e e o NOME que quebra o cache do celular.
 */

.login-body .ui-password-icon {
	/* 44px: o campo tem 33 de altura, entao 48 passaria dele e o alvo invadiria
	   o botao Acessar, logo abaixo. 44 e o minimo da diretriz da Apple e cabe
	   sem empurrar nada -- o alvo transborda o campo de forma invisivel, porque
	   o <i> nao tem fundo. */
	width: 44px;
	height: 44px;
	right: 0;
	top: 50%;
	margin-top: -22px;

	/* O glifo vem da fonte primeicons por ::before, entao font-size o escala.

	   CENTRAR O GLIFO NA CAIXA: com line-height igual a altura e text-align
	   center, o desenho fica no meio do quadrado de 44 nas duas direcoes.

	   A primeira versao usava display:flex, e PERDIA. O tema declara
	   `body .ui-password.ui-password-masked .ui-password-icon { display:
	   inline-block }` -- quatro niveis de especificidade contra os dois de
	   `.login-body .ui-password-icon`. O flex nunca valia, o glifo ficava no
	   ALTO da caixa, e o olho aparecia acima do meio do campo: quanto mais alto
	   o campo, mais obvio. No desktop passava por centrado; no celular do
	   Caique, nao. Medido em 17/09/2026, com getComputedStyle devolvendo
	   display:block.

	   line-height e text-align nao estao no bloco do tema, entao nao ha disputa
	   -- e isso vale mais que ganhar a disputa: uma regra que depende de
	   especificidade quebra na proxima atualizacao do tema, em silencio.

	   E as duas medidas sao INDEPENDENTES DA ALTURA DO CAMPO: o top:50% centra a
	   caixa no campo, o line-height centra o glifo na caixa. Foi por depender da
	   altura que o defeito passou -- 16,5px era metade de 33, coincidencia do
	   desktop. */
	line-height: 44px;
	text-align: center;
	font-size: 18px;
}

/* O tema reserva 26px a direita do texto, medidos para o icone de 13. Com o
   alvo de 44, uma senha longa passaria por baixo do olho. */
.login-body .ui-password > input {
	padding-right: 44px;
}