/* Campos personalizados (#117). Base visual = .ct-* de telas/contatos/estilo.css. */
.cp-abas { display: flex; flex-wrap: wrap; gap: var(--ds-s2); }
.cp-nome { display: inline-flex; align-items: center; gap: var(--ds-s2); min-width: 0; }
.cp-alca { color: var(--muted-2); cursor: grab; letter-spacing: -2px; }
.cp-acoes { display: inline-flex; gap: var(--ds-s1); flex-wrap: wrap; }
.cp-tela .ct-btn { min-height: 36px; }
.cp-campos { display: flex; flex-direction: column; gap: var(--ds-s3); }
.cp-campos label { display: flex; flex-direction: column; gap: var(--ds-s1); }
.cp-campos label.ct-check { flex-direction: row; }
.cp-campos textarea { padding: var(--ds-s2); min-height: 96px; }
@media (max-width: 720px) {
  .cp-abas { flex-wrap: nowrap; overflow-x: auto; }
  .cp-tela .ct-btn { min-height: 44px; }
}