/* Área do integrador: lista de projetos e tela do projeto (usa css/projeto.css). */

.caixa-linha { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-2); white-space: nowrap; }

.ip-explica { margin: 0 0 12px; }
.ip-tela .pj-id b { font-variant-numeric: tabular-nums; padding: 0 4px; }

/* O que enviar */
.ip-checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ip-checklist li { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 10px;
  padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; }
.ip-checklist li small { display: block; color: var(--text-2); font-size: 12px; }
.ip-checklist .ip-marca { font-weight: 700; text-align: center; }
.ip-checklist .ok .ip-marca { color: var(--primary); }
.ip-checklist .falta .ip-marca, .ip-checklist .falta small { color: var(--warn); }

/* Proposta, contrato e procuração */
.ip-gerar { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.ip-gerar-item { display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 12px; border: 1px solid var(--border); border-radius: 10px; }
.ip-gerar-item small { display: block; font-size: 12px; }