/* COLORJET R103: mobile request-detail quantities; desktop and command forms unchanged. */
@media (max-width:520px) {
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap { overflow-x:visible; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table { display:block; width:100%; min-width:0; max-width:100%; table-layout:fixed; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody { display:block; width:100%; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border:1px solid #bfd0e1; border-radius:5px; margin-bottom:10px; overflow:hidden; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td { display:block; min-width:0; max-width:100%; border:0; border-bottom:1px solid #d4deeb; padding:9px 10px; white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:first-child { grid-column:1/-1; background:#eef3fa; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:not(:first-child)::before { display:block; margin-bottom:4px; color:#486580; font-size:11px; line-height:1.4; font-weight:600; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:nth-child(2)::before { content:"Requested"; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:nth-child(3)::before { content:"Approved"; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:nth-child(4)::before { content:"Reserved"; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:nth-child(5)::before { content:"On Hand"; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:nth-child(6)::before { content:"Available"; }
  .cj-company-parts-modal[data-cp-request] .cp-table-wrap .cj-data-table tbody td:last-child { grid-column:1/-1; border-bottom:0; font-weight:700; }
}