/* ---------------------------------------------------------------------------
   dados.css — FRENTE 6 (obra «portal-cliente», 23/09/2026): a entrada (CPF, primeiro
   acesso, esqueci), Meus Dados, Ajuda, Termos e Política.

   ⚖ Carregada só pelas telas da frente (bloco `cabeca` do template). ⛔ Não repinta
   a casa (`portal.css`): tudo o que é novo nasce com o prefixo `.dados-`. As cores
   e fontes são as variáveis da casa — Ouro cirúrgico, Ardósia nos rótulos.
   Celular primeiro: a regra sem `@media` é a de 375 px.
--------------------------------------------------------------------------- */

/* ------------------------------------------------------------ a entrada */

.dados-aviso-porta{
  margin:1rem 0 0;
  padding:.6rem .8rem;
  border-left:3px solid var(--ardosia);
  background:var(--papel);
  font-size:.8rem;
  color:var(--tinta-fraca);
}
.dados-links{ display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; }
.dados-links a, .nota a{ color:var(--oxford); }
.dados-lido{
  margin:0 0 1rem;
  padding:.5rem .8rem;
  border-left:3px solid var(--ouro);
  background:var(--ouro-fundo);
  font-size:.85rem;
}
.forma input.dados-codigo{
  font-family:ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.dados-caixa-termos{
  margin:1.4rem 0 0;
  padding:.9rem 1rem;
  border:1px solid var(--fio);
  border-radius:var(--raio);
  background:var(--papel);
}
.dados-caixa-termos .sub{ margin-top:0; }
.dados-termos{ margin:0 0 .8rem; padding-left:1.2rem; font-size:.84rem; }
.dados-termos li{ margin:0 0 .45rem; }
.forma label.dados-aceite{
  display:flex; gap:.6rem; align-items:flex-start;
  margin:.4rem 0 0;
  font-size:.88rem; text-transform:none; letter-spacing:0; color:var(--tinta);
}
.dados-aceite input{ margin-top:.25rem; width:1.15rem; height:1.15rem; flex:none; }

.dados-rascunho{
  display:inline-block;
  margin:0 0 1.2rem;
  padding:.2rem .7rem;
  border:1px dashed var(--alerta);
  border-radius:var(--raio);
  color:var(--alerta);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.14em;
}

/* ------------------------------------------------------------- a Ajuda */

.dados-faq details{ border-bottom:1px solid var(--fio); padding:.2rem 0; }
.dados-faq details:last-child{ border-bottom:0; }
.dados-faq summary,
.dados-expansor > summary{
  list-style:none;
  cursor:pointer;
  padding:.7rem 0;
  font-weight:600;
  color:var(--preto);
}
.dados-faq summary::-webkit-details-marker,
.dados-expansor > summary::-webkit-details-marker{ display:none; }
/* ⚖ a seta da casa: ▸ fechado, ▾ aberto — na FRENTE do rótulo, no mesmo ponto */
.dados-faq summary::before,
.dados-expansor > summary::before{
  content:"▸"; display:inline-block; width:1.1rem; color:var(--ouro);
}
.dados-faq details[open] > summary::before,
.dados-expansor[open] > summary::before{ content:"▾"; }
.dados-faq p{ margin:0 0 .8rem 1.1rem; }

/* ----------------------------------------------------------- Meus Dados */

.dados-feito{
  margin:0 0 1.2rem;
  padding:.65rem .9rem;
  border-left:3px solid var(--ouro);
  background:var(--ouro-fundo);
  font-size:.88rem;
}
.dados-indice{
  display:flex; flex-wrap:wrap; gap:.4rem .9rem;
  margin:0 0 1.2rem;
  font-size:.7rem; text-transform:uppercase; letter-spacing:.14em;
}
.dados-indice a{ color:var(--ardosia); text-decoration:none; border-bottom:1px solid var(--fio-forte); }
.dados-indice a:hover{ color:var(--ouro); border-bottom-color:var(--ouro); }
.dados-bloco{ scroll-margin-top:1rem; }

.dados-lista{ margin:0; }
.dados-lista > div{ display:flex; flex-wrap:wrap; gap:.1rem .8rem; padding:.45rem 0;
  border-bottom:1px solid var(--fio); }
.dados-lista > div:last-child{ border-bottom:0; }
.dados-lista dt{ min-width:7.5rem; font-size:.64rem; text-transform:uppercase;
  letter-spacing:.18em; color:var(--ardosia); padding-top:.2rem; }
.dados-lista dd{ margin:0; overflow-wrap:anywhere; }

.dados-expansor{ margin:.8rem 0 0; border-top:1px solid var(--fio); }
.dados-expansor .forma{ margin-top:.2rem; }
.dados-grade-campos{ display:grid; grid-template-columns:1fr; gap:0 1rem; }
.dados-grade-campos .dados-campo label{ margin-top:1rem; }

.dados-acoes{ display:flex; flex-wrap:wrap; gap:0 .8rem; align-items:center; }
.dados-inline{ display:inline; margin:0; }
.dados-inline .botao{ margin-top:.4rem; }

.dados-sessoes{ list-style:none; margin:0; padding:0; }
.dados-sessoes li{ padding:.6rem 0; border-bottom:1px solid var(--fio); }
.dados-sessoes li:last-child{ border-bottom:0; }
.dados-sessao-nome{ display:block; font-weight:600; }
.dados-sessao-meta{ display:block; font-size:.76rem; color:var(--tinta-fraca); }

.dados-selo{
  display:inline-block;
  padding:.05rem .5rem;
  border:1px solid var(--fio-forte);
  border-radius:var(--raio);
  font-size:.58rem; font-weight:600;
  text-transform:uppercase; letter-spacing:.14em;
  color:var(--tinta-fraca); background:var(--papel);
  vertical-align:middle;
}
.dados-selo.ok{ border-color:var(--ouro); color:var(--ouro); background:var(--ouro-fundo); }
.dados-selo.nao{ border-color:var(--alerta); color:var(--alerta); background:var(--alerta-fundo); }

.dados-historico{ width:100%; border-collapse:collapse; font-size:.78rem; }
.dados-historico th{ text-align:left; font-size:.6rem; font-weight:600; text-transform:uppercase;
  letter-spacing:.16em; color:var(--ardosia); padding:.4rem .4rem .4rem 0;
  border-bottom:1px solid var(--fio-forte); }
.dados-historico td{ padding:.4rem .4rem .4rem 0; border-bottom:1px solid var(--fio);
  vertical-align:top; overflow-wrap:anywhere; }

.dados-chaves{ list-style:none; margin:0; padding:0; }
.dados-chaves li{ padding:.35rem 0; }
.forma label.dados-chave, .dados-chave{
  display:flex; gap:.6rem; align-items:center;
  margin:0; font-size:.92rem; text-transform:none; letter-spacing:0; color:var(--tinta);
}
.dados-chave input{ width:1.15rem; height:1.15rem; flex:none; }
.dados-chave small{ font-size:.6rem; text-transform:uppercase; letter-spacing:.16em; color:var(--ardosia); }
.dados-chave.em-breve{ color:var(--tinta-fraca); }

.dados-aviso-aparelho{ margin:1.4rem 0 0; padding:1rem 0 0; border-top:1px solid var(--fio); }
.dados-aviso-aparelho .sub{ margin-top:0; }
#aviso-estado.erro{ color:var(--alerta); }

.dados-propostas{ list-style:none; margin:0; padding:0; }
.dados-propostas li{ padding:.6rem 0; border-bottom:1px solid var(--fio); }
.dados-propostas li:last-child{ border-bottom:0; }
.dados-proposta-cabeca{ display:flex; flex-wrap:wrap; gap:.3rem .8rem; align-items:center;
  justify-content:space-between; margin:0; font-size:.88rem; }
.dados-proposta-campos{ margin:.3rem 0 0; font-size:.8rem; color:var(--tinta-fraca); overflow-wrap:anywhere; }

.dados-privacidade{ margin:0 0 1rem; padding-left:1.1rem; }
.dados-privacidade li{ margin:.3rem 0; }

/* ------------------------------------------------------------ 48rem+ */
@media (min-width:48rem){
  .dados-grade-campos{ grid-template-columns:repeat(6, minmax(0,1fr)); }
  .dados-campo{ grid-column:span 3; }
  .dados-campo-cep, .dados-campo-numero, .dados-campo-estado{ grid-column:span 2; }
  .dados-campo-rua{ grid-column:span 4; }
  .dados-campo-complemento{ grid-column:span 4; }
  .dados-campo-largo{ grid-column:1 / -1; }
}