/**
 * Painel de recuperacao de contas do forum antigo.
 *
 * Deliberadamente curto: o painel vive dentro do .smpt-member-panel do tema e
 * herda dele tipografia, cores, campos e botoes. Aqui esta apenas o que o tema
 * nao tem — a grelha da data de nascimento, as escolhas, e a linha do nome
 * anterior.
 */

/* Data de nascimento: dia, mes e ano lado a lado. */
.smpt-forum-recuperacao__grelha {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.75rem;
}

.smpt-forum-recuperacao__grelha span {
	display: flex;
	flex-direction: column;
}

.smpt-forum-recuperacao__grelha input {
	width: 100%;
	text-align: center;
}

.smpt-forum-recuperacao__nascimento {
	border: 0;
	margin: 0 0 1rem;
	padding: 0;
}

.smpt-forum-recuperacao__nascimento legend {
	padding: 0;
	margin-bottom: 0.35rem;
	font-weight: 600;
}

/* Escolhas: destino da confirmacao e nome a usar. */
.smpt-forum-recuperacao__destino {
	border: 0;
	margin: 0 0 1rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.smpt-forum-recuperacao__destino label {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-weight: 400;
	line-height: 1.4;
}

.smpt-forum-recuperacao__destino input[type="radio"] {
	width: auto;
	margin-top: 0.2rem;
	flex: 0 0 auto;
}

/* A dica do email. Nao e um erro nem um sucesso, e uma ajuda. */
.smpt-forum-recuperacao__dica {
	padding: 0.6rem 0.85rem;
	border-radius: 0.5rem;
	background: rgba(127, 127, 127, 0.1);
}

.smpt-forum-recuperacao__dica strong {
	letter-spacing: 0.03em;
	white-space: nowrap;
}

/* Como o nome vai aparecer no forum: o antigo por baixo, pequeno e em italico. */
.smpt-forum-recuperacao__preview {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.smpt-forum-recuperacao__nome {
	font-weight: 600;
}

.smpt-forum-recuperacao__anterior {
	font-size: 0.8em;
	opacity: 0.75;
}

/* Passos da recuperacao manual, para as contas que so o Wayback conhece. */
.smpt-forum-recuperacao__passos {
	margin: 0 0 1rem;
	padding-left: 1.4rem;
	display: flex;
	flex-direction: column;
	gap: .65rem;
	line-height: 1.5;
}

.smpt-forum-recuperacao__passos a {
	display: inline-block;
	margin-top: .3rem;
}

.smpt-forum-recuperacao__nota {
	margin-top: 0.75rem;
	opacity: 0.8;
}