.iqcg-column-popup { position:fixed; z-index:10000; width:288px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); box-sizing:border-box; padding:12px; border:1px solid #afc3da; border-radius:6px; background:#fff; color:#263c52; box-shadow:0 8px 28px #17345133; font-size:13px; display:flex; flex-direction:column; gap:10px; }
.iqcg-column-popup[hidden] { display:none; }
.iqcg-popup-title { font-weight:600; }
.iqcg-popup-sort,.iqcg-popup-footer { display:flex; gap:6px; }
.iqcg-popup-footer { justify-content:flex-end; border-top:1px solid #e1e8ef; padding-top:10px; }
.iqcg-column-popup button { min-height:34px; padding:5px 9px; border:1px solid #c7d4e3; border-radius:3px; background:#f5f8fc; color:#31567e; font:inherit; cursor:pointer; }
.iqcg-column-popup [data-apply] { color:#fff; background:#286fc2; border-color:#286fc2; }
.iqcg-column-popup .iqcg-value-search { width:100%; box-sizing:border-box; min-height:36px; padding:7px 9px; border:1px solid #c7d4e3; border-radius:3px; color:#263c52; font:inherit; }
.iqcg-value-list { max-height:220px; min-height:40px; flex:1 1 auto; overflow:auto; border:1px solid #e1e8ef; overscroll-behavior:contain; }
.iqcg-column-popup label { display:flex; align-items:center; gap:8px; min-height:34px; padding:4px 6px; cursor:pointer; box-sizing:border-box; }
.iqcg-column-popup input[type="checkbox"] { appearance:auto; flex:none; width:16px; height:16px; margin:0; accent-color:#286fc2; }
.iqcg-value-list label:hover { background:#edf4fc; }
.iqcg-value-list span { overflow-wrap:anywhere; min-width:0; }
.iqcg-no-values { padding:8px; color:#7c8b9d; }
.iqcg-filter-button:focus-visible,.iqcg-column-popup :focus-visible { outline:2px solid #286fc2; outline-offset:2px; }
@media(pointer:coarse) {
  #qualityIncomingPanel .iqcg-filter-button { min-width:36px; height:36px; }
  .iqcg-column-popup button,.iqcg-column-popup label { min-height:40px; }
  .iqcg-column-popup .iqcg-value-search { font-size:16px; }
}
.iqcg-tools { display:flex; align-items:center; gap:10px; min-height:28px; margin:0; color:#64748b; font-size:12px; flex-wrap:wrap; }
.iqcg-tools[hidden] { display:none; }
/* IQC saved-result sheets use the same schedule metrics as the receipt sheet. */
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list {
  --iqcr-receipt:104px; --iqcr-order:88px; --iqcr-freed:12px; --iqcr-supplier:clamp(104px,10vw,150px);
  --iqcr-code:104px; --iqcr-qty:74px; --iqcr-unit:54px; --iqcr-status:72px;
  --iqcr-fixed:calc(var(--iqcr-receipt) + var(--iqcr-order) + var(--iqcr-supplier) + var(--iqcr-code) + var(--iqcr-qty) + var(--iqcr-unit) + var(--iqcr-status));
  width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; border-spacing:0;
  font-family:var(--st-font-family); color:var(--st-ink);
}
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list.supplier-code-only {
  --iqcr-supplier:92px;
}
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list th,
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list td {
  height:var(--st-row-height); padding:3px 6px; box-sizing:border-box;
  border:1px solid var(--st-grid); background:#fff; vertical-align:middle; text-align:center;
  font-size:var(--st-body-font); line-height:var(--st-body-line); white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list th {
  position:sticky; top:0; z-index:2; height:var(--st-head-height); padding-right:28px;
  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;
}
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list .iqcg-static-column { padding-right:6px; }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(1) { width:var(--iqcr-receipt); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(2) { width:var(--iqcr-order); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(3) { width:var(--iqcr-supplier); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(4) { width:var(--iqcr-code); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(5) { width:auto; }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(6) { width:var(--iqcr-qty); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(7) { width:var(--iqcr-unit); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list :is(th,td):nth-child(8) { width:var(--iqcr-status); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list:not(.is-nonconforming) :is(th,td):nth-child(9) { width:62px; }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list.is-nonconforming :is(th,td):nth-child(n+9) { width:calc((var(--iqcr-table-width, 100%) - var(--iqcr-fixed) - var(--iqcr-freed)) / 3); }
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list .iqc-material-name,
#qualityIncomingPanel #iqcReceiptRows .iqc-record-list .iqc-handling-cell { text-align:left; }
#qualityIncomingPanel .iqc-record-status { font:inherit; font-weight:700; }
#qualityIncomingPanel .iqc-record-status.is-passed { color:#287454; }
#qualityIncomingPanel .iqc-record-status.is-failed { color:#b44732; }
#qualityIncomingPanel .iqc-record-items { margin-top:18px; }
#qualityIncomingPanel .iqc-inspection-items { width:100%; border-collapse:collapse; font-family:var(--st-font-family); }
#qualityIncomingPanel .iqc-inspection-items :is(th,td) { padding:3px 6px; height:var(--st-row-height); border:1px solid var(--st-grid); font-size:var(--st-body-font); line-height:var(--st-body-line); white-space:nowrap; }
#qualityIncomingPanel .iqc-inspection-items th { background:var(--st-head-bg); height:var(--st-head-height); font-size:var(--st-head-font); }
html.mobile-layout.mobile-tablet #qualityIncomingPanel #iqcReceiptRows .iqc-record-list { --iqcr-receipt:100px; --iqcr-order:84px; --iqcr-freed:8px; --iqcr-supplier:104px; --iqcr-code:100px; --iqcr-qty:68px; --iqcr-unit:48px; --iqcr-status:68px; }
html.mobile-layout.mobile-tablet #qualityIncomingPanel #iqcReceiptRows .iqc-record-list.supplier-code-only { --iqcr-supplier:92px; }
@media(max-width:600px) {
  #qualityIncomingPanel #iqcReceiptRows .iqc-record-list { min-width:960px; }
  #qualityIncomingPanel #iqcReceiptRows .iqc-record-list.is-nonconforming { min-width:1100px; }
}
#qualityIncomingPanel .iqcg-tools button { padding:3px 8px; min-height:28px; font-size:12px; }
#qualityIncomingPanel #iqcReceiptRows .iqc-table-scroll { border:0; border-radius:0; }
#qualityIncomingPanel #iqcReceiptRows .iqc-table-scroll:has(.iqc-pending-receipt-list) { max-height:none; overscroll-behavior:contain; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list {
  --iqc-receipt-column:104px;
  --iqc-order-column:88px;
  --iqc-supplier-column:clamp(120px, 12vw, 200px);
  --iqc-material-column:104px;
  --iqc-quantity-column:74px;
  --iqc-unit-column:54px;
  --iqc-action-column:62px;
  width:100%;
  min-width:0;
  table-layout:fixed;
  border-collapse:collapse;
  border-spacing:0;
  font-family:var(--st-font-family);
  color:var(--st-ink);
}
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list.supplier-code-only {
  --iqc-supplier-column:92px;
}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list {
  --iqc-po-column:120px;
  --iqc-order-column:104px;
  --iqc-material-column:120px;
  --iqc-quantity-column:88px;
  --iqc-unit-column:62px;
  --iqc-supplier-column:140px;
  --iqc-status-column:88px;
  --iqc-action-column:68px;
  width:100%;
  min-width:920px;
  table-layout:fixed;
  border-collapse:collapse;
  border-spacing:0;
  font-family:var(--st-font-family);
  color:var(--st-ink);
}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list.supplier-code-only {
  --iqc-supplier-column:96px;
}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th,
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td { height:var(--st-row-height); padding:3px 6px; border:1px solid var(--st-grid); box-sizing:border-box; font-size:var(--st-body-font); line-height:var(--st-body-line); text-align:center; vertical-align:middle; white-space:nowrap; }
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th { position:sticky; top:0; z-index:2; height:var(--st-head-height); padding-right:34px; 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; }
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:last-child { padding-right:6px; }
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list tbody td { background:#fff; }
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list tbody tr:hover td { background:#f8faff; }
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(1),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(1){width:var(--iqc-po-column)}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(2),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(2){width:var(--iqc-order-column)}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(3),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(3){width:var(--iqc-material-column)}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(4),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(4){width:auto;min-width:0}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(4){text-align:left;overflow:hidden;text-overflow:ellipsis}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(5),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(5){width:var(--iqc-quantity-column)}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(6),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(6){width:var(--iqc-unit-column)}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(7),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(7){width:var(--iqc-supplier-column);overflow:hidden;text-overflow:ellipsis}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(8),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(8){width:var(--iqc-status-column)}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list th:nth-child(9),#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list td:nth-child(9){width:var(--iqc-action-column)}
#qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list .iqc-quantity{text-align:center}
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th,
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td { height:var(--st-row-height); padding:3px 6px; border:1px solid var(--st-grid); box-sizing:border-box; font-size:var(--st-body-font); line-height:var(--st-body-line); text-align:center; vertical-align:middle; white-space:nowrap; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th { position:sticky; top:0; z-index:2; height:var(--st-head-height); padding:3px 34px 3px 6px; border:1px solid var(--st-grid); box-sizing:border-box; background:var(--st-head-bg); color:var(--st-head-ink); font-size:var(--st-head-font); line-height:var(--st-head-line); text-align:center; vertical-align:middle; white-space:nowrap; font-weight:700; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:last-child { padding-right:6px; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:is(:first-child,:last-child) { z-index:3; background:#edf2f8; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list tbody td,
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list tbody tr:nth-child(even) td { background:#fff; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list tbody tr:hover td { background:#f8faff; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(1),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(1) { width:var(--iqc-receipt-column); min-width:var(--iqc-receipt-column); }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(2),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(2) { width:var(--iqc-order-column); min-width:var(--iqc-order-column); }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(3),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(3) { width:var(--iqc-supplier-column); min-width:var(--iqc-supplier-column); overflow:hidden; text-overflow:ellipsis; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(4),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(4) { width:var(--iqc-material-column); min-width:var(--iqc-material-column); }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(5),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(5) { width:auto; min-width:0; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(5) { text-align:left; overflow:hidden; text-overflow:ellipsis; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(6),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(6) { width:var(--iqc-quantity-column); min-width:var(--iqc-quantity-column); }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(7),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(7) { width:var(--iqc-unit-column); min-width:var(--iqc-unit-column); }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(8),
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(8) { width:var(--iqc-action-column); min-width:var(--iqc-action-column); }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list .iqc-quantity { text-align:center; }
#qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td.iqc-order-cell { padding:2px 4px; white-space:normal; }
#qualityIncomingPanel .iqc-order-summary {
  display:grid;
  align-content:center;
  width:100%;
  height:calc(var(--st-row-height) - 6px);
  min-width:0;
  min-height:0;
  padding:0 2px;
  border:0;
  border-radius:2px;
  background:transparent;
  color:inherit;
  box-shadow:none;
  font:inherit;
  line-height:17px;
  text-align:center;
  cursor:pointer;
}
#qualityIncomingPanel .iqc-order-summary span { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#qualityIncomingPanel .iqc-order-summary b { font:inherit; }
#qualityIncomingPanel .iqc-order-summary:hover { background:#eaf3ff; color:#204f86; }
#qualityIncomingPanel .iqc-order-summary:focus-visible { outline:2px solid #286fc2; outline-offset:-1px; }
#qualityIncomingPanel .iqc-order-dialog { width:420px; }
#qualityIncomingPanel .iqc-order-dialog-list { display:grid; gap:8px; max-height:min(420px, 55dvh); margin:0; padding:0 0 0 28px; overflow:auto; }
#qualityIncomingPanel .iqc-order-dialog-list li { padding:8px 10px; border:1px solid #dce5ef; border-radius:4px; background:#f7f9fc; color:#263c52; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
#qualityIncomingPanel .iqcg-heading { display:block; min-width:0; }
#qualityIncomingPanel .iqcg-filter-button { position:absolute; top:50%; right:6px; display:inline-grid; place-items:center; width:var(--st-filter-size); height:var(--st-filter-size); min-width:0; min-height:0; padding:0; transform:translateY(-50%); border:0; border-radius:2px; background:#fff; color:#24704f; box-shadow:none; font-family:var(--st-font-family); font-size:var(--st-filter-font); font-weight:700; line-height:var(--st-head-line); }
#qualityIncomingPanel .iqcg-filter-button:hover,
#qualityIncomingPanel .iqcg-filter-button.is-filtered,
#qualityIncomingPanel th[aria-sort]:not([aria-sort="none"]) .iqcg-filter-button { background:#1b7452; color:#fff; }
#qualityIncomingPanel th[aria-sort="ascending"] .iqcg-heading>span:first-child::after { content:' ↑'; color:#1b7452; }
#qualityIncomingPanel th[aria-sort="descending"] .iqcg-heading>span:first-child::after { content:' ↓'; color:#1b7452; }
#qualityIncomingPanel .iqc-bottom-bar { display:flex; flex:none; align-items:stretch; width:100%; height:var(--st-footer-height); min-height:var(--st-footer-height); box-sizing:border-box; overflow-x:hidden; overflow-y:hidden; background:#e4e8ef; }
#qualityIncomingPanel #iqcBottomStatus { display:flex; flex:1 1 auto; align-items:center; gap:6px 18px; min-width:0; height:100%; padding:0 10px; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; color:#64748b; background:#e4e8ef; font-size:12px; flex-wrap:nowrap; white-space:nowrap; }
#qualityIncomingPanel .iqc-bottom-status .quality-settings-note { flex:0 0 auto; margin:0; color:#64748b; font-size:12px; white-space:nowrap; }
#qualityIncomingPanel .iqc-list-message { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:30px; max-height:100%; padding:4px 10px; border-left:3px solid #6093d2; box-sizing:border-box; background:#f3f7fc; color:#415873; white-space:nowrap; }
#qualityIncomingPanel .iqc-list-message button { min-height:30px; padding:4px 10px; font-size:12px; }
#qualityIncomingPanel .iqc-bottom-status > .iqc-feedback { flex:0 0 auto; margin:0; white-space:nowrap; }
#qualityIncomingPanel .iqc-bottom-bar > .iqc-bottom-nav { display:flex; flex:none; align-items:flex-end; gap:2px; width:auto; height:100%; min-height:0; padding:0 8px var(--st-footer-bottom); border:0; border-radius:0; box-sizing:border-box; overflow:visible; background:#e4e8ef; }
#qualityIncomingPanel .iqc-bottom-bar > .iqc-bottom-nav::before { content:'▦'; color:#8291a3; align-self:center; margin:0 10px 0 4px; font-size:19px; }
#qualityIncomingPanel .iqc-bottom-nav .iqc-bottom-nav-item { flex:0 0 auto; height:max(30px, calc(var(--st-tab-height) - 3px)); min-height:0; min-width:112px; padding:0 15px; border:1px solid #aebbd0; border-bottom:0; border-radius:0; background:#f4f6fa; color:#506078; font-family:var(--st-tab-font-family); font-size:var(--st-tab-font); font-weight:700; line-height:1; box-shadow:none; opacity:1; white-space:nowrap; }
#qualityIncomingPanel .iqc-bottom-nav .iqc-bottom-nav-item.is-active { height:var(--st-tab-height); background:#fff; color:var(--st-tab-blue); border-top:3px solid var(--st-tab-green); font-weight:700; }
#qualityIncomingPanel .iqc-bottom-nav .iqc-bottom-nav-item.is-active::before { display:none; }
#qualityIncomingPanel .iqc-bottom-nav .iqc-bottom-nav-item:disabled { cursor:default; }
@media(min-width:601px) and (max-width:900px) {
  #qualityIncomingPanel .iqc-bottom-nav .iqc-bottom-nav-item { min-width:104px; padding-inline:8px; }
  #qualityIncomingPanel .iqc-bottom-bar > .iqc-bottom-nav::before { margin-inline:6px; }
  #qualityIncomingPanel #iqcBottomStatus { gap:8px; padding-inline:6px; font-size:11.5px; }
  #qualityIncomingPanel .iqc-bottom-status .quality-settings-note { font-size:11.5px; }
}
@media(max-width:600px) {
  #qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list { min-width:850px; }
  #qualityIncomingPanel #iqcReceiptRows .iqc-purchase-list { min-width:920px; }
  #qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list th:nth-child(5),
  #qualityIncomingPanel #iqcReceiptRows .iqc-pending-receipt-list td:nth-child(5) { width:192px; }
  #qualityIncomingPanel .iqc-bottom-bar { overflow-x:auto; overscroll-behavior-x:contain; }
  #qualityIncomingPanel #iqcBottomNav { flex:0 0 100%; padding:0; }
  #qualityIncomingPanel #iqcBottomStatus { flex:0 0 auto; min-width:320px; width:max-content; }
  #qualityIncomingPanel .iqc-bottom-bar > .iqc-bottom-nav::before { display:none; }
  #qualityIncomingPanel .iqc-bottom-nav .iqc-bottom-nav-item { flex:1 1 0; min-width:0; padding:0 2px; }
}