/* "Esqueci minha senha" por código (assets/recuperar-codigo.js): o mesmo visual na Central, nos painéis e nas lojas.
   Também a etapa de confirmar o contato no primeiro acesso (assets/confirmar-contato.js, [data-confirmar-contato]). */
:is([data-recuperar-codigo], [data-confirmar-contato])[hidden] { display: none !important; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-form { display: grid; gap: 12px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; animation: rc-entrar .16s ease-out; }
@keyframes rc-entrar { from { opacity: 0; transform: translateY(6px); } }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-texto { margin: 0; color: #5b5672; font-size: 13px; line-height: 1.6; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-ok { padding: 10px 12px; border-radius: 12px; background: #eef8f2; color: #1d6b47; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-canais { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid #e4e1ea; border-radius: 14px; background: #faf9fc; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-canais button { min-height: 38px; margin: 0; padding: 6px 10px; border: 0; border-radius: 10px; background: transparent; color: #5b5672;
  font: 600 13px Poppins, Arial, sans-serif; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-canais button[aria-pressed="true"] { background: linear-gradient(110deg, #7054d4, #9348c3); color: #fff; box-shadow: 0 3px 10px rgba(107, 86, 214, .25); }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-campo { display: grid; gap: 7px; margin: 0; color: #26243a; font-size: 12px; font-weight: 600; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-campo :is(input, select) { box-sizing: border-box; width: 100%; height: 46px; margin: 0; padding: 0 14px; border: 1px solid #e4e1ea; border-radius: 13px;
  background: #fcfbfd; color: #29253c; font: 400 14px Poppins, Arial, sans-serif; outline: none; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-campo :is(input, select):focus { border-color: #8460d4; box-shadow: 0 0 0 3px rgba(132, 96, 212, .14); }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-campo .rc-codigo { font-size: 22px; font-weight: 600; letter-spacing: .5em; text-align: center; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-login { margin: 0; color: #5b5672; font-size: 13px; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-dica { margin: 0; color: #736c80; font-size: 11.5px; line-height: 1.6; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-aviso { margin: 0; padding: 9px 12px; border-radius: 11px; background: #eef8f2; color: #1d6b47; font-size: 12.5px; line-height: 1.5; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-aviso.rc-erro { background: #fdecef; color: #bc3150; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-aviso[hidden] { display: none; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 14px; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-links .login-esqueci { margin: 0; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .login-esqueci:disabled { color: #9b94a8; cursor: default; text-decoration: none; }
:is([data-recuperar-codigo], [data-confirmar-contato]) .rc-botao { min-height: 46px; margin: 0; border: 0; border-radius: 13px; background: linear-gradient(110deg, #7054d4, #9348c3); color: #fff;
  font: 600 13px Poppins, Arial, sans-serif; cursor: pointer; }
:is([data-recuperar-codigo], [data-confirmar-contato]) button:disabled { cursor: wait; }
@media (prefers-reduced-motion: reduce) { :is([data-recuperar-codigo], [data-confirmar-contato]) .rc-form { animation: none; } }