/* Dilera Boost · proposta v7.1 · páginas de conta (recuperar, nova-senha, trocar-email, descadastro)
   Header e rodapé enxutos: são páginas de tarefa, sem menu competindo com o formulário. */

.hidden { display: none !important; }
.nw { white-space: nowrap; }

/* header e rodapé */
.conta-top { position: static; border-bottom-color: var(--line); }
.conta-voltar { font: 500 12px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); text-decoration: none; }
.conta-voltar:hover { color: var(--accent-2); }
.conta-voltar span { font-size: 15px; margin-right: 4px; }
.conta-rodape { padding: 0 0 28px; border-top: 0; }
.conta-rodape .rodape-fim { margin-top: 0; }
.conta-rodape a { color: var(--mute); }
.conta-rodape a:hover { color: var(--accent-2); }
.pg-conta .conta { min-height: calc(100vh - 64px - 31px - 70px); }

/* caixa */
.conta-icone {
  display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 24px;
  border: 1px solid var(--line-2); border-radius: 14px; background: var(--bg-2); color: var(--accent-2);
  box-shadow: 0 10px 24px -16px rgba(17, 16, 20, .35);
}
.conta-icone svg { width: 24px; height: 24px; }
.conta-caixa .lead { text-align: center; margin: 12px auto 28px; font-size: 15px; max-width: 400px; }
.conta-caixa .lead a { color: var(--accent-2); text-underline-offset: 3px; }
.conta-caixa .lead b { color: var(--text); font-weight: 600; word-break: break-all; }
.conta-caixa .cartao form { margin: 0; }
.conta-caixa > div > .btn + .conta-pe { margin-top: 20px; }

/* mensagens: a lógica da página usa as classes ok / err */
.msg { line-height: 1.55; }
.msg.err { background: rgba(196, 49, 75, .08); color: #a3263c; }
.msg.ok { background: var(--cyan-soft); color: #0b6670; }
.msg a { color: inherit; }
.conta-caixa > .msg { margin: 18px 0 0; text-align: center; }
.conta-caixa > div > .msg { margin: 0 0 18px; text-align: center; }

/* campos específicos */
.campo input.rc-codigo { height: 56px; letter-spacing: .5em; font: 600 22px var(--f-mono); text-align: center; padding-left: calc(14px + .5em); }
.rc-link {
  display: block; margin: 14px auto 0; padding: 4px; border: 0; background: none;
  font: 500 13.5px var(--f-body); color: var(--mute); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.rc-link:hover { color: var(--accent-2); }
.rc-link:disabled { opacity: .6; cursor: default; }
.btn:disabled { opacity: .65; cursor: default; }

.rc-atual {
  margin-bottom: 20px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-3);
  font: 500 11px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--mute);
}
.rc-atual b { display: block; margin-top: 8px; font: 600 14.5px/1.4 var(--f-mono); letter-spacing: 0; text-transform: none; color: var(--text); word-break: break-all; }

@media (max-width: 640px) {
  .conta-voltar { font-size: 11px; }
}