/*
 * Telas de senha do WordPress (criar, redefinir, pedir o link) com a identidade da 2R:
 * fundo off-white, assinatura grafite, Poppins e botão grafite. Vale só para essas telas.
 */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url("fontes/poppins-latin-300-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("fontes/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fontes/poppins-latin-700-normal.woff2") format("woff2"); }

body.tr-senha { background: #F3F3F2; color: #1B1B1B; font-family: "Poppins", "Inter", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif; font-weight: 300; }
body.tr-senha #login { width: 360px; max-width: calc(100% - 32px); padding-top: 6vh; }
/* Assinatura completa, grafite sobre fundo claro, com 132 px (mínimo de 120) e respiro em volta. */
body.tr-senha #login h1 a { width: 132px; height: 120px; margin: 0 auto 28px; background: url("marca/2r-logo-grafite.svg") center / 132px 120px no-repeat; }
body.tr-senha #login form { margin-top: 0; padding: 24px; border: 1px solid #E3E3E1; border-radius: 8px; background: #FBFBFB; box-shadow: none; }
body.tr-senha #login label { font-size: 13px; font-weight: 500; color: #1B1B1B; }
body.tr-senha #login input[type="text"], body.tr-senha #login input[type="password"], body.tr-senha #login input[type="email"] { min-height: 40px; border: 1px solid #C9C9C9; border-radius: 6px; background: #FFFFFF; color: #1B1B1B; font-family: inherit; font-size: 16px; box-shadow: none; }
body.tr-senha #login input:focus { border-color: #1C2120; box-shadow: 0 0 0 1px #1C2120; outline: 2px solid transparent; }
body.tr-senha #login .button-primary { min-height: 40px; padding: 0 18px; border: 0; border-radius: 6px; background: #1C2120; color: #FFFFFF; font-family: inherit; font-weight: 500; text-shadow: none; box-shadow: none; }
body.tr-senha #login .button-primary:hover, body.tr-senha #login .button-primary:focus { background: #3A3A3A; }
body.tr-senha #login .button-primary:focus { box-shadow: 0 0 0 2px #F3F3F2, 0 0 0 4px #1C2120; }
body.tr-senha #login .button.wp-hide-pw, body.tr-senha #login .button.wp-generate-pw { border-color: #C9C9C9; color: #1B1B1B; font-family: inherit; }
body.tr-senha #login .button.wp-hide-pw { border: 0; background: none; color: #4A4A4A; }
body.tr-senha #login .button.wp-hide-pw:focus { border-color: #1C2120; box-shadow: 0 0 0 1px #1C2120; }
body.tr-senha #login .message, body.tr-senha #login .notice, body.tr-senha #login #login_error { margin: 0 0 16px; padding: 12px 14px; border: 1px solid #E3E3E1; border-left: 3px solid #9A9A9A; border-radius: 6px; background: #F1F1EF; box-shadow: none; color: #1B1B1B; font-size: 13.5px; line-height: 1.5; }
body.tr-senha #login #login_error { border-color: #E9C2BC; border-left-color: #A32A1E; background: #FBECEA; }
body.tr-senha #login .description, body.tr-senha #login .indicator-hint { color: #4A4A4A; font-size: 12.5px; line-height: 1.5; }
body.tr-senha #login #nav, body.tr-senha #login #backtoblog { padding: 0; margin: 14px 0 0; font-size: 13px; }
body.tr-senha #login #nav a, body.tr-senha #login #backtoblog a { color: #1B1B1B; text-decoration: underline; text-underline-offset: 2px; }
body.tr-senha #login #nav a:hover, body.tr-senha #login #backtoblog a:hover { color: #1C2120; text-decoration-thickness: 2px; }
body.tr-senha .language-switcher, body.tr-senha .privacy-policy-page-link { display: none; }
/* Contas do painel: a senha fraca é recusada no servidor (LoginBranding::senha_forte), então a caixa "Confirmar o uso de uma senha fraca" some. O !important vence o .show() do JavaScript do WordPress. */
body.tr-senha-painel .pw-weak { display: none !important; }