/* Purchase receipt lists and documents; retain readable columns on small screens. */
#qualityIncomingPanel .iqc-table-scroll { width:100%; max-width:100%; overflow:auto; border:1px solid #d9e2ed; border-radius:8px; }
#qualityIncomingPanel .iqc-table-scroll:focus-visible { outline:2px solid #3276cf; outline-offset:2px; }
#qualityIncomingPanel .iqc-table-scroll table { width:100%; table-layout:auto; border-collapse:collapse; border-spacing:0; font-family:var(--st-font-family); font-size:var(--st-body-font); color:var(--st-ink); }
#qualityIncomingPanel .iqc-table-scroll th { position:sticky; top:0; z-index:2; height:var(--st-head-height); background:var(--st-head-bg); color:var(--st-head-ink); font-size:var(--st-head-font); line-height:var(--st-head-line); font-weight:700; text-align:center; white-space:nowrap; }
#qualityIncomingPanel .iqc-table-scroll th, #qualityIncomingPanel .iqc-table-scroll td { padding:3px 6px; border:1px solid var(--st-grid); box-sizing:border-box; text-align:center; vertical-align:middle; }
#qualityIncomingPanel .iqc-table-scroll td { height:var(--st-row-height); font-size:var(--st-body-font); line-height:var(--st-body-line); }
#qualityIncomingPanel .iqc-table-scroll td { background:white; }
#qualityIncomingPanel .iqc-table-scroll tr:nth-child(even) td { background:#fff; }
#qualityIncomingPanel .iqc-table-scroll tbody tr:hover td { background:#eef6ff; }
#qualityIncomingPanel .iqc-document-list { min-width:960px; }
#qualityIncomingPanel .iqc-pending-receipt-list { min-width:900px; }
#qualityIncomingPanel .iqc-pending-receipt-list th, #qualityIncomingPanel .iqc-pending-receipt-list td { white-space:nowrap; }
#qualityIncomingPanel .iqc-pending-receipt-list th:nth-child(4), #qualityIncomingPanel .iqc-pending-receipt-list td:nth-child(4) { min-width:260px; }
#qualityIncomingPanel .iqc-pending-receipt-list th:first-child, #qualityIncomingPanel .iqc-pending-receipt-list td:first-child { position:sticky; left:0; z-index:1; min-width:132px; box-shadow:2px 0 4px #263c5510; }
#qualityIncomingPanel .iqc-pending-receipt-list th:last-child, #qualityIncomingPanel .iqc-pending-receipt-list td:last-child { position:sticky; right:0; z-index:1; width:78px; min-width:78px; text-align:center; box-shadow:-2px 0 4px #263c5510; }
#qualityIncomingPanel .iqc-document-list th, #qualityIncomingPanel .iqc-document-list td { padding:3px 6px; }
#qualityIncomingPanel .iqc-document-list td { white-space:nowrap; }
#qualityIncomingPanel .iqc-document-list td:nth-child(4) { min-width:120px; white-space:nowrap; }
#qualityIncomingPanel .iqc-document-list th:first-child, #qualityIncomingPanel .iqc-document-list td:first-child { position:sticky; left:0; z-index:1; box-shadow:2px 0 4px #263c5510; }
#qualityIncomingPanel .iqc-document-link:not(.st-table-action) { color:#1765b9; background:transparent; border:0; border-radius:3px; box-shadow:none; padding:3px 0; font-size:13px; min-height:28px; font-weight:600; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
#qualityIncomingPanel .iqc-inbound-status { font-size:12px; color:#485970; }
#qualityIncomingPanel .iqc-page { width:100%; min-width:0; }
#qualityIncomingPanel .iqc-page-return { width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:6px; background:#f0f4fa; color:#52657e; font-size:28px; box-shadow:none; }
#qualityIncomingPanel #iqcReceiptForm { max-width:660px; margin:24px 0; }
#qualityIncomingPanel #iqcDetailPage > .iqc-page-head { margin-bottom:30px; }
#qualityIncomingPanel #iqcDetailPage.iqc-receipt-view > .iqc-page-head { justify-content:flex-end; margin-bottom:8px; }
.iqc-sheet-heading { position:relative; display:flex; align-items:center; justify-content:center; gap:20px; text-align:center; padding:6px 0 22px; }
.iqc-sheet-heading strong { font-size:20px; }
.iqc-sheet-heading h4 { margin:8px 0 0; font-size:24px; color:#234e83; letter-spacing:3px; }
.iqc-sheet-meta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 24px; font-size:14px; margin:0 0 18px; }
.iqc-sheet-meta span { overflow-wrap:anywhere; }
#qualityIncomingPanel .iqc-document-lines { min-width:1000px; }
#qualityIncomingPanel .iqc-document-lines td { white-space:nowrap; overflow-wrap:normal; }
#qualityIncomingPanel .iqc-document-lines th:nth-child(5), #qualityIncomingPanel .iqc-document-lines td:nth-child(5) { min-width:180px; }
#qualityIncomingPanel .iqc-document-lines td:nth-child(2), #qualityIncomingPanel .iqc-document-lines td:nth-child(4), #qualityIncomingPanel .iqc-document-lines td:nth-child(8) { white-space:nowrap; }
#qualityIncomingPanel .iqc-document-lines th:nth-child(9), #qualityIncomingPanel .iqc-document-lines td:nth-child(9) { min-width:120px; white-space:nowrap; }
#qualityIncomingPanel .iqc-document-lines th:last-child, #qualityIncomingPanel .iqc-document-lines td:last-child { position:sticky; right:0; min-width:66px; box-shadow:-2px 0 4px #263c5510; }
#qualityIncomingPanel .iqc-inspect-button:not(.st-table-action) { font-size:14px; padding:8px 12px; min-height:40px; white-space:nowrap; }
#qualityIncomingPanel .iqc-quantity { text-align:right; font-variant-numeric:tabular-nums; }
.iqc-sheet-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:28px 0 6px; font-size:14px; color:#64748b; }
.iqc-inspection-heading { background:#f2f7ff; border:1px solid #dce8f8; border-radius:10px; padding:18px; }
.iqc-inspection-heading span { font-size:13px; color:#64748b; }
.iqc-inspection-heading h4 { font-size:22px; margin:8px 0; overflow-wrap:anywhere; }
.iqc-inspection-heading > strong { color:#2761aa; font-size:15px; }
.iqc-inspection-placeholder { margin-top:22px; padding:20px; border-top:1px solid #dce5f1; }
.iqc-inspection-placeholder p { font-size:14px; color:#64748b; margin-bottom:0; }
@media (min-width:601px) {
  #qualityIncomingPanel .iqc-category-page { max-width:1180px; margin:0 auto; }
  #qualityIncomingPanel .iqc-category-page .iqc-inspection-heading { padding:14px 18px; }
  #qualityIncomingPanel .iqc-category-page .iqc-inspection-heading h4 { margin:5px 0; font-size:20px; }
  #qualityIncomingPanel .iqc-category-page .iqc-receipt-fields { margin-top:12px; }
  #qualityIncomingPanel .iqc-category-panel { margin-top:18px; padding:20px; border:1px solid #dbe6f3; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(50,81,122,.06); }
  #qualityIncomingPanel .iqc-category-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:16px; border-bottom:1px solid #e6edf6; }
  #qualityIncomingPanel .iqc-category-intro > div { display:flex; align-items:center; gap:12px; }
  #qualityIncomingPanel .iqc-step-badge { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#2f70cf; color:#fff; font-size:15px; font-weight:700; }
  #qualityIncomingPanel .iqc-category-intro h3 { margin:0; color:#233a58; font-size:18px; }
  #qualityIncomingPanel .iqc-category-intro p { margin:5px 0 0; color:#738197; font-size:13px; }
  #qualityIncomingPanel .iqc-category-progress { flex:0 0 auto; padding:5px 10px; border-radius:999px; background:#eef5ff; color:#3e6fad; font-size:12px; font-weight:700; }
  #qualityIncomingPanel .iqc-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:20px 0; }
  #qualityIncomingPanel .iqc-category-card { position:relative; display:flex; min-width:0; min-height:150px; flex-direction:column; align-items:flex-start; gap:11px; padding:18px 16px; border:1px solid #dbe5f1; border-radius:10px; background:#f9fbfe; color:#263b57; text-align:left; box-shadow:none; transition:border-color .15s ease,background .15s ease,transform .15s ease; }
  #qualityIncomingPanel .iqc-category-card:hover { transform:translateY(-2px); border-color:#8db5e8; background:#f3f8ff; }
  #qualityIncomingPanel .iqc-category-card:focus-visible { outline:2px solid #3276cf; outline-offset:2px; }
  #qualityIncomingPanel .iqc-category-card.is-selected { border-color:#3478d4; background:#edf5ff; box-shadow:0 0 0 2px rgba(52,120,212,.12); }
  #qualityIncomingPanel .iqc-category-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:#e8f2ff; color:#3478d4; }
  #qualityIncomingPanel .iqc-category-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  #qualityIncomingPanel .iqc-category-copy { display:grid; gap:6px; min-width:0; }
  #qualityIncomingPanel .iqc-category-copy strong { font-size:16px; }
  #qualityIncomingPanel .iqc-category-copy small { color:#748299; font-size:12px; font-weight:400; line-height:1.45; white-space:normal; }
  #qualityIncomingPanel .iqc-category-check { position:absolute; top:12px; right:12px; display:none; place-items:center; width:22px; height:22px; border-radius:50%; background:#3478d4; color:#fff; font-size:14px; font-weight:700; }
  #qualityIncomingPanel .iqc-category-card.is-selected .iqc-category-check { display:grid; }
  #qualityIncomingPanel .iqc-category-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:16px; border-top:1px solid #e6edf6; }
  #qualityIncomingPanel .iqc-category-actions > span { color:#718096; font-size:13px; }
  #qualityIncomingPanel .iqc-category-actions button { min-width:174px; min-height:40px; padding:9px 18px; }
  #qualityIncomingPanel .iqc-category-actions button:disabled { cursor:not-allowed; opacity:.5; }
  #qualityIncomingPanel .iqc-form-coming { display:flex; min-height:220px; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:24px; text-align:center; }
  #qualityIncomingPanel .iqc-form-coming-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#eaf6ef; color:#2b8a57; font-size:25px; font-weight:700; }
  #qualityIncomingPanel .iqc-form-coming strong { color:#29415f; font-size:18px; }
  #qualityIncomingPanel .iqc-form-coming p { max-width:620px; margin:0 0 8px; color:#718096; font-size:14px; line-height:1.7; }
  #qualityIncomingPanel .iqc-form-coming button { min-height:40px; padding:8px 18px; }
}
@media (min-width:601px) and (max-width:900px) {
  #qualityIncomingPanel .iqc-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #qualityIncomingPanel .iqc-category-card { min-height:132px; }
}
#iqcDetailContent .iqc-message { display:grid; gap:16px; padding:28px 0; }
#iqcDetailContent .iqc-message button { justify-self:start; min-height:44px; }
@media (max-width:600px) {
  #qualityIncomingPanel #iqcDetailPage > .iqc-page-head h2, #qualityIncomingPanel #iqcReceiptPage > .iqc-page-head h2 { font-size:24px; }
  .iqc-sheet-heading { gap:10px; justify-content:flex-start; text-align:left; padding-bottom:16px; }
  .iqc-sheet-heading strong { font-size:13px; }
  .iqc-sheet-heading h4 { font-size:20px; letter-spacing:1px; margin-top:6px; }
  .iqc-sheet-meta { grid-template-columns:minmax(0,1fr); gap:8px; font-size:13px; }
  #qualityIncomingPanel .iqc-document-link:not(.st-table-action) { min-height:44px; }
  #qualityIncomingPanel .iqc-inspect-button:not(.st-table-action) { min-height:44px; }
  #iqcDetailContent .iqc-receipt-fields { gap:16px 10px; }
  .iqc-inspection-heading h4 { font-size:19px; }
}