/* V1215 — Formulário de cliente: metadados no cabeçalho e identificação compacta. */
.cliente-form-v1207 .cliente-form-header {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
  align-items: center; column-gap: 20px; row-gap: 10px;
}
.cliente-form-v1207 .cliente-header-meta {
  min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 124px; gap: 10px; align-items: end;
}
.cliente-form-v1207 .cliente-data-header,
.cliente-form-v1207 .cliente-codigo-header {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; min-width: 0; width: 100%;
}
.cliente-form-v1207 .cliente-data-header label,
.cliente-form-v1207 .cliente-codigo-header label {
  display: block; min-width: 0; color: var(--text-secondary, #53647b); font-size: 11px; font-weight: 700; line-height: 1.25; text-align: left; white-space: nowrap;
}
.cliente-form-v1207 .cliente-data-header input,
.cliente-form-v1207 .cliente-codigo-header input {
  box-sizing: border-box; width: 100%; min-width: 0; height: 38px; padding: 8px 10px; border: 1px solid #d5dfec; border-radius: 8px; background: #e5ecf5; color: #526780; font: inherit; font-size: 12px;
}
.cliente-form-v1207 .cliente-identificacao-grid {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px 14px; align-items: start;
}
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-origem,
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-cnpj { grid-column: span 3; }
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-razao { grid-column: span 6; }
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-fantasia,
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-inscricao,
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-pendencia,
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-prioritario,
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-laudo,
.cliente-form-v1207 .cliente-identificacao-grid .cliente-field-situacao { grid-column: span 2; }
.cliente-form-v1207 .cliente-identificacao-grid .cliente-ancora-field { grid-column: span 9 !important; }
@media (max-width: 1100px) {
  .cliente-form-v1207 .cliente-form-header { grid-template-columns: minmax(0, 1fr) minmax(300px, 340px); column-gap: 14px; }
  .cliente-form-v1207 .cliente-identificacao-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-origem,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-cnpj,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-razao { grid-column: span 2; }
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-fantasia,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-inscricao,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-pendencia,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-prioritario,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-laudo,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-situacao { grid-column: span 2; }
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-ancora-field { grid-column: span 4 !important; }
}
@media (max-width: 760px) {
  .cliente-form-v1207 .cliente-form-header { grid-template-columns: minmax(0, 1fr); }
  .cliente-form-v1207 .cliente-header-meta { grid-template-columns: minmax(0, 1fr) minmax(110px, 124px); }
  .cliente-form-v1207 .cliente-identificacao-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-origem,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-cnpj,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-fantasia,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-inscricao,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-pendencia,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-prioritario,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-laudo,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-situacao { grid-column: span 1; }
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-field-razao,
  .cliente-form-v1207 .cliente-identificacao-grid .cliente-ancora-field { grid-column: span 2 !important; }
}
@media (max-width: 480px) {
  .cliente-form-v1207 .cliente-header-meta { grid-template-columns: minmax(0, 1fr) 110px; gap: 8px; }
  .cliente-form-v1207 .cliente-identificacao-grid { grid-template-columns: minmax(0, 1fr); }
  .cliente-form-v1207 .cliente-identificacao-grid > .field { grid-column: span 1 !important; }
}