/* Integrações de pedidos (#100) no molde config (#146 · onda 5): só o que o
   cartão de conexão do DS não traz — formulário de 1 coluna e o webhook. */
.integ { display: flex; flex-direction: column; gap: var(--ds-s3); }
.integ-ic { font-size: var(--ds-fs-xs); font-weight: 700; letter-spacing: .02em; }
.integ-campos { display: flex; flex-direction: column; gap: var(--ds-s2); max-width: 520px; border-top: 1px solid var(--line-soft); }
.integ-campo { display: flex; flex-direction: column; gap: var(--ds-s1); }
.integ-campo label, .integ-rot { font-size: var(--ds-fs-sm); color: var(--muted); }
.integ-campo input { width: 100%; }
.integ-acoes { display: flex; gap: var(--ds-s2); align-items: center; }
.integ-retorno { border-top: 1px solid var(--line-soft); }
.integ-ok { color: var(--ink-ok); }
.integ-erro-envio { color: var(--ink-err); }
.integ-webhook { display: flex; flex-direction: column; gap: var(--ds-s1); border-top: 1px solid var(--line-soft); background: var(--panel-2); }
.integ-url { display: flex; gap: var(--ds-s2); align-items: center; min-width: 0; }
.integ-url code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.integ-dica { font-size: var(--ds-fs-sm); color: var(--muted-2); }