#view-entry.ivr { background: var(--sp-o-page); color: var(--sp-o-ink); font-family: var(--sp-font-ui); font-variant-numeric: tabular-nums; } #view-entry.ivr #entry.panel { background: transparent; border: none; box-shadow: none; padding: 0; margin: 0 0 18px; display: flex; flex-direction: column; gap: 18px; } .ivr .ivr-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; margin: 0; padding: 0; border: none; } .ivr .ivr-head-title { display: flex; flex-direction: column; gap: 4px; } .ivr .ivr-takes { flex: 1 0 100%; order: 3; margin: 0; font-size: 13px; color: var(--sp-o-muted); } .ivr .ivr-crumb { font-size: 13px; color: var(--sp-o-faint); } .ivr .ivr-head h1 { margin: 0; font-family: var(--sp-font-ui); font-weight: 600; font-size: 30px; letter-spacing: -0.8px; color: var(--sp-o-ink); text-transform: none; } .ivr .ivr-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; padding: 0; } .ivr .entry-modes { display: flex; gap: 4px; padding: 4px; margin: 0; background: var(--sp-o-seg); border-radius: var(--sp-radius-seg); border: none; flex-wrap: nowrap; } .ivr .entry-modes .mode-btn { min-height: var(--sp-target); padding: 0 16px; border: none; background: transparent; border-radius: var(--sp-radius-seg-in); color: var(--sp-o-ink-2); font-family: var(--sp-font-ui); font-size: 14px; font-weight: 400; box-shadow: none; cursor: pointer; } .ivr .entry-modes .mode-btn:hover { color: var(--sp-o-ink); background: transparent; } .ivr .entry-modes .mode-btn[aria-pressed="true"] { background: var(--sp-o-card); color: var(--sp-o-ink); font-weight: 500; box-shadow: 0 1px 2px var(--sp-o-seg-shadow); } .ivr .entry-modes .mode-btn:focus-visible { outline: 2px solid var(--sp-o-ink); outline-offset: 1px; } .ivr .ivr-status { display: none; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 12px 16px; background: var(--sp-o-card); border: 1px solid var(--sp-o-card-edge); border-radius: var(--sp-radius-card); } .ivr .ivr-status:has(#scan-status:not(:empty)), .ivr .ivr-status:has(#scan-pages:not([hidden])), .ivr .ivr-status:has(#scan-slow:not([hidden])), .ivr .ivr-status:has(#scan-cancel:not([hidden])) { display: flex; } .ivr .ivr-status #scan-status { flex: 1 1 240px; min-width: 0; font-size: 14px; font-weight: 500; color: var(--sp-o-ink); } .ivr .ivr-status #scan-pages, .ivr .ivr-status #scan-slow { flex: 1 1 100%; font-size: 13px; color: var(--sp-o-muted); } .ivr .ivr-status #scan-cancel { min-height: var(--sp-target);padding: 0 14px; border: 1px solid var(--sp-o-button-edge); background: var(--sp-o-card); color: var(--sp-o-ink-2); border-radius: var(--sp-radius); font-family: var(--sp-font-ui); font-size: 14px; } #view-entry.ivr .entry-cols.scanning { grid-template-columns: minmax(0, 1fr); } #view-entry.ivr .receipt-col { position: static; max-height: none; background: var(--sp-o-card); border: 1px solid var(--sp-o-card-edge); border-radius: var(--sp-radius-card); padding: 12px 16px; } #view-entry.ivr .receipt-view img { max-height: 320px; width: auto; max-width: 100%; } #view-entry.ivr .subhead, #view-entry.ivr .receipt-head, #view-entry.ivr .line-detail .ld-lab, #view-entry.ivr .ivr-bill #save-btn { text-transform: none; letter-spacing: normal; } #view-entry.ivr .subhead, #view-entry.ivr .receipt-head { font-size: 14px; font-weight: 600; color: var(--sp-o-ink); } #view-entry.ivr .line-detail .ld-lab { font-size: 11px; color: var(--sp-o-muted); } body.sp-shelled > main.card:has(> #view-entry:not([hidden])) { max-width: 1760px; } #view-entry.ivr .mi-invoice.mi-hidden { display: none; } #view-entry.ivr #mi-pager { margin: 6px 0 2px; } #view-entry.ivr .mi-pager-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 12px; background: var(--sp-o-band); border: 1px solid var(--sp-o-row-edge); border-radius: 8px; font-size: 13px; } #view-entry.ivr .mi-pager-label { font-weight: 600; color: var(--sp-o-ink); margin-right: auto; } #view-entry.ivr .mi-receipt:empty { display: none; } #view-entry.ivr .mi-scan-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: var(--sp-o-ink-2); margin-bottom: 6px; } #view-entry.ivr .mi-scan-name { font-weight: 600; color: var(--sp-o-ink); overflow-wrap: anywhere; } #view-entry.ivr .mi-scan-page { color: var(--sp-o-muted); } #view-entry.ivr .mi-scan-img { display: block; width: 100%; max-width: 100%; max-height: 72vh; object-fit: contain; object-position: top left; border: 1px solid var(--sp-o-card-edge); border-radius: 6px; background: var(--sp-o-card); } #view-entry.ivr .mi-receipt.mi-scan-big .mi-scan-img { max-height: none; } #view-entry.ivr .mi-scan-why { font-size: 13px; color: var(--sp-o-muted); margin: 4px 0; } @media (min-width: 1280px) { #view-entry.ivr .mi-invoice.mi-has-scan { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 26%); column-gap: 16px; align-items: start; } #view-entry.ivr .mi-invoice.mi-has-scan > * { grid-column: 1; min-width: 0; } #view-entry.ivr .mi-invoice.mi-has-scan > .mi-inv-title { grid-column: 1 / -1; } #view-entry.ivr .mi-invoice.mi-has-scan > .mi-receipt { grid-column: 2; grid-row: 2 / span 40; position: sticky; top: 8px; align-self: start; } #view-entry.ivr .mi-invoice.mi-has-scan > .mi-lines { container-type: inline-size; container-name: ilc; } @container ilc (max-width: 1238px) { #view-entry.ivr .mi-invoice.mi-has-scan > .ilc-head { grid-template-columns: minmax(80px, 2fr) 44px 60px minmax(56px, 84px) 96px minmax(64px, 1fr) 64px 28px; column-gap: 4px; } #view-entry.ivr .mi-invoice.mi-has-scan > .ilc-head:has(+ .mi-lines > .line-row > .line-state) { grid-template-columns: minmax(80px, 2fr) 44px 60px minmax(56px, 84px) 96px minmax(64px, 1fr) 58px 64px 28px; } } #view-entry.ivr .mi-invoice.mi-has-scan.mi-hidden { display: none; } } .ivr #purchase-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; } .ivr .ivr-card { background: var(--sp-o-card); border: 1px solid var(--sp-o-total-rule); border-radius: var(--sp-radius-card); padding: 14px 16px; min-width: 0; } #view-entry.ivr .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; } .ivr .form-grid > label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 500; color: var(--sp-o-ink-2); } .ivr .form-grid > details, .ivr .form-grid > div, .ivr .form-grid > #concept-field { grid-column: 1 / -1; } :is(#view-entry.ivr, #edit-modal) :is(.form-grid, .line-row, .mi-invoice, .mi-head, .cl-attr, .addvendor) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not(.date-missing), select) { background: var(--sp-o-field); border: 1px solid var(--sp-o-field-edge); border-radius: 8px; color: var(--sp-o-ink); } :is(#view-entry.ivr, #edit-modal) :is(.form-grid, .line-row, .mi-invoice, .mi-head) :is(input, select):focus-visible { outline: 2px solid var(--sp-o-ink); outline-offset: 1px; background: var(--sp-o-card); } :is(#view-entry.ivr, #edit-modal) :is(.form-grid, .line-row, .mi-invoice) :is(input, select):disabled { background: var(--sp-o-band); border-color: var(--sp-o-row-edge); color: var(--sp-o-faint); } :is(#view-entry.ivr, #edit-modal) :is(.form-grid, .line-row) input::placeholder { color: var(--sp-o-faint); font-style: normal; } .ivr .form-grid input:not([type="checkbox"]):not([type="radio"]):not(.date-missing), .ivr .form-grid select { min-height: var(--sp-target); font-family: var(--sp-font-ui); font-size: 15px; padding: 0 12px; box-sizing: border-box; } .ivr .form-grid .link-btn { align-self: flex-start; min-height: var(--sp-target); } :is(#view-entry.ivr, #edit-modal) .lines-head { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; padding: 6px 6px 6px 12px; background: var(--sp-o-band); border: 1px solid var(--sp-o-row-edge); border-radius: 8px; } :is(#view-entry.ivr, #edit-modal) .lines-head .subhead { font-size: 14px; font-weight: 600; color: var(--sp-o-ink); text-transform: none; letter-spacing: normal; } :is(#view-entry.ivr, #edit-modal) .lines-head .subhead .muted, :is(#view-entry.ivr, #edit-modal) .lines-head > .muted { font-weight: 400; color: var(--sp-o-muted); } :is(#view-entry.ivr, #edit-modal) .lines-head > button { margin-left: auto; } .ivr .ivr-lines > .lines-head { margin-top: 0; } .ivr .ivr-lines > .lines-head ~ .lines-head { margin-top: 14px; } .ivr .btn-sm, .ivr .link-btn { min-height: var(--sp-target); } .ivr .ivr-bill-col { min-width: 0; } .ivr .ivr-bill { display: flex; flex-direction: column; gap: 14px; padding: 20px; background: var(--sp-o-summary); color: var(--sp-o-summary-ink); border-radius: var(--sp-radius-lg); min-width: 0; } .ivr .ivr-bill-label { font-size: 13px; color: var(--sp-o-summary-label); } .ivr .ivr-bill .totals { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; margin: 0; padding: 0; border: none; background: transparent; font-size: 13px; color: var(--sp-o-summary-sub); } .ivr .ivr-bill .totals strong { color: var(--sp-o-summary-ink); font-weight: 500; } .ivr .ivr-bill .totals .eq-op { color: var(--sp-o-summary-label); margin: 0 2px; } .ivr .ivr-bill .totals > span { margin: 0; } .ivr .ivr-bill .totals > label { flex: 1 1 100%; display: flex; flex-direction: column; gap: 6px; margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--sp-o-summary-rule); color: var(--sp-o-summary-label); font-size: 13px; } .ivr .ivr-bill .totals > label .muted { color: var(--sp-o-summary-label); } .ivr .ivr-bill .totals input[name="invoice_total"] { width: 100%; box-sizing: border-box; min-height: 56px; padding: 0 10px; background: transparent; color: var(--sp-o-summary-ink); border: 1px solid var(--sp-o-summary-label); border-radius: var(--sp-radius); font-family: var(--sp-font-ui); font-size: 32px; font-weight: 500; letter-spacing: -0.5px; } .ivr .ivr-bill #total-warn:not(:empty) { flex: 1 1 100%; padding: 8px 10px; border-radius: var(--sp-radius); background: var(--sp-problem); color: var(--sp-o-summary-ink); font-weight: 500; } .ivr .ivr-bill .form-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin: 0; padding: 0; border: none; } .ivr .ivr-bill #save-btn { min-height: 48px; border: none; border-radius: var(--sp-radius-seg); background: var(--sp-o-card); color: var(--sp-o-ink); font-family: var(--sp-font-ui); font-size: 15px; font-weight: 600; cursor: pointer; } .ivr .ivr-bill #save-btn:hover { background: var(--sp-o-seg); } .ivr .ivr-bill #save-btn:disabled { opacity: 0.55; cursor: not-allowed; } .ivr .ivr-bill #form-msg { font-size: 13px; color: var(--sp-o-summary-sub); } .ivr .ivr-bill .save-refuse:not([hidden]), .ivr .ivr-bill .edit-save-why:not([hidden]) { padding: 8px 10px; border-radius: var(--sp-radius); background: var(--sp-o-card); color: var(--sp-problem); font-size: 13px; } @media (min-width: 900px) { .ivr .ivr-head { gap: 8px 14px; } .ivr .ivr-head-title { gap: 0; } .ivr .ivr-crumb { font-size: 12px; } .ivr .ivr-head h1 { font-size: 22px; letter-spacing: -0.4px; } .ivr .ivr-takes { font-size: 12px; } .ivr .entry-modes { padding: 3px; } .ivr .entry-modes .mode-btn { min-height: 32px; font-size: 13px; padding: 0 14px; } #view-entry.ivr #entry.panel { gap: 8px; } #view-entry.ivr #entry > #sample-banner:empty { display: none; } .ivr #purchase-form { gap: 8px; } .ivr .ivr-card { padding: 10px 14px; } :is(#view-entry.ivr, #edit-modal) .lines-head { padding: 3px 4px 3px 12px; margin-bottom: 6px; } :is(#view-entry.ivr, #edit-modal) .lines-head > button, .ivr #single-add-invoice, .ivr .entry-config .link-btn { min-height: 30px; padding: 0 12px; font-size: 12px; } .ivr .ivr-lines > .lines-head ~ .lines-head { margin-top: 10px; } .ivr #single-add-invoice { margin-top: 8px; } .ivr .entry-config { margin-top: 6px; font-size: 12px; } .ivr .ivr-main { grid-row: 1; } .ivr .ivr-lines { grid-row: 2; } .ivr .ivr-bill-col { grid-row: 3; position: sticky; bottom: 0; z-index: 5; padding-bottom: 6px; } body.pwa-bar-open .ivr .ivr-bill-col { bottom: var(--pwa-bar-h, 0px); } .ivr .ivr-bill { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 18px; padding: 6px 8px 6px 18px; border-radius: var(--sp-radius-card); box-shadow: 0 -6px 18px var(--sp-o-seg-shadow); } .ivr .ivr-bill .totals { flex: 1 1 auto; flex-wrap: wrap; align-items: center; } .ivr .ivr-bill .totals > label { flex: 0 0 auto; flex-direction: row; align-items: center; gap: 10px; margin: 0 0 0 4px; padding: 0; border: none; } .ivr .ivr-bill .totals input[name="invoice_total"] { width: 170px; min-height: 38px; height: 38px; font-size: 22px; letter-spacing: -0.3px; } .ivr .ivr-bill .form-actions { flex-direction: row; align-items: center; margin-left: auto; } .ivr .ivr-bill #save-btn { min-height: 38px; padding: 0 24px; white-space: nowrap; } #view-entry.ivr .ivr-main .form-grid { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 10px; } #view-entry.ivr .ivr-main .form-grid > label { gap: 3px; } #view-entry.ivr .ivr-main .form-grid > label { flex: 1 1 130px; min-width: 0; } #view-entry.ivr .ivr-main .form-grid > :is(div, details) { flex: 1 0 100%; order: 5; } #view-entry.ivr .ivr-main .form-grid > label:has(> input[name="date"]) { flex: 0 0 150px; } #view-entry.ivr .ivr-main .form-grid > label:has(> select[name="vendor_id"]) { flex: 2 1 220px; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 6px; row-gap: 4px; align-content: start; } #view-entry.ivr .ivr-main .form-grid > label:has(> select[name="vendor_id"]) > select { grid-column: 1 / -1; grid-row: 2; } #view-entry.ivr .ivr-main .form-grid > label:has(> select[name="vendor_id"]) > #add-vendor-toggle { grid-column: 2; grid-row: 1; min-height: 0; height: auto; padding: 0 6px; font-size: 11px; line-height: 16px; white-space: nowrap; } #view-entry.ivr .ivr-main .form-grid > label:has(> select[name="vendor_id"]) > div { grid-column: 1 / -1; } #view-entry.ivr .ivr-main .form-grid > label:has(> input[name="invoice_num"]) { flex: 1 1 110px; } #view-entry.ivr .ivr-main .form-grid > label:has(> select[name="payment_type"]) { flex: 1 1 140px; } #view-entry.ivr .ivr-main .form-grid > label:has(> input:is([name="check_num"], [name="card_last4"])) { flex: 0 0 104px; } #view-entry.ivr .ivr-main .form-grid > label:has(> input[name="due_date"]) { flex: 0 0 150px; } #view-entry.ivr .ivr-main .form-grid > label:has(> input[name="sales_tax"]) { flex: 0 0 92px; } #view-entry.ivr .ivr-main .form-grid > label:has(> select[name="status"]) { flex: 0 0 96px; } #view-entry.ivr .ivr-main .form-grid > #concept-field { flex: 1 1 170px; order: 0; } #view-entry.ivr .ivr-main .form-grid :is(input:not([type="checkbox"]):not([type="radio"]):not(.date-missing), select) { min-height: 34px; height: 34px; font-size: 14px; padding: 0 10px; } #view-entry.ivr .ivr-main .cl-attr, #view-entry.ivr .ivr-main #terms-qbo-hint, #view-entry.ivr .ivr-main #add-vendor-panel { margin-top: 10px; } @media (min-width: 1400px) { #view-entry.ivr .entry-cols.scanning { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 26%); gap: 16px; align-items: start; } #view-entry.ivr .entry-cols.scanning > .form-col { grid-column: 1; grid-row: 1; min-width: 0; } #view-entry.ivr .entry-cols.scanning > .receipt-col:not([hidden]) { grid-column: 2; grid-row: 1; position: sticky; top: 12px; max-height: calc(100vh - 24px); overflow: auto; } #view-entry.ivr .entry-cols.scanning .receipt-view img { max-height: none; width: 100%; } } } @media (max-width: 899px) { .ivr #purchase-form { display: flex; flex-direction: column; gap: 0; } .ivr .ivr-bill-col { order: -1; margin-bottom: 18px; } .ivr .ivr-bill { position: static; } .ivr .ivr-main { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: 0; } .ivr .ivr-lines { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 14px; } } @media (max-width: 767px) { .ivr .ivr-head h1 { font-size: 26px; } .ivr .entry-modes { width: 100%; } .ivr .entry-modes .mode-btn { flex: 1 1 0; padding: 0 8px; } .ivr .ivr-card { padding: 16px; } #view-entry.ivr .form-grid { grid-template-columns: minmax(0, 1fr); } #view-entry.ivr .line-detail .ld-row > * { max-width: 100%; min-width: 0; } #view-entry.ivr .line-detail .ld-row input, #view-entry.ivr .line-detail .ld-row select { max-width: 100%; } #view-entry.ivr .line-detail .ld-field.ld-pack { flex: 1 1 100%; } #view-entry.ivr .line-detail .ld-source-note { white-space: normal; overflow-wrap: anywhere; max-width: 100%; } } #purchase-form:not(:has(select[name="payment_type"] option[value*="Check"]:checked)) .form-grid > label:has(> input[name="check_num"]:placeholder-shown), #purchase-form:not(:has(select[name="payment_type"] option[value$="Card"]:checked)) .form-grid > label:has(> input[name="card_last4"]:placeholder-shown), #edit-form:not(:has(#edit-payment option[value*="Check"]:checked)) .form-grid > label:has(> #edit-check:placeholder-shown) { display: none; } @media (min-width: 768px) { body.sp-shelled #edit-modal.modal { left: var(--sp-side-width); } } body:has(.modal:not([hidden])) .askp-sticky { z-index: 49; } @media (min-width: 900px) { #edit-modal .modal-box.wide { max-width: 1240px; } #edit-modal #edit-form > .form-grid { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 10px; } #edit-modal #edit-form > .form-grid > label { flex: 1 1 130px; min-width: 0; display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 500; color: var(--sp-o-ink-2); } #edit-modal #edit-form > .form-grid > :is(div, details) { flex: 1 0 100%; order: 5; } #edit-modal #edit-form > .form-grid > label:has(> :is(#edit-date, #edit-due)) { flex: 0 0 156px; } #edit-modal #edit-form > .form-grid > label:has(> #edit-vendor) { flex: 2 1 240px; } #edit-modal #edit-form > .form-grid > label:has(> :is(#edit-check, #edit-tax)) { flex: 0 0 100px; } #edit-modal #edit-form > .form-grid > label:has(> #edit-status) { flex: 0 0 108px; } #edit-modal #edit-form > .form-grid :is(input, select) { min-height: 36px; padding: 0 10px; font-size: 14px; box-sizing: border-box; width: 100%; } } :is(#view-entry.ivr, #edit-modal) .line-row.ilc { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 8px; row-gap: 8px; align-items: center; margin: 0; padding: 10px 12px; background: var(--sp-o-card); border: 1px solid var(--sp-o-row-edge); border-top-width: 0; border-radius: 0; outline: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc:first-child { border-top-width: 1px; border-top-left-radius: 8px; border-top-right-radius: 8px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc:nth-child(even) { background: var(--sp-o-row-alt); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > * { grid-column: 1 / -1; min-width: 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc :is(input, select) { font-family: var(--sp-font-ui); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-amt { font-family: var(--sp-font-num); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-desc { grid-column: 1 / -1; grid-row: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-cat { grid-column: 1 / 4; grid-row: 2; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .amt-cell { grid-column: 4 / 7; grid-row: 2; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-toggle { grid-column: 1 / 3; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-state { grid-column: 3 / 6; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-del { grid-column: 6 / 7; grid-row: 3; height: var(--sp-target); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-pack { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > :is(.line-desc, .line-cat, .amt-cell input) { min-height: var(--sp-target); border-radius: 8px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-state { justify-self: stretch; min-height: var(--sp-target); text-transform: none; letter-spacing: normal; font-size: 12px; font-weight: 500; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > :is(.ilc-toggle, .ilc-pack) { min-height: var(--sp-target); padding: 0 10px; border: 1px solid var(--sp-o-field-edge); border-radius: 8px; background: var(--sp-o-card); color: var(--sp-o-ink-2); font-family: var(--sp-font-ui); font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-toggle::after { content: " ▾"; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-detail ~ *, :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-recipe { order: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ld-printed, :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ld-discount { order: 2; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.flagged-row { outline: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.placeholder-row { outline-offset: -3px; } .ilc-head { display: none; } #view-entry.ivr .line-state.st-verified { background: var(--sp-o-ok-tint); color: var(--sp-o-ok); border: 1px solid var(--sp-o-ok); font-weight: 600; } #view-entry.ivr #lines .line-row.ilc.st-row-verified { box-shadow: inset 4px 0 0 var(--sp-o-ok); } .line-review.line-review-done { background: var(--sp-o-ok-tint); } .line-review.line-review-done :is(.line-review-flag, .line-review-text) { color: var(--sp-o-ok); } @media (max-width: 899px) { :is(#view-entry.ivr, #edit-modal) .line-row.ilc:is(.ilc-shut, :not(.ilc-open):not([data-flagged="1"]):not([data-needs-review="1"]):not(.placeholder-row):not(.line-target):not(:has(.line-review, .line-overhead, .weight-mismatch, .field-error, .ld-weight-flag:not([hidden]), .ld-source-warn:not([hidden]), .ld-unit-note:not([hidden]), .ld-price-flag:not([hidden]), .ld-pack-legacy:not([hidden]), .ld-code-ask:not([hidden]), .ld-rate:not([hidden]), .tag-catch-weight)):not([data-line-kind="goods"][data-common-base]:has(.line-common:placeholder-shown))) > :not(.line-desc, .line-cat, .amt-cell, .line-state, .line-del, .ilc-toggle, .ilc-flag) { display: none; } } :is(#view-entry.ivr, #edit-modal) .line-row.ilc:is(.ilc-shut, :not(.ilc-open):not([data-flagged="1"]):not([data-needs-review="1"]):not(.placeholder-row):not(.line-target):not(:has(.line-review, .line-overhead, .weight-mismatch, .field-error, .ld-weight-flag:not([hidden]), .ld-source-warn:not([hidden]), .ld-unit-note:not([hidden]), .ld-price-flag:not([hidden]), .ld-pack-legacy:not([hidden]), .ld-code-ask:not([hidden]), .ld-rate:not([hidden]), .tag-catch-weight)):not([data-line-kind="goods"][data-common-base]:has(.line-common:placeholder-shown))) > .ilc-toggle::after { content: " ▸"; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-recipe { display: flex; flex-direction: column; gap: 4px; } :is(#view-entry.ivr, #edit-modal) .ilc-recipe-lab { font-size: 12px; font-weight: 500; color: var(--sp-o-ink-2); } :is(#view-entry.ivr, #edit-modal) .ilc-recipe .line-common { width: 100%; min-height: var(--sp-target); box-sizing: border-box; padding: 0 10px; font-size: 14px; font-style: normal; } :is(#view-entry.ivr, #edit-modal) .ilc-recipe .line-common::placeholder { color: var(--sp-o-faint); font-style: normal; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] > .line-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; row-gap: 4px; align-items: start; margin: 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-row, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-qty > .ld-lab-split, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-qty > .ld-fuse { display: contents; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field.ld-qty[hidden] { display: contents !important; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field.ld-qty[hidden] :is(input, select) { color: transparent; -webkit-text-fill-color: transparent; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail :is(.ld-lab-a, .ld-lab-b, .ld-field > .ld-lab:not(.ld-lab-split)) { display: block; font-size: 12px; line-height: 1.3; font-weight: 500; color: var(--sp-o-ink-2); text-transform: none; letter-spacing: normal; opacity: 1; padding-top: 4px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field > .ld-lab::first-letter { text-transform: capitalize; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field > .ld-lab .ld-sub { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-lab-a { grid-column: 1; grid-row: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .line-qty { grid-column: 1; grid-row: 2; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-lab-b { grid-column: 2; grid-row: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .line-unittype { grid-column: 2; grid-row: 2; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail :is(.ld-pack, .ld-rate) > .ld-lab { grid-column: 1; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail :is(.ld-pack > :is(.line-pack, .ld-pack-dash), .ld-rate > .ld-rate-val) { grid-column: 1; grid-row: 4; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-lab { grid-column: 2; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse { grid-column: 2; grid-row: 4; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-weight > .ld-lab { grid-column: 1; grid-row: 5; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-weight > .ld-fuse { grid-column: 1; grid-row: 6; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-fuse { display: flex; gap: 4px; min-width: 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse { flex-wrap: wrap; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse > .line-baseqty { flex: 1 1 100%; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail :is(input, select) { width: 100%; flex: 1 1 0; min-width: 0; margin: 0; min-height: var(--sp-target); box-sizing: border-box; padding: 0 8px; font-family: var(--sp-font-ui); font-size: 14px; font-style: normal; opacity: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail select:has(option[value=""]:checked) { color: var(--sp-o-faint); font-style: normal; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail :is(.ld-rate-val, .ld-pack-dash:not([hidden])) { display: flex; align-items: center; min-height: var(--sp-target); box-sizing: border-box; padding: 0 8px; border: 1px solid var(--sp-o-row-edge); border-radius: 8px; background: var(--sp-o-band); color: var(--sp-o-ink-2); font-family: var(--sp-font-num); font-size: 14px; white-space: nowrap; overflow: hidden; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-pack-dash:not([hidden]) { color: var(--sp-o-faint); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-rate-val:empty::before { content: "—"; color: var(--sp-o-faint); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field.ld-qty[hidden] :is(input, select) { background: var(--sp-o-band); border-color: var(--sp-o-row-edge); color: var(--sp-o-faint); cursor: not-allowed; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field.ld-qty[hidden] :is(.ld-lab-a, .ld-lab-b) { color: var(--sp-o-faint); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field > :not(.ld-lab, .ld-lab-split, .ld-fuse, .line-pack, .ld-pack-dash, .ld-rate-val, .ld-hint), :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail > :not(.ld-row) { grid-column: 1 / -1; order: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-field > .ld-soldbyweight { justify-self: start; margin-top: 4px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-hint { grid-column: 1 / -1; order: 2; margin-top: 4px; font-size: 12px; line-height: 1.4; color: var(--sp-o-muted); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"]:not(:has(.ld-rate:not([hidden]), .tag-catch-weight)) .line-detail .ld-hint { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .pack-unverified { outline: none; border-style: dashed !important; border-color: var(--sp-o-field-edge); } .ilc-legend { display: none; } :is(#view-entry.ivr, #edit-modal) .ilc-legend:has(~ :is(#lines, .mi-lines, #edit-lines, .ei-lines) .pack-unverified) { display: block; margin: 0 0 4px; padding: 0 12px; font-size: 12px; color: var(--sp-o-muted); } #view-entry.ivr #purchase-form.multi-mode .ilc-legend.single-only { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag { order: 1; display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; margin: 0; font-size: 13px; line-height: 1.4; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag[hidden] { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag[data-tone="problem"] .ilc-flag-text { color: var(--sp-problem); font-weight: 500; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag[data-tone="look"] .ilc-flag-text { color: var(--sp-l-c-835609); font-weight: 500; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag[data-tone="note"] .ilc-flag-text, :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag .ilc-flag-kept { color: var(--sp-o-muted); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag > .ilc-flag-more { flex: 0 0 auto; min-height: 26px; padding: 0 10px; font-size: 12px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag > .ilc-flag-says { flex: 0 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 899px) { :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag { flex-wrap: wrap; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc:not(.ilc-shut) > .ilc-flag > .ilc-flag-more { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag > .ilc-flag-says { white-space: normal; } } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-open > .ilc-flag > .ilc-flag-more { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .ilc-in-summary { display: none !important; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-review.ilc-in-summary:has(.line-review-ok) { display: flex !important; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-review.ilc-in-summary:has(.line-review-ok) .line-review-text { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-needs-review="1"][data-needs-review-reasons*='"weight_mismatch"'] .line-weight, :is(#view-entry.ivr, #edit-modal) .line-row.ilc .ld-weight:has(> .ld-weight-flag:not([hidden])) .line-weight, :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-weight.weight-mismatch, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-needs-review="1"]:is([data-needs-review-reasons*='"uom_rejected"'], [data-needs-review-reasons*='"uom_not_purchasing_unit"'], [data-needs-review-reasons*='"pack_uom_conflict"']) .line-unittype, :is(#view-entry.ivr, #edit-modal) .line-row.ilc .ld-qty:has(> .ld-unit-note:not([hidden])) .line-unittype, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-needs-review="1"]:not([data-pack-kept]):is([data-needs-review-reasons*='"pack_not_printed"'], [data-needs-review-reasons*='"unit_price_mismatch"']) .line-pack, :is(#view-entry.ivr, #edit-modal) .line-row.ilc .ld-pack:has(> .ld-pack-legacy:not([hidden])) .line-pack, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-price-verdict^="flagged"] .line-amt, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-needs-review="1"]:not([data-pack-kept]):is([data-needs-review-reasons*='"base_unit_rejected"'], [data-needs-review-reasons*='"base_qty_orphaned"'], [data-needs-review-reasons*='"beverage_weight_unit"']) .ld-size > .ld-fuse, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-needs-review="1"]:is([data-needs-review-reasons*='"category_missing"'], [data-needs-review-reasons*='"category_low_confidence"'], [data-needs-review-reasons*='"suspect_category_landing"']) > .line-cat, :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-needs-review="1"]:is([data-needs-review-reasons*='"sign_flipped"'], [data-needs-review-reasons*='"tax_inflated"'], [data-needs-review-reasons*='"inline_discount_mismatch"']) .line-amt { outline: 2px solid var(--sp-problem); outline-offset: 1px; background: var(--sp-o-card); font-weight: 400; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc :is(.line-review, .ld-weight-flag, .ld-source-warn, .ld-unit-note, .ld-price-flag, .ld-pack-legacy) { margin: 4px 0 0; padding: 0; width: auto; max-width: none; background: transparent; border: none; border-radius: 0; color: var(--sp-problem); font-size: 13px; line-height: 1.4; font-weight: 500; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-review .line-review-flag { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-review .line-review-text { color: var(--sp-problem); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc :is(.ld-pack-note, .ld-source-note:not(.ld-source-warn), .ld-code-ask, .line-overhead) { margin: 4px 0 0; max-width: none; font-size: 12px; line-height: 1.4; color: var(--sp-o-muted); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > :is(.ld-printed, .ld-discount):not([hidden]) { display: flex; align-items: baseline; gap: 6px; font-size: 12px; color: var(--sp-o-faint); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > :is(.ld-printed, .ld-discount) .ld-lab { font-size: 12px; color: var(--sp-o-faint); text-transform: none; letter-spacing: normal; opacity: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > :is(.ld-printed, .ld-discount) :is(.ld-printed-val, .ld-discount-val) { font-family: var(--sp-font-num); color: var(--sp-o-muted); } @media (min-width: 900px) { :is(#view-entry.ivr, #edit-modal) :is(.line-row.ilc, .ilc-head) { grid-template-columns: minmax(150px, 1fr) 64px 80px minmax(76px, 118px) 104px minmax(130px, 190px) 86px 34px; column-gap: 6px; row-gap: 6px; } :is(#view-entry.ivr, #edit-modal) :is(#lines, .mi-lines, #edit-lines, .ei-lines):has(> .line-row > .line-state) > .line-row.ilc, :is(#view-entry.ivr, #edit-modal) .ilc-head:has(+ :is(#lines, .mi-lines, #edit-lines, .ei-lines) > .line-row > .line-state) { grid-template-columns: minmax(150px, 1fr) 64px 80px minmax(76px, 118px) 104px minmax(130px, 190px) 92px 86px 34px; } :is(#view-entry.ivr, #edit-modal) .ilc-head { display: grid; align-items: end; padding: 0 11px 3px; font-size: 12px; font-weight: 600; color: var(--sp-o-ink-2); } :is(#view-entry.ivr, #edit-modal) .ilc-head:has(+ :empty) { display: none; } #view-entry.ivr #purchase-form.multi-mode .ilc-head.single-only { display: none; } :is(#view-entry.ivr, #edit-modal) .ilc-head > span:nth-child(5) { text-align: right; padding-right: 8px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc { padding: 3px 10px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-desc { grid-column: 1; grid-row: 1; font-size: 14px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-pack { display: block; grid-column: 4; grid-row: 1; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0 8px; font-family: var(--sp-font-num); color: var(--sp-o-ink); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind]:not([data-line-kind="goods"]) > .ilc-pack { visibility: hidden; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .amt-cell { grid-column: 5; grid-row: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-cat { grid-column: 6; grid-row: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-state { grid-column: -4 / -3; grid-row: 1; padding: 0 6px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-toggle { grid-column: -3 / -2; grid-row: 1; padding: 0 6px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .line-del { grid-column: -2 / -1; grid-row: 1; padding: 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc[data-line-kind] :is(.line-desc, .line-cat, .ilc-toggle, .ilc-pack, .line-state, .line-del, .amt-cell input, .line-detail input, .line-detail select, .line-common, .ld-rate-val, .ld-pack-dash) { min-height: 32px; height: 32px; font-size: 13px; padding-top: 0; padding-bottom: 0; box-sizing: border-box; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc[data-line-kind] .amt-cell { min-height: 32px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > :is(.line-desc, .line-cat) { padding-left: 8px; padding-right: 6px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] > .line-detail { display: contents; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-qty > .ld-lab-split { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .line-qty { grid-column: 2; grid-row: 1; padding: 0 6px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .line-unittype { grid-column: 3; grid-row: 1; padding: 0 4px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-recipe { display: contents; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-recipe > .ilc-recipe-lab { grid-column: 1; grid-row: 2; align-self: end; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-recipe > .line-common { grid-column: 1; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-recipe > :not(.ilc-recipe-lab, .line-common) { grid-column: 1 / -1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail :is(.ld-pack, .ld-rate) > .ld-lab { grid-column: 2 / 4; grid-row: 2; align-self: end; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail :is(.ld-pack > :is(.line-pack, .ld-pack-dash), .ld-rate > .ld-rate-val) { grid-column: 2 / 4; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-lab { grid-column: 4 / 7; grid-row: 2; align-self: end; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse { grid-column: 4 / 7; grid-row: 3; flex-wrap: nowrap; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse > .line-baseqty { flex: 1 1 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-weight > .ld-lab { grid-column: 7 / -1; grid-row: 2; align-self: end; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-weight > .ld-fuse { grid-column: 7 / -1; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind]:not([data-line-kind="goods"]) > .line-detail { grid-column: 1 / -1; order: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc:is(.ilc-shut, :not(.ilc-open):not([data-flagged="1"]):not([data-needs-review="1"]):not(.placeholder-row):not(.line-target):not(:has(.line-review, .line-overhead, .weight-mismatch, .field-error, .ld-weight-flag:not([hidden]), .ld-source-warn:not([hidden]), .ld-unit-note:not([hidden]), .ld-price-flag:not([hidden]), .ld-pack-legacy:not([hidden]), .ld-code-ask:not([hidden]), .ld-rate:not([hidden]), .tag-catch-weight)):not([data-line-kind="goods"][data-common-base]:has(.line-common:placeholder-shown))) > :not(.line-desc, .line-cat, .amt-cell, .line-state, .line-del, .ilc-toggle, .ilc-pack, .line-detail, .ilc-flag), :is(#view-entry.ivr, #edit-modal) .line-row.ilc:is(.ilc-shut, :not(.ilc-open):not([data-flagged="1"]):not([data-needs-review="1"]):not(.placeholder-row):not(.line-target):not(:has(.line-review, .line-overhead, .weight-mismatch, .field-error, .ld-weight-flag:not([hidden]), .ld-source-warn:not([hidden]), .ld-unit-note:not([hidden]), .ld-price-flag:not([hidden]), .ld-pack-legacy:not([hidden]), .ld-code-ask:not([hidden]), .ld-rate:not([hidden]), .tag-catch-weight)):not([data-line-kind="goods"][data-common-base]:has(.line-common:placeholder-shown))) > .line-detail > :not(.ld-row), :is(#view-entry.ivr, #edit-modal) .line-row.ilc:is(.ilc-shut, :not(.ilc-open):not([data-flagged="1"]):not([data-needs-review="1"]):not(.placeholder-row):not(.line-target):not(:has(.line-review, .line-overhead, .weight-mismatch, .field-error, .ld-weight-flag:not([hidden]), .ld-source-warn:not([hidden]), .ld-unit-note:not([hidden]), .ld-price-flag:not([hidden]), .ld-pack-legacy:not([hidden]), .ld-code-ask:not([hidden]), .ld-rate:not([hidden]), .tag-catch-weight)):not([data-line-kind="goods"][data-common-base]:has(.line-common:placeholder-shown))) > .line-detail > .ld-row > :not(.ld-qty), :is(#view-entry.ivr, #edit-modal) .line-row.ilc:is(.ilc-shut, :not(.ilc-open):not([data-flagged="1"]):not([data-needs-review="1"]):not(.placeholder-row):not(.line-target):not(:has(.line-review, .line-overhead, .weight-mismatch, .field-error, .ld-weight-flag:not([hidden]), .ld-source-warn:not([hidden]), .ld-unit-note:not([hidden]), .ld-price-flag:not([hidden]), .ld-pack-legacy:not([hidden]), .ld-code-ask:not([hidden]), .ld-rate:not([hidden]), .tag-catch-weight)):not([data-line-kind="goods"][data-common-base]:has(.line-common:placeholder-shown))) > .line-detail > .ld-row > .ld-qty > .ld-unit-note, :is(#view-entry.ivr, #edit-modal) .line-row.ilc:is(.ilc-shut, :not(.ilc-open):not([data-flagged="1"]):not([data-needs-review="1"]):not(.placeholder-row):not(.line-target):not(:has(.line-review, .line-overhead, .weight-mismatch, .field-error, .ld-weight-flag:not([hidden]), .ld-source-warn:not([hidden]), .ld-unit-note:not([hidden]), .ld-price-flag:not([hidden]), .ld-pack-legacy:not([hidden]), .ld-code-ask:not([hidden]), .ld-rate:not([hidden]), .tag-catch-weight)):not([data-line-kind="goods"][data-common-base]:has(.line-common:placeholder-shown)))[data-line-kind]:not([data-line-kind="goods"]) > .line-detail { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-msg:not(.ilc-open):not(.placeholder-row):not(.line-target) > :not(.line-desc, .line-cat, .amt-cell, .line-state, .line-del, .ilc-toggle, .ilc-pack, .line-detail, .ilc-flag), :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-msg:not(.ilc-open):not(.placeholder-row):not(.line-target) > .line-detail > :not(.ld-row), :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-msg:not(.ilc-open):not(.placeholder-row):not(.line-target) > .line-detail > .ld-row > :not(.ld-qty), :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-msg:not(.ilc-open):not(.placeholder-row):not(.line-target) > .line-detail > .ld-row > .ld-qty > .ld-unit-note, :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-msg:not(.ilc-open):not(.placeholder-row):not(.line-target)[data-line-kind]:not([data-line-kind="goods"]) > .line-detail { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-msg:not(.ilc-open):not(.placeholder-row):not(.line-target) > .ilc-toggle::after { content: " ▸"; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag { padding: 0 2px 3px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"]:not(.ilc-shut):is(.ilc-open, .placeholder-row, .line-target, :not(.ilc-msg)) > .ilc-flag { grid-row: 4; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc.ilc[data-line-kind] > .ilc-pack { height: auto; min-height: 32px; padding-top: 4px; padding-bottom: 4px; line-height: 1.2; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; } .ivr .ivr-lines { padding-bottom: calc(var(--ivr-bill-h, 0px) + 12px); } html:has(> body #view-entry.ivr:not([hidden])) { scroll-padding-bottom: calc(var(--ivr-bill-h, 0px) + var(--pwa-bar-h, 0px)); } } @media (min-width: 900px) { :is(#view-entry.ivr, #edit-modal) :has(> :is(#lines, .mi-lines, #edit-lines, .ei-lines)) { container-type: inline-size; container-name: ilc; } } @media (min-width: 900px) { @container ilc (max-width: 900px) { :is(#view-entry.ivr, #edit-modal) :is(.line-row.ilc, .ilc-head) { grid-template-columns: minmax(80px, 2fr) 44px 60px minmax(56px, 84px) 96px minmax(64px, 1fr) 64px 28px; column-gap: 4px; } :is(#view-entry.ivr, #edit-modal) :is(#lines, .mi-lines, #edit-lines, .ei-lines):has(> .line-row > .line-state) > .line-row.ilc, :is(#view-entry.ivr, #edit-modal) .ilc-head:has(+ :is(#lines, .mi-lines, #edit-lines, .ei-lines) > .line-row > .line-state) { grid-template-columns: minmax(80px, 2fr) 44px 60px minmax(56px, 84px) 96px minmax(64px, 1fr) 58px 64px 28px; column-gap: 4px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc[data-line-kind] :is(.ilc-toggle, .line-state) { font-size: 12px; padding-left: 4px; padding-right: 4px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag > .ilc-flag-more { padding: 0 6px; } } } @media (min-width: 900px) { :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] { row-gap: 0; padding-bottom: 10px; background-image: linear-gradient(var(--sp-o-ink-2), var(--sp-o-ink-2)), linear-gradient(var(--sp-o-row-edge), var(--sp-o-row-edge)), linear-gradient(var(--sp-o-row-edge), var(--sp-o-row-edge)), linear-gradient(var(--sp-o-row-edge), var(--sp-o-row-edge)), linear-gradient(var(--sp-o-band), var(--sp-o-band)); background-repeat: no-repeat; background-position: 28px 41px, 28px 41px, 28px calc(100% - 4px), calc(100% - 10px) 41px, 28px 41px; background-size: 3px calc(100% - 45px), calc(100% - 38px) 1px, calc(100% - 38px) 1px, 1px calc(100% - 45px), calc(100% - 38px) calc(100% - 45px); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"]:nth-child(even) { background-image: linear-gradient(var(--sp-o-ink-2), var(--sp-o-ink-2)), linear-gradient(var(--sp-o-row-edge), var(--sp-o-row-edge)), linear-gradient(var(--sp-o-row-edge), var(--sp-o-row-edge)), linear-gradient(var(--sp-o-row-edge), var(--sp-o-row-edge)), linear-gradient(var(--sp-o-card), var(--sp-o-card)); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > .ilc-pack { visibility: hidden; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > .ilc-recipe > .ilc-recipe-lab { grid-column: 1 / 3; grid-row: 2; margin: 14px 0 0 32px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > .ilc-recipe > .line-common { grid-column: 1 / 3; grid-row: 3; margin-left: 32px; width: calc(100% - 40px); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail :is(.ld-pack, .ld-rate) > .ld-lab { grid-column: 3 / 5; grid-row: 2; margin-top: 14px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail :is(.ld-pack > :is(.line-pack, .ld-pack-dash), .ld-rate > .ld-rate-val) { grid-column: 3 / 5; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-size > .ld-lab { grid-column: 5 / 7; grid-row: 2; margin-top: 14px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse { grid-column: 5 / 7; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-weight > .ld-lab { grid-column: 7 / -1; grid-row: 2; margin: 14px 12px 0 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-weight > .ld-fuse { grid-column: 7 / -1; grid-row: 3; margin-right: 12px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > .ilc-flag { grid-row: 4; margin: 8px 12px 0 32px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-field > :not(.ld-lab, .ld-lab-split, .ld-fuse, .line-pack, .ld-pack-dash, .ld-rate-val, .ld-hint), :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail > :not(.ld-row), :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > .ilc-recipe > :not(.ilc-recipe-lab, .line-common), :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > :is(.ld-printed, .ld-discount, .line-review, .line-overhead) { margin-left: 32px; margin-right: 12px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > :is(.ld-printed, .ld-discount):not([hidden]) { margin-top: 6px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind]:not([data-line-kind="goods"]) > .line-detail { margin: 6px 0 4px 18px; padding: 8px 12px; background: var(--sp-o-band); border: 1px solid var(--sp-o-row-edge); border-left: 3px solid var(--sp-o-ink-2); border-radius: 8px; } } @media (min-width: 900px) { @container ilc (max-width: 900px) { :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .ilc-flag .ilc-flag-text { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > .ilc-recipe > .ilc-recipe-lab { grid-column: 1 / 4; grid-row: 2; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] > .ilc-recipe > .line-common { grid-column: 1 / 4; grid-row: 3; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail :is(.ld-pack, .ld-rate) > .ld-lab { grid-column: 4 / -1; grid-row: 2; margin-right: 12px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail :is(.ld-pack > :is(.line-pack, .ld-pack-dash), .ld-rate > .ld-rate-val) { grid-column: 4 / -1; grid-row: 3; margin-right: 12px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-size > .ld-lab { grid-column: 1 / 4; grid-row: 4; margin: 10px 0 0 32px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse { grid-column: 1 / 4; grid-row: 5; margin-left: 32px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-weight > .ld-lab { grid-column: 4 / -1; grid-row: 4; margin: 10px 12px 0 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-weight > .ld-fuse { grid-column: 4 / -1; grid-row: 5; margin-right: 12px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"]:not(.ilc-shut) > .ilc-flag { grid-row: 6; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-expanded[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse > .line-baseqty { flex: 2 1 0; } } } .ivr .ivr-dropwrap { display: none; } #view-entry.ivr #entry:has(#mode-manual[aria-pressed="true"]) .ivr-dropwrap { display: flex; flex-direction: column; gap: 4px; } .ivr .ivr-drop { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-height: 40px; box-sizing: border-box; padding: 6px 14px; border: 1px dashed var(--sp-o-field-edge); border-radius: var(--sp-radius); background: var(--sp-o-field); color: var(--sp-o-ink-2); font-size: 13px; cursor: pointer; } .ivr .ivr-drop[hidden] { display: none; } .ivr .ivr-drop.over, .ivr .ivr-drop:focus-visible { border-style: solid; border-color: var(--sp-o-ink); background: var(--sp-o-card); outline: none; } .ivr .ivr-drop-has { cursor: default; border-style: solid; } .ivr .ivr-drop-has > span { flex: 1 1 auto; min-width: 0; } .ivr .ivr-drop-has .act-btn { min-height: 30px; } .ivr .ivr-drop-msg { font-size: 13px; color: var(--sp-o-ink-2); } .ivr .ivr-drop-msg.bad { color: var(--sp-problem); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag .ilc-flag-mark { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag[data-need="1"] .ilc-flag-mark { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: var(--sp-problem); color: var(--sp-o-card); font-size: 11px; font-weight: 700; line-height: 1; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc > .ilc-flag .ilc-flag-full { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-open > .ilc-flag[data-need="1"] .ilc-flag-full { display: inline; color: var(--sp-problem); font-weight: 500; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-open > .ilc-flag[data-need="1"] .ilc-flag-text { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-open > .ilc-flag[data-need="1"] > .ilc-flag-says { white-space: normal; } @media (max-width: 899px) { :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open):not(.placeholder-row):not(.line-target) > :not(.line-desc, .line-cat, .amt-cell, .line-state, .line-del, .ilc-toggle, .ilc-flag) { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .ilc-flag > .ilc-flag-more { display: inline-flex; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .ilc-flag { flex-wrap: nowrap; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .ilc-flag > .ilc-flag-says { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 900px) and (max-width: 1399px) { .ivr:has(.ivr-status #scan-cancel:not([hidden])) #entry-takes { display: none; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) { position: relative; z-index: 2; justify-content: flex-end; padding: 0 4px 0 0; background: transparent; border-color: transparent; min-height: 30px; pointer-events: none; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) #scan-cancel { pointer-events: auto; min-height: 26px; height: 26px; padding: 0 10px; font-size: 12px; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) ~ #entry-upload-results:not([hidden]) { margin-top: -38px; margin-bottom: 0; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) ~ #entry-upload-results:not([hidden]) > .ur-card.ur-vision { display: flex; align-items: baseline; gap: 10px; min-height: 30px; box-sizing: border-box; padding: 4px 130px 4px 10px; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) ~ #entry-upload-results:not([hidden]) > .ur-card.ur-vision > .ur-meta { margin-top: 0; } #view-entry.ivr .entry-cols.scanning { position: relative; } #view-entry.ivr .entry-cols.scanning > .receipt-col.thumb:not([hidden]) { position: absolute; top: 0; right: 0; z-index: 1; width: 64px; height: 64px; padding: 2px; overflow: hidden; box-sizing: border-box; } #view-entry.ivr .entry-cols.scanning > .receipt-col.thumb > .receipt-head { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } #view-entry.ivr .entry-cols.scanning > .receipt-col.thumb .receipt-view img { max-height: 58px; max-width: 58px; width: auto; display: block; margin: auto; } #view-entry.ivr .entry-cols.scanning .ivr-main { padding-right: 82px; } #view-entry.ivr .entry-cols.scanning .ivr-main .form-grid > label:has(> select[name="vendor_id"]) { flex-basis: 170px; } #view-entry.ivr .entry-cols.scanning .ivr-main .form-grid > label:has(> input[name="invoice_num"]) { flex-basis: 90px; } #view-entry.ivr .entry-cols.scanning .ivr-main .form-grid > label:has(> select[name="payment_type"]) { flex-basis: 110px; } #view-entry.ivr .entry-cols.scanning .ivr-main .form-grid > label:has(> input[name="date"]) { flex-basis: 140px; } #view-entry.ivr .entry-cols.scanning .lines-head.single-only { padding-top: 1px; padding-bottom: 1px; margin-bottom: 2px; } #view-entry.ivr .entry-cols.scanning .lines-head.single-only #scan-line-hint { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } #view-entry.ivr .entry-cols.scanning .ilc-legend.single-only { margin: 0 0 2px; font-size: 11px; line-height: 1.3; } } @media (min-width: 900px) { :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .ilc-flag { grid-row: 1; grid-column: 1; justify-self: end; align-self: center; order: 0; z-index: 1; margin: 0 4px 0 0; padding: 0 6px; gap: 5px; font-size: 12px; line-height: 20px; cursor: pointer; background: var(--sp-o-card); border-radius: 10px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .ilc-flag > .ilc-flag-more { display: none; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .ilc-flag .ilc-flag-mark { width: 14px; height: 14px; font-size: 10px; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc.ilc-need:not(.ilc-open) > .line-desc { padding-right: 160px; } } @media (min-width: 900px) and (max-width: 1399px) { #view-entry.ivr .entry-cols.scanning .ivr-main #vendor-hint:has(> .vh-ok) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; } #view-entry.ivr .entry-cols.scanning .lines-head.single-only > button { min-height: 24px; height: 24px; } } @media (min-width: 900px) and (max-width: 1399px) { #view-entry.ivr .entry-cols.scanning .ivr-main #vendor-hint:has(> .vh-ok) { display: block; margin-top: 2px; line-height: 16px; } #view-entry.ivr .entry-cols.scanning .ivr-main.ivr-card { padding-top: 6px; padding-bottom: 6px; } #view-entry.ivr .entry-cols.scanning .ivr-lines.ivr-card { padding-top: 6px; } } @media (min-width: 900px) and (max-width: 1399px) { .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) { min-height: 26px; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) #scan-cancel { min-height: 22px; height: 22px; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) ~ #entry-upload-results:not([hidden]) { margin-top: -34px; } .ivr .ivr-status:has(#scan-status:empty):has(#scan-pages[hidden]):has(#scan-slow[hidden]):has(#scan-cancel:not([hidden])) ~ #entry-upload-results:not([hidden]) > .ur-card.ur-vision { min-height: 26px; padding-top: 2px; padding-bottom: 2px; } } @media (min-width: 900px) and (max-width: 1399px) { #view-entry.ivr .entry-cols.scanning .ivr-main .form-grid:has(#vendor-hint:not([hidden]) > .vh-label) { position: relative; margin-bottom: 22px; } #view-entry.ivr .entry-cols.scanning .ivr-main #vendor-hint:not([hidden]):has(> .vh-label) { position: absolute; left: 0; right: 0; top: 100%; margin-top: 2px; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; gap: 6px; line-height: 18px; } #view-entry.ivr .entry-cols.scanning .ivr-main #vendor-hint:has(> .vh-label) .vh-chip { padding: 0 8px; line-height: 16px; flex: none; } } .line-detail .ld-sbw-msg { font-size: 12px; margin-top: 4px; line-height: 1.4; } .line-detail .ld-sbw-msg.bad { color: var(--sp-problem); } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse { flex-wrap: wrap; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse > .line-basetype { flex: 1 0 auto; width: auto; min-width: 6em; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .ld-size > .ld-fuse > .line-baseunit { flex: 1 0 auto; width: auto; min-width: 4.5em; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-detail input[type="number"]::-webkit-inner-spin-button, :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-detail input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc .line-detail input[type="number"] { -moz-appearance: textfield; appearance: textfield; } :is(#view-entry.ivr, #edit-modal) .line-row.ilc[data-line-kind="goods"] .line-detail .line-baseqty { min-width: 64px; flex: 0 0 64px; padding-left: 8px; padding-right: 8px; } body.lines-filling #view-entry .line-row, body.lines-filling #edit-modal .line-row { visibility: hidden !important; } #lines-filling-say:not(:empty) { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 60; padding: 10px 16px; border-radius: 8px; font-size: 14px; background: var(--sp-o-card); border: 1px solid var(--sp-o-field-edge); }