/* ============================================================================
   Páginas de SENHA do login (esqueci minha senha, redefinir, e as duas telas de
   confirmação). Elas usam o MESMO card do login (.form-login no _LayoutLogin),
   e este arquivo só acrescenta o que o card não tinha: título, texto corrido e
   a lista de erros de validação.

   Até 26/08/2026 essas quatro páginas caíam no _Layout do app (navbar, grid do
   Bootstrap) e saíam ilegíveis: h1 escuro sobre o fundo da marca, botão vermelho
   do .btn-primary, campo branco solto no meio da tela.

   ⚠️ SEM COR AQUI, de propósito. Carregado ANTES do CSS da marca, ele define só
   forma; a cor continua vindo da marca (login.css dark, login-konota.css claro,
   etc.) pela regra que já existe em `.form-login *`. Regra de cor neste arquivo
   valeria pra todas as marcas e quebraria as claras ou as escuras.
   ============================================================================ */

.form-login .login-title {
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 8px;
    text-align: center;
}

.form-login .login-lead {
    font-size: 0.88rem;
    line-height: 1.55;
    margin: 0 0 4px;
    text-align: center;
    opacity: 0.85;
}

/* Espaço entre o texto de abertura e o primeiro campo. */
.form-login .login-lead + .form-login-label { margin-top: 18px; }

/* asp-validation-summary: por padrão vem como <ul> com marcador e recuo do
   navegador, que num card estreito lê como lista de compras. */
.form-login .validation-summary-errors {
    font-size: 0.82rem;
    line-height: 1.4;
    margin-top: 10px;
}
.form-login .validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.form-login .validation-summary-errors li { margin: 0 0 2px; }

/* Página de confirmação: só texto e um caminho de volta — o link não deve
   colar no parágrafo como se fosse continuação da frase. */
.form-login .login-lead + .login-site-link { margin-top: 20px; }