/* Cadastro em uma etapa da /agentes (07/out/2026) — js/cadastro-agente.js.
   Sem Google, sem pergunta de perfil e sem caixa de aceite (dono, 07/out).
   Complementa agentes.css (cartão escuro do rodapé, #cadastro) e hero.css
   (cartão branco do topo, .sunara-register). Cores do cartão escuro vêm do
   próprio agentes.css; as do branco, do hero.css. */

#ag .cadastro-agente [hidden] { display: none !important; }
#ag .cadastro-agente .ca-campo { display: flex; flex-direction: column; min-width: 0; }

/* Erro embaixo do campo */
#ag .ca-erro { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: #b42318; }
#ag .cadastro-agente input.ca-invalido { border-color: #b42318; }
#ag .signup-section .ca-erro { color: #ff9b8f; }
#ag .signup-section .cadastro-agente input.ca-invalido { border-color: #ff9b8f; }
#ag .ca-dica { margin: 6px 0 0; font-size: 12px; line-height: 1.45; color: #686860; }
#ag .signup-section .ca-dica { color: #a3a596; }

/* Senha com mostrar/ocultar */
#ag .ca-senha { position: relative; }
#ag .ca-senha input { padding-right: 52px; }
#ag .ca-olho {
  position: absolute; top: 50%; right: 4px; transform: translateY(-50%);
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 6px; cursor: pointer;
  background-color: #686860;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px no-repeat;
}
#ag .ca-olho[aria-pressed="true"] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 5.1A10.6 10.6 0 0 1 12 5c6.4 0 10 7 10 7a17.7 17.7 0 0 1-3.2 4.2M6.6 6.6C3.7 8.5 2 12 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 5.1A10.6 10.6 0 0 1 12 5c6.4 0 10 7 10 7a17.7 17.7 0 0 1-3.2 4.2M6.6 6.6C3.7 8.5 2 12 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
}
#ag .ca-olho:focus-visible { outline: 3px solid #ab7b14; outline-offset: -2px; }
#ag .signup-section .ca-olho { background-color: #a3a596; }

/* Aceite dos Termos: a frase logo acima do botão (o clique é o aceite). */
#ag .cadastro-agente .ca-termos { margin: 16px 0 0; }
#ag .sunara-register .cadastro-agente .ca-termos { margin: 6px 0 0; }

/* Captcha: invisível; só ocupa espaço se o Cloudflare pedir interação. */
#ag .ca-captcha:empty { display: none; }
#ag .ca-captcha { margin-top: 12px; }

#ag .cadastro-agente .button { margin-top: 18px; }
#ag .cadastro-agente .ca-feedback { margin: 12px 0 0; font-size: 14px; line-height: 1.5; }

/* Seletor de país (intl-tel-input) */
#ag .cadastro-agente .iti { display: block; width: 100%; }
#ag .cadastro-agente .iti__selected-dial-code { color: inherit; }
#ag .signup-box .iti__search-input { min-height: 40px; padding: 8px 10px; }
#ag .signup-section .iti__dropdown-content { background: #141610; color: #fff; border-color: #373a2c; }
#ag .signup-section .iti__country.iti__highlight { background: #262a1e; }
#ag .signup-section .iti__selected-country-primary:hover,
#ag .signup-section .iti__selected-country:hover { background: #1d2017; }

/* Cartão do topo: o form já tem gap de 10px (hero.css) — a margem do rótulo
   do agentes.css somava em cima e o cartão crescia além da dobra. */
#ag .sunara-register .cadastro-agente .ca-campo > label { margin: 2px 0 6px; }
#ag .sunara-register .cadastro-agente .button { margin-top: 8px; }

/* Celular: o intl-tel-input abre o seletor de país em TELA CHEIA, anexado ao <body>
   (fora do #ag). Ele herdava o texto branco da página escura sobre o fundo branco
   padrão do popup: os nomes dos países ficavam invisíveis (08/out, nos dois
   formulários). Texto escuro no popup claro. */
.iti--fullscreen-popup .iti__dropdown-content { color: #171713; }
.iti--fullscreen-popup .iti__dial-code { color: #686860; }