/* Reuse the functional owner form layout for protocol connections; no redesign. */
:is(#supply-agent-owner, #agent-link-owner) { min-width: 0; overflow-wrap: anywhere; }
:is(#supply-agent-owner, #agent-link-owner) h3,
:is(#supply-agent-owner, #agent-link-owner) h4 { margin: 20px 0 10px; }
:is(#supply-agent-owner, #agent-link-owner) p { margin: 10px 0; }
:is(#supply-agent-owner, #agent-link-owner) .form-group { display: grid; gap: 6px; margin: 14px 0; }
:is(#supply-agent-owner, #agent-link-owner) .form-input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 10px;
  font: inherit;
  color: inherit;
  background: var(--bg-card, #fff);
  border: 1px solid #94a3b8;
  border-radius: 6px;
}
:is(#supply-agent-owner, #agent-link-owner) select[multiple] { min-height: 120px; }
:is(#supply-agent-owner, #agent-link-owner) fieldset { min-width: 0; border: 0; padding: 0; margin: 18px 0; }
:is(#supply-agent-owner, #agent-link-owner) legend { font-weight: 600; }
:is(#supply-agent-owner, #agent-link-owner) button { min-height: 44px; margin: 4px 0; }
:is(#supply-agent-owner, #agent-link-owner) :focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
:is(#supply-agent-owner, #agent-link-owner) section { border-top: 1px solid #cbd5e1; padding: 12px 0; }