.parts-quantity-triplet {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 4px;
  width: 100%;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.parts-quantity-triplet > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.parts-quantity-in { color: #327048; }
.parts-quantity-out { color: #a33228; }
#partsTable thead th:nth-child(6) { text-align: center; }
#partsTable:not(.parts-has-pending) .parts-quantity-triplet { grid-template-columns: minmax(0, 1fr); }
#partsTable:not(.parts-has-pending) .parts-quantity-triplet :is(.parts-quantity-in, .parts-quantity-out) { display: none; }
#partsExitModal .exit-paid-row { grid-column: 1 / -1; padding-block: 4px; }
#partsExitModal.exit-workspace #partsExitClientNotes,
#partsTransferModal.transfer-workspace #partsTransferNotes {
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #7b8796 transparent;
  resize: none !important;
}
@media (min-width: 1201px) {
  #partsTable:not(.parts-has-pending) :is(thead, tbody) tr {
    grid-template-columns: minmax(0, .45fr) minmax(0, 1fr) minmax(0, 2.6fr) minmax(0, 1.2fr) minmax(0, .4fr) minmax(80px, .75fr) repeat(2, minmax(0, 1.2fr)) minmax(0, .6fr) repeat(2, minmax(0, 1.2fr));
  }
  #partsTable.parts-has-pending :is(thead, tbody) tr {
    grid-template-columns: minmax(0, .45fr) minmax(0, 1fr) minmax(0, 2.6fr) minmax(0, 1.2fr) minmax(0, .4fr) minmax(105px, 1.2fr) repeat(2, minmax(0, 1.2fr)) minmax(0, .6fr) repeat(2, minmax(0, 1.2fr));
  }
}
#partsTable col.parts-col-qty { width: 80px; }
#partsTable.parts-has-pending col.parts-col-qty { width: 115px; }

/* Stacked stock panels own their forms; no viewport overlay in the narrow layout. */
@media (max-width: 1200px) {
  #tab-parts > .parts-control-panel:has(> .parts-inline-workspace:not(.hidden)) {
    padding-bottom: 0;
    overflow: hidden;
    grid-template-rows: auto auto;
  }
  #tab-parts > .parts-control-panel:has(> .parts-inline-workspace:not(.hidden)) > #partsEntriesView {
    display: none;
  }
  #tab-parts .parts-inline-workspace.modal {
    position: relative !important;
    inset: auto !important;
    width: calc(100% + 2 * var(--chrome-inline-padding, 9px)) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 calc(-1 * var(--chrome-inline-padding, 9px)) !important;
    z-index: auto;
    overflow: visible !important;
  }
  #tab-parts .parts-inline-workspace.modal > .modal-card {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-rows: auto auto !important;
    border-inline: 0 !important;
    border-bottom: 0 !important;
    overflow: visible !important;
  }
  #tab-parts .parts-inline-workspace.modal :is(.entry-body, .exit-body, .transfer-body, .history-body) {
    height: auto;
    max-height: none;
    overflow: visible;
    scrollbar-gutter: auto;
  }
  #tab-parts .parts-inline-workspace.modal :is(.entry-footer, .exit-footer, .transfer-footer, .history-footer) {
    position: static;
  }
  #tab-parts .parts-inline-workspace:is(.entry-workspace, .exit-workspace, .transfer-workspace, .history-workspace) .estimate-select-display {
    display: block;
    line-height: calc(var(--icon-button-size) - 2px) !important;
  }
  #tab-parts .parts-inline-workspace:is(.entry-workspace, .exit-workspace, .transfer-workspace, .history-workspace) .estimate-select-display::after {
    border: 0;
    transform: none;
  }
  #tab-parts .parts-inline-workspace.modal .history-table-scroll,
  #tab-parts .parts-inline-workspace.modal .parts-config-list-wrap {
    max-height: 360px;
    overflow: auto;
    overscroll-behavior: auto;
  }
  #tab-parts :is(.parts-action-group-main, .parts-toolbar) {
    min-width: 0;
  }
  #tab-parts :is(.parts-action-search, .parts-product-filter, .parts-search-field, .parts-gestiune-label) {
    max-width: 100%;
    min-width: 0;
  }
  #tab-parts .parts-search-field input { min-width: 0; max-width: 100%; }
}