/* /data-mapping-transformer - the field rule cards only. Scoped to #dmtApp. */
#dmtApp .dmt-fields { display: grid; gap: 10px; }
#dmtApp .dmt-field { border: 1px solid var(--bm-line); border-radius: 12px; padding: 12px; background: var(--bm-surface); display: grid; gap: 10px; min-width: 0; }
#dmtApp .dmt-field-head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; }
#dmtApp .dmt-field-head strong { font-family: var(--xt-mono); font-size: .88rem; color: var(--bm-ink); overflow-wrap: anywhere; min-width: 0; }
#dmtApp .dmt-field .ic-form { grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 10px; }
#dmtApp .dmt-field .bm-btn { padding: 6px 10px; font-size: .82rem; }