/* ERP ProspecteiBrasil — tela de entrada do ADMIN (construtor A). Usa os tokens e as teclas do base.css. */
body.en-corpo { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--linho); }
.en-palco { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 40px 16px 32px; }
.en-cartao { width: 420px; max-width: 100%; padding: 28px 32px 26px; overflow: visible; display: block; animation: entra .22s var(--mola); }
.en-marca { display: flex; align-items: center; gap: 10px; }
.en-form .sobre { margin-top: 28px; }
.en-form h1 { margin-top: 8px; font-size: 24px; font-weight: 650; letter-spacing: -.03em; line-height: 1.2; }
.en-sub { margin-top: 6px; font-size: 13.5px; color: var(--tinta-2); line-height: 1.5; }
.en-form .rotulo { margin-top: 20px; }
.en-campo-senha { position: relative; }
.en-campo-senha .campo { padding-right: 44px; font-size: 14px; letter-spacing: .02em; }
.en-olho { position: absolute; right: 4px; top: 4px; }
.en-olho[aria-pressed="true"] { color: var(--azul-texto); }
.en-forca { display: flex; align-items: center; gap: 10px; margin-top: 8px; font-size: 12px; color: var(--tinta-2); }
.en-forca-barra { display: grid; grid-template-columns: repeat(4, 28px); gap: 3px; flex: none; }
.en-forca-barra i { height: 5px; border-radius: 999px; background: var(--campo); transition: background-color .2s; }
.en-forca[data-nivel="1"] i:nth-child(-n+1) { background: var(--p-verm); }
.en-forca[data-nivel="2"] i:nth-child(-n+2) { background: var(--p-ambar); }
.en-forca[data-nivel="3"] i:nth-child(-n+3) { background: var(--p-verde); }
.en-forca[data-nivel="4"] i:nth-child(-n+4) { background: var(--p-verde); }
.en-forca b { font-weight: 650; color: var(--tinta); }
.campo-dica:empty { display: none; }
.campo-dica.erro { color: var(--verm); font-weight: 550; }
.en-form .aviso { margin-top: 16px; }
.en-tecla { margin-top: 22px; height: 44px; font-size: 14px; }
.en-pe { margin-top: 16px; font-size: 12px; color: var(--tinta-3); text-align: center; line-height: 1.5; }
.en-rodape { font-size: 11.5px; color: var(--tinta-3); text-align: center; }
.en-carregando { padding-bottom: 8px; }
@media (max-width: 899px) {
  body.com-faixa { --faixa: 30px; }
  .en-palco { justify-content: flex-start; padding-top: 28px; }
  .en-cartao { padding: 24px 20px 22px; }
}

.en-pe code { font: inherit; font-weight: 650; color: var(--tinta-2); white-space: nowrap; } /* uma fonte só: nada de monoespaçada */
