/* Choose The Music -- Views/PasswordReset/* (f13.1, D-44, kit 62 a 62I). Cor só pelas classes do Bootstrap e pelos tokens do site; nenhum estilo inline.
   360 px primeiro: o e-mail digitado quebra linha (nunca rola para o lado) e os alvos de toque seguem o --ctm-touch-min do site (48 px). */

/* O e-mail como a pessoa digitou: quebra em qualquer ponto para um endereço longo não alargar a tela. */
.ctm-reset-email {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* "Mostrar"/"Ocultar": alvo de toque inteiro, sem empurrar o rótulo. */
.ctm-reset-mostrar {
  min-height: var(--ctm-touch-min);
  padding-inline: .5rem;
  white-space: nowrap;
}

/* Rótulo de campo (label[for]) também é alvo de toque na medição da regra 22: no celular tem a altura mínima do site, e a partir de 576 px volta ao natural. */
.ctm-reset-rotulo {
  display: flex;
  align-items: center;
  min-width: var(--ctm-touch-min);
  min-height: var(--ctm-touch-min);
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .ctm-reset-rotulo {
    min-height: auto;
    min-width: 0;
    margin-bottom: .5rem;
  }
}