/* Integration: ERP / TMS message exchange, outbox sender, per-client configuration. Use the tokens from styles.css / docs/DESIGN.md only. */

/* refused messages get a left marker (the status is a tag with a word too) */
.grid tr.int-row-error td:first-child { box-shadow: inset 3px 0 0 var(--danger); }

.int-form { display: grid; gap: 12px; min-width: min(420px, 100%); }
.int-key { width: 100%; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.int-content { display: grid; gap: 12px; }
.int-block h3 { margin: 0 0 4px; font-size: 14px; }
.int-pre { margin: 0; max-height: 40vh; overflow: auto; padding: 8px; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-s);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; white-space: pre-wrap; word-break: break-word; }

.int-inbound { display: grid; gap: 12px; }
.int-filters summary { cursor: pointer; color: var(--text-muted); }

.int-ce { display: grid; gap: 16px; }
.int-ce-bar { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.int-ce-bar .field { width: 180px; }
.int-ce-body { display: grid; gap: 16px; overflow-x: auto; }
.int-table { width: 100%; }

@media print {
  .int-ce-bar { display: none; }
}