/* Padrão institucional compacto da CFFO, isolado para não afetar o legado. */
        html, body { margin: 0; min-height: 100%; }
        body { background: #eef1f3; font-family: Arial, Helvetica, sans-serif; color: #364149; font-size: 12px; }
        *, *:before, *:after { box-sizing: border-box; }
        .loginPagina { width: 94%; max-width: 980px; margin: 22px auto 36px; }
        .cabecalhoSistema { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; padding: 12px 18px; border: 1px solid #dce2e6; border-radius: 8px; background: #fbfcfc; }
        .cabecalhoInstitucional { display: flex; align-items: center; gap: 12px; min-width: 0; }
        .marcaInstitucional { width: 44px; height: 52px; display: flex; align-items: center; justify-content: center; flex: none; }
        .marcaInstitucional img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border: 0; }
        .cabecalhoInstituicao { line-height: 1.3; }
        .cabecalhoEstado { font-size: 9px; font-weight: bold; letter-spacing: .35px; color: #647783; }
        .cabecalhoAlepa { font-size: 12px; font-weight: bold; color: #294f62; }
        .cabecalhoComissao { font-size: 10px; color: #647783; }
        .nomeSistema { margin: 0; font-size: 11px; font-weight: bold; color: #486273; text-align: right; }
        .loginPainel { max-width: 410px; margin: 24px auto 0; background: #fff; border: 1px solid #dce2e6; border-radius: 9px; box-shadow: 0 3px 14px rgba(32,47,58,.05); overflow: hidden; }
        .loginTitulo { padding: 18px 22px 12px; border-bottom: 1px solid #edf0f2; }
        .loginTitulo h1 { font-size: 18px; line-height: 1.25; margin: 0 0 5px; color: #25495b; }
        .loginTitulo p { margin: 0; font-size: 11px; color: #697b86; }
        .loginConteudo { padding: 18px 22px 22px; }
        .loginCampo { margin: 0 0 15px; }
        .loginCampo label { display: block; font-size: 11px; font-weight: bold; margin: 0 0 6px; color: #425866; }
        .loginCampo input { display: block; width: 100%; height: 36px; padding: 8px 10px; font: 12px Arial, Helvetica, sans-serif; color: #2c414d; background: #fff; border: 1px solid #cbd5dc; border-radius: 5px; outline: none; }
        .loginCampo input:focus { border-color: #426d81; box-shadow: 0 0 0 2px rgba(66,109,129,.12); }
        .campoSenha { display: flex; align-items: stretch; }
        .campoSenha input { border-radius: 5px 0 0 5px; }
        .mostrarSenha { min-width: 66px; border: 1px solid #cbd5dc; border-left: 0; border-radius: 0 5px 5px 0; font: 11px Arial, Helvetica, sans-serif; color: #486273; background: #f6f8f9; cursor: pointer; }
        .mostrarSenha:focus-visible, .loginBotao:focus-visible { outline: 2px solid #426d81; outline-offset: 2px; }
        .loginBotao { width: 100%; height: 37px; margin-top: 2px; border: 1px solid #274e61; border-radius: 5px; background: #294f62; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; cursor: pointer; }
        .loginBotao:hover { background: #1e4051; }
        .loginBotao:disabled { opacity: .7; cursor: wait; }
        .mensagem { margin: 0 0 15px; padding: 10px 12px; color: #92453f; background: #fff7f5; border-left: 3px solid #b36a5f; border-radius: 4px; font-size: 11px; line-height: 1.5; }
        .loginRodape { padding: 12px; color: #82919a; text-align: center; font-size: 10px; }
        @media(max-width: 600px) { .loginPagina { width: 94%; margin-top: 12px; } .cabecalhoSistema { padding: 11px 12px; flex-wrap: wrap; } .nomeSistema { width: 100%; text-align: left; padding-left: 54px; } .loginPainel { margin-top: 14px; } }
        /* Regras compartilhadas entre autenticação e nova senha. */
        .loginTitulo { border-top: 0; }
        .loginPainel { max-width: 410px; margin-top: 24px; }
        .mensagem:empty { display: none; }
        .mensagem { white-space: normal; overflow-wrap: anywhere; font-weight: 500; }
        .requisitosSenha { font-size: 11px; color: #647783; margin: 0 0 14px; }
        .loginAcoes { display: flex; gap: 10px; align-items: center; }
        .loginAcoes .loginBotao { flex: 1; }
        .loginVoltar { color: #486273; font-size: 11px; text-decoration: none; padding: 10px; }
        .loginVoltar:hover { text-decoration: underline; }
        .regrasSenha { padding: 10px 12px; margin: 0 0 14px; border: 1px solid #e3e8ec; background: #f9fbfc; border-radius: 5px; }
        .regrasSenha p { margin: 0 0 7px; color: #647783; font-size: 11px; }
        .regrasSenha p:last-child { margin-bottom: 0; }
        .erroLocal { display: none; }
        .erroLocal.visivel { display: block; }