/* ════════════════════════════════════════════════════════════════════════
   A FICHA DE CLIENTE DO LEAD (WhatsApp e Instagram) — ver lead-ficha-cliente.js
   ════════════════════════════════════════════════════════════════════════
   Abre por cima do detalhe do lead, que é claro nos dois temas; por isso a
   ficha também é clara, nas cores do CORES.md (azul e branco). Contrastes:
   #0f2744 sobre branco 15,6:1; #536b84 sobre branco 5,6:1; branco sobre
   #1f68d5 5,3:1; #b42318 (erro) sobre branco 6,6:1. */
.lfc-bg{
  position:fixed;inset:0;z-index:7400;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(15,39,68,.46);backdrop-filter:blur(4px);
}
.lfc-card{
  width:min(640px,100%);max-height:calc(100vh - 36px);overflow:auto;
  display:flex;flex-direction:column;gap:14px;padding:20px;
  background:#fff;color:#0f2744;border:1px solid #d8e3f0;border-radius:18px;
  box-shadow:0 24px 60px rgba(15,39,68,.3);font-family:Inter,Arial,sans-serif;color-scheme:only light;
}
.lfc-cab{display:flex;align-items:flex-start;gap:12px}
.lfc-cab>div{flex:1;min-width:0}
.lfc-cab h2{margin:0;font-size:1.08rem;font-weight:750;color:#0f2744}
.lfc-cab p{margin:4px 0 0;font-size:.8rem;line-height:1.45;color:#536b84}
.lfc-x{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid #d8e3f0;
  background:#fff;color:#536b84;font-size:1.2rem;line-height:1;cursor:pointer;
}
.lfc-x:hover{background:#e8f1fe;color:#1f68d5}
.lfc-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lfc-campo{display:flex;flex-direction:column;gap:5px;min-width:0}
.lfc-campo.largo{grid-column:1 / -1}
.lfc-campo>span{font-size:.74rem;font-weight:650;color:#536b84}
.lfc-campo>span i{font-style:normal;color:#b42318}
.lfc-campo input,.lfc-campo textarea{
  width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;
  border:1px solid #d8e3f0;background:#f5f8fc;color:#0f2744;font:500 .86rem Inter,Arial,sans-serif;
  outline:none;resize:vertical;
}
.lfc-campo input:focus,.lfc-campo textarea:focus{border-color:#2f7ff2;background:#fff;box-shadow:0 0 0 3px rgba(47,127,242,.15)}
.lfc-erro{margin:0;min-height:1em;font-size:.78rem;color:#b42318}
.lfc-erro:empty{display:none}
.lfc-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lfc-pe-dir{display:flex;gap:8px;margin-left:auto}
.lfc-btn{
  padding:10px 16px;border-radius:999px;border:1px solid #d8e3f0;background:#fff;color:#0f2744;
  font:650 .82rem Inter,Arial,sans-serif;cursor:pointer;
}
.lfc-btn:hover{background:#e8f1fe}
.lfc-btn.lfc-ok{border-color:transparent;background:linear-gradient(180deg,#1f68d5,#1454b5);color:#fff}
.lfc-btn.lfc-ok:hover{background:linear-gradient(180deg,#1a5fc8,#114a9f)}
.lfc-btn.lfc-ok[disabled]{opacity:.6;cursor:wait}
.lfc-btn.lfc-link{border:0;background:none;color:#1f68d5;padding-left:0}
.lfc-btn.lfc-link:hover{background:none;text-decoration:underline}
@media (max-width:560px){
  .lfc-grade{grid-template-columns:1fr}
  .lfc-card{padding:16px}
}