/* Checklist de requisitos de senha (assets/js/parts/checklist-senha.js) */
.checklist-senha { margin: 6px 0 12px; font-size: 0.85rem; line-height: 1.3; }
.checklist-senha[hidden] { display: none; }

.checklist-senha-itens { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; }
.checklist-senha-itens li { display: inline-flex; align-items: center; color: #8a8a8a; white-space: nowrap; }
.checklist-senha-itens li::before {
    content: '';
    width: 14px; height: 14px; margin-right: 6px; box-sizing: border-box;
    border-radius: 50%; border: 2px solid #c4c4c4; background: #f5f5f5;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 10px; line-height: 10px; font-weight: 700;
}
.checklist-senha-itens li.ok { color: #1A9154; }
.checklist-senha-itens li.ok::before { content: '\2713'; color: #fff; background: #1A9154; border-color: #1A9154; }

.checklist-senha-valida { display: none; align-items: center; color: #1A9154; font-weight: 600; margin: 0; }
.checklist-senha-valida::before {
    content: '\2713'; width: 14px; height: 14px; margin-right: 6px; box-sizing: border-box;
    border-radius: 50%; background: #1A9154; color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-size: 10px; line-height: 10px; font-weight: 700;
}
.checklist-senha.valida .checklist-senha-itens { display: none; }
.checklist-senha.valida .checklist-senha-valida { display: flex; }

.coincide-senha { margin: 6px 0 0; font-size: 0.85rem; }
.coincide-senha[hidden] { display: none; }
/* /definir-senha/: espaço antes do captcha. O seletor é do bloco da página porque o JS reescreve o class do elemento. */
.fields .coincide-senha { margin-bottom: 20px; }
.coincide-senha.ok { color: #1A9154; }
.coincide-senha.erro { color: #c0392b; }