/* ---------------------------------------------------------------------------
   Recuperação de senha
   Painéis de estado (link enviado, expirado, concluído) das duas áreas, mais o
   link "Esqueci minha senha" do Espaço do Associado.
   --------------------------------------------------------------------------- */

.reset-panel{
    display:flex;flex-direction:column;align-items:flex-start;gap:0;
    width:100%;max-width:400px;
}
.reset-panel h2{font-size:clamp(23px,3.4vw,28px);margin:18px 0 10px;letter-spacing:-.02em}
.reset-panel>p{margin:0 0 6px;line-height:1.65;color:#6b7a74}
.reset-panel>p b{color:#1d3830;overflow-wrap:anywhere}
.reset-panel .reset-hint{font-size:13px;color:#8a9792}
.reset-panel code{
    display:inline-block;margin-top:2px;padding:3px 7px;border-radius:6px;
    background:#eef4f1;color:#0b7a57;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;
    overflow-wrap:anywhere;
}

.reset-icon{
    width:56px;height:56px;display:grid;place-items:center;border-radius:50%;
    background:#e2f6ee;color:var(--green,#0b7a57);font-size:24px;font-weight:700;
    box-shadow:0 0 0 8px #e2f6ee66;
}
.reset-icon.warning{background:#fdf0e3;color:#b96a15;box-shadow:0 0 0 8px #fdf0e366}

.reset-panel .btn,.reset-panel .member-button{margin-top:26px;width:100%}
.reset-panel .public-entry-link,.reset-panel .member-public-link{margin-top:14px;align-self:center}

/* Link "Esqueci minha senha" no login do associado. */
.member-forgot{
    display:inline-block;margin-top:-4px;align-self:flex-end;
    color:var(--m-green,#0b7a57);font-size:13px;font-weight:600;
    transition:opacity .2s ease;
}
.member-forgot:hover{opacity:.7;text-decoration:underline}

/* No painel administrativo o link fica na mesma linha do "Lembrar de mim". */
.login-form .form-row a{transition:opacity .2s ease}
.login-form .form-row a:hover{opacity:.7;text-decoration:underline}

@media(max-width:620px){
    .reset-panel{max-width:none}
    .reset-panel .public-entry-link,.reset-panel .member-public-link{align-self:flex-start}
}