/* Recadastramento e Inscricao para Servir - adaptador do Modelo A (MovAcamp).
   Carregado DEPOIS de inscricao-modelo-a.css (casca: topo, etapas, lateral, rodape,
   tema, termos, modais, idioma) e do <style> antigo da pagina. Tudo sob body.mv-recad. */

/* Casca antiga vira transparente: a coluna e' a .mv-app */
body.mv-recad .container{max-width:none;margin:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
body.mv-recad .form-container{padding:0}

/* Secoes viram cartoes (inclusive as que estao dentro de #recadSections) */
body.mv-recad #formRecadastramento .form-section{
    background:var(--surface);border:1px solid var(--line)!important;border-radius:var(--radius-lg);
    padding:var(--space-4);margin:0 0 var(--space-3);color:var(--ink)
}
body.mv-recad #formRecadastramento .form-section .form-section{border:0!important;padding:0;margin:0 0 var(--space-3)}
body.mv-recad .section-title{
    font-size:16px;line-height:22px;font-weight:700;color:var(--ink);border:0;padding:0;
    margin:0 0 var(--space-3);gap:var(--space-2)
}
body.mv-recad .section-title .icon{font-size:16px}

/* Campos */
body.mv-recad .form-group{margin-bottom:var(--space-4)}
body.mv-recad .form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--space-3);margin-bottom:0}
body.mv-recad #formRecadastramento label:not(.checkbox-label){
    font-size:13px;line-height:18px;font-weight:700;color:var(--ink);margin-bottom:6px
}
body.mv-recad .optional{color:var(--ink-muted);font-weight:500;font-size:12px}
body.mv-recad .rc-required::after{color:var(--danger)}
body.mv-recad #formRecadastramento input[type=number],
body.mv-recad #formRecadastramento input[type=text],
body.mv-recad #formRecadastramento input[type=email],
body.mv-recad #formRecadastramento input[type=tel],
body.mv-recad #formRecadastramento input[type=date],
body.mv-recad #formRecadastramento input[type=url],
body.mv-recad #formRecadastramento input:not([type]),
body.mv-recad #formRecadastramento select,
body.mv-recad #formRecadastramento textarea{
    min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);
    background:var(--surface);color:var(--ink);font-family:inherit;font-size:16px;line-height:22px;box-shadow:none;transition:none
}
body.mv-recad #formRecadastramento textarea{padding:12px 14px;min-height:96px}
body.mv-recad #formRecadastramento input::placeholder,body.mv-recad #formRecadastramento textarea::placeholder{color:var(--ink-subtle)}
body.mv-recad #formRecadastramento input:focus,body.mv-recad #formRecadastramento select:focus,body.mv-recad #formRecadastramento textarea:focus{
    outline:2px solid var(--accent);outline-offset:2px;border-color:var(--line-strong);box-shadow:none
}
body.mv-recad #formRecadastramento input[readonly]{background:var(--surface-2);color:var(--ink-muted)}
body.mv-recad #formRecadastramento input.error,body.mv-recad #formRecadastramento select.error,body.mv-recad #formRecadastramento textarea.error{border-color:var(--danger)}
body.mv-recad .error-message{color:var(--danger);font-size:12px;font-weight:600}
html.mv-dark body.mv-recad #formRecadastramento input[type=date]{color-scheme:dark}

/* Upload */
body.mv-recad #formRecadastramento input[type=file]{padding:12px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink-muted);width:100%}

/* Caixas de marcar */
body.mv-recad .checkbox-group{gap:var(--space-3)}
body.mv-recad .checkbox-label{font-size:14px;line-height:20px;color:var(--ink);align-items:flex-start}
body.mv-recad .checkbox-label input[type=checkbox],body.mv-recad #formRecadastramento input[type=radio]{accent-color:var(--accent);width:20px;height:20px;flex:none;margin-top:0}
body.mv-recad .info-text{color:var(--ink-muted);font-style:normal;font-size:13px}
body.mv-recad .tooltip{color:var(--ink-muted)}

/* Contatos de emergencia */
body.mv-recad .emergency-contact-group{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink)}
body.mv-recad .emergency-contact-group h4{color:var(--ink)}

/* Envio: o rodape (.mv-foot) dispara o #btnSubmit original, que fica escondido */
body.mv-recad .form-actions{margin:0}
body.mv-recad .form-actions .btn-submit{display:none}

/* Modais de sucesso/erro */
body.mv-recad .modal-content{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-xl)}
body.mv-recad .modal-content h2,body.mv-recad .modal-content p,body.mv-recad .modal-content li,body.mv-recad .modal-content strong{color:var(--ink)!important}
body.mv-recad .modal-content.warning ul li{background:var(--surface-2)!important;border-color:var(--line)!important}
body.mv-recad .info-box{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}
body.mv-recad .numero-recadastramento,body.mv-recad .chave-seguranca{color:var(--ink)}
body.mv-recad .btn-primary{background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--radius-md);box-shadow:none}


/* Tema escuro: fundos claros fixos inline do HTML antigo */
html.mv-dark body.mv-recad #formRecadastramento :not(.progress-fill)[style*="background: #f"],
html.mv-dark body.mv-recad #formRecadastramento :not(.progress-fill)[style*="background:#f"],
html.mv-dark body.mv-recad #formRecadastramento :not(.progress-fill)[style*="background: white"],
html.mv-dark body.mv-recad #formRecadastramento :not(.progress-fill)[style*="background:white"],
html.mv-dark body.mv-recad #formRecadastramento :not(.progress-fill)[style*="background:#fff"],
html.mv-dark body.mv-recad #formRecadastramento :not(.progress-fill)[style*="background: #fff"]{background:var(--surface-2)!important;color:var(--ink)!important}
html.mv-dark body.mv-recad #formRecadastramento [style*="color: #333"],
html.mv-dark body.mv-recad #formRecadastramento [style*="color:#333"],
html.mv-dark body.mv-recad #formRecadastramento [style*="color: #1"],
html.mv-dark body.mv-recad #formRecadastramento [style*="color:#1"],
html.mv-dark body.mv-recad #formRecadastramento [style*="color: #666"],
html.mv-dark body.mv-recad #formRecadastramento [style*="color:#666"]{color:var(--ink-muted)!important}
html.mv-dark body.mv-recad #formRecadastramento select option{background:var(--surface);color:var(--ink)}

/* No recadastramento .required marca labels de endereco SEM efeito visual (o
   asterisco ja vem no texto ou em .rc-required): nao duplicar o "*". */
body.mv-recad .required::after{content:none}

/* Sem piscar o formulario inteiro antes do motor de etapas montar */
body.mv-recad:not(.mv-ready) #formRecadastramento{visibility:hidden}