<svg xmlns="http://www.w3.org/2000/svg" width="960" height="540" viewBox="0 0 960 540" role="img" aria-labelledby="title desc">
  <title id="title">Schema: related documents on a PO card</title>
  <desc id="desc">Annotated wireframe of the Related documents panel - not a production screenshot</desc>
  <rect width="960" height="540" fill="#F7F8F6"/>
  <text x="24" y="36" font-family="system-ui,Segoe UI,sans-serif" font-size="14" font-weight="700" fill="#B45309">SCHEMA (not a UI screenshot) / &#1057;&#1061;&#1045;&#1052;&#1040;</text>
  <rect x="48" y="56" width="864" height="440" rx="12" fill="#FFFFFF" stroke="#D1D5DB" stroke-width="2"/>
  <text x="72" y="96" font-family="system-ui,Segoe UI,sans-serif" font-size="20" font-weight="600" fill="#111827">Purchase order card (PO)</text>
  <text x="72" y="124" font-family="system-ui,Segoe UI,sans-serif" font-size="14" fill="#6B7280">Header | status | actions</text>
  <rect x="72" y="148" width="816" height="72" rx="8" fill="#F3F4F6"/>
  <text x="88" y="178" font-family="system-ui,Segoe UI,sans-serif" font-size="13" fill="#4B5563">Specification / budget / fulfillment...</text>
  <text x="88" y="200" font-family="system-ui,Segoe UI,sans-serif" font-size="13" fill="#9CA3AF">...</text>
  <rect x="72" y="248" width="816" height="208" rx="10" fill="#ECFDF5" stroke="#059669" stroke-width="2"/>
  <text x="92" y="284" font-family="system-ui,Segoe UI,sans-serif" font-size="16" font-weight="600" fill="#065F46">Related documents</text>
  <text x="92" y="320" font-family="system-ui,Segoe UI,sans-serif" font-size="14" fill="#047857">- Payment request  -&gt;  /treasury/requests/{id}</text>
  <text x="92" y="352" font-family="system-ui,Segoe UI,sans-serif" font-size="14" fill="#047857">- Contract request -&gt;  /contracts/requests/{id}</text>
  <text x="92" y="384" font-family="system-ui,Segoe UI,sans-serif" font-size="14" fill="#047857">- GRN             -&gt;  /procurement/grn/{id}</text>
  <text x="92" y="424" font-family="system-ui,Segoe UI,sans-serif" font-size="12" fill="#6B7280">Panel appears on cards with filled document_links.</text>
</svg>
