/* Production workspace only; product setup and inventory calculations stay shared. */
#finishedProductView .finished-product-table tbody td {
  padding: 8px 10px;
  font-weight: 400;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #ededf0;
}
#finishedProductView .finished-product-entry-row.finished-product-date-group-start > td {
  border-top: 2px solid #c9c9ce !important;
  padding-top: 8px;
}
#finishedProductView .finished-product-table td.finished-product-date-cell { color: #62626b; font-size: 12px; }
#finishedProductView .finished-product-table tbody td strong { font-weight: 400; }
#finishedProductView .finished-product-table .finished-product-remaining strong { color: var(--ink, #1d1d1f); }
#finishedProductView .finished-product-table .finished-product-remaining.negative strong { color: #b42318; }
#finishedProductProductsPanel .finished-product-products-panel { background: transparent; border: 0; padding: 0; box-shadow: none; }
#finishedProductProductsPanel #productForm {
  display: grid;
  grid-template-columns: minmax(120px, .8fr) minmax(200px, 2fr) repeat(2, minmax(140px, 1fr));
  gap: 12px;
  max-width: 1000px;
  padding: 16px;
  margin: 0 0 16px;
  background: #fafafa;
  border: 0;
  border-radius: 8px;
  box-sizing: border-box;
}
#finishedProductProductsPanel #productForm label { display: grid; gap: 5px; min-width: 0; margin: 0; }
#finishedProductProductsPanel #productForm label > span { font-size: 12px; font-weight: 400; line-height: 1.7; color: #62626b; }
#finishedProductProductsPanel #productForm input { width: 100%; min-width: 0; min-height: 44px; height: 44px; font-size: 13px; box-sizing: border-box; }
#finishedProductProductsPanel .product-entry-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
#finishedProductProductsPanel .product-entry-actions button { min-height: 44px; min-width: 100px; margin: 0; }
#finishedProductProductsPanel #productSubmitBtn { order: 2; }
#finishedProductProductsPanel #cancelProductEditBtn.hidden { display: none !important; }
#finishedProductProductsPanel .product-form-status:empty { display: none; }
#finishedProductProductsPanel .finished-product-catalog-filters { align-items: end; padding: 0 0 12px; margin: 0; }
#finishedProductProductsPanel #productCatalogStatus { min-width: 140px; height: 44px; }
#finishedProductProductsPanel .finished-product-catalog-table { min-width: 920px; }
#finishedProductProductsPanel .finished-product-catalog-table th:nth-child(2) { width: 100px; }
#finishedProductProductsPanel .finished-product-catalog-table th:nth-child(3),
#finishedProductProductsPanel .finished-product-catalog-table th:nth-child(5) { width: 160px; }
#finishedProductProductsPanel .finished-product-catalog-table th:nth-child(4) { width: 110px; }
#finishedProductProductsPanel .finished-product-catalog-table .catalog-actions-column,
#finishedProductProductsPanel .finished-product-catalog-table .catalog-row-actions { width: 152px; box-sizing: border-box; }
#finishedProductProductsPanel .finished-product-catalog-table .row-actions { display: flex; gap: 8px; min-width: 0; justify-content: flex-end; }
#finishedProductProductsPanel .finished-product-catalog-table .edit-button { flex: 0 0 40px; width: 40px; min-width: 40px; height: 44px; }
#finishedProductProductsPanel .product-archive-button { flex: 0 0 78px; width: 78px; padding: 8px; }
#finishedProductProductsPanel .finished-product-catalog-table td:first-child { overflow-wrap: anywhere; }
@media (max-width: 1050px) {
  #finishedProductProductsPanel #productForm { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  #finishedProductProductsPanel #productForm { grid-template-columns: minmax(0, 1fr); }
}
#finishedProductView .finished-product-catalog-filters { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
#finishedProductView .finished-product-catalog-filters label { display: grid; gap: 4px; min-width: 0; }
#finishedProductView .finished-product-catalog-filters label:first-child { flex: 1 1 220px; max-width: 360px; }
#finishedProductView .finished-product-catalog-filters input,
#finishedProductView .finished-product-catalog-filters select { width: 100%; min-height: 44px; box-sizing: border-box; font-size: 13px; }
#finishedProductView .finished-product-catalog-filters span { font-size: 12px; font-weight: 400; color: #62626b; }
#finishedProductView .stock-product-meta,
#finishedProductView .product-archived-label { display: block; color: #71717a; font-size: 11px; font-weight: 400; }
#finishedProductView #finishedProductCombinedNote { font-size: 11px; color: #62626b; margin: 8px 0 0; }
#finishedProductView #finishedProductCombinedNote[hidden] { display: none; }
#finishedProductView .finished-product-packing-ratio { font-size: 11px; color: #62626b; }
#finishedProductView .finished-product-packing-ratio:empty { display: none; }
#finishedProductView .product-archive-button { min-height: 44px; padding: 8px 12px; font-size: 12px; }
#finishedProductView .finished-product-summary-card {
  min-height: 94px;
  grid-template-rows: auto minmax(30px, auto) auto;
  padding: 10px 12px !important;
}
#finishedProductView .finished-product-summary-card > strong { font-size: 21px; }
#finishedProductView .finished-product-summary-units { justify-content: flex-start; }
#finishedProductView .finished-product-stock-details { margin: 10px 0 16px; }
#finishedProductView .finished-stock-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 8px; border-bottom: 1px solid #dedee2; padding-bottom: 6px; }
#finishedProductView .finished-stock-tools { display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
#finishedProductView #finishedProductStockSearch { width: 260px; max-width: calc(100vw - 140px); min-width: 0; height: 40px; font-size: 13px; background: #fff; }
#finishedProductView #finishedStockTools[hidden],
#finishedProductView #finishedProductStockSearch[hidden],
#finishedProductView #finishedProductDashboard[hidden] { display: none !important; }
#finishedProductView .finished-stock-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  min-height: 44px;
  box-sizing: border-box;
  padding: 8px 4px;
  color: #1d1d1f;
  background: transparent;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
}
#finishedProductView .finished-stock-toggle::after {
  content: '';
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  margin-left: auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 160ms ease;
}
#finishedProductView .finished-stock-toggle[aria-expanded="true"]::after { transform: rotate(225deg); }
#finishedProductView .finished-stock-toggle:hover { background: #e8eff4; }
#finishedProductView .finished-stock-toggle:focus-visible { outline: 2px solid #2878f5; outline-offset: 2px; }
#finishedProductView .finished-product-stock-table-wrap { overflow-x: auto; margin-bottom: 12px; }
#finishedProductView .finished-stock-table { width: 100%; min-width: 760px; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
#finishedProductView .finished-stock-table th,
#finishedProductView .finished-stock-table td { padding: 8px 12px; border: 0; border-bottom: 1px solid #e5e5e8; text-align: right; white-space: nowrap; }
#finishedProductView .finished-stock-table th:first-child { width: 34%; text-align: left; }
#finishedProductView .finished-stock-table thead th { background: #f5f5f6; color: #62626b; font-weight: 500; }
#finishedProductView .finished-stock-table tbody th,
#finishedProductView .finished-stock-table tbody td { background: #fff; color: #1d1d1f; font-weight: 400; vertical-align: middle; padding: 6px 12px; }
#finishedProductView .finished-stock-table tbody th { white-space: normal; overflow-wrap: anywhere; }
#finishedProductView .finished-stock-table .stock-quantity { display: inline-grid; width: 100%; max-width: 240px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: baseline; }
#finishedProductView .finished-stock-table .stock-quantity > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
#finishedProductView .finished-stock-table .stock-quantity small { color: #71717a; font-size: 10px; margin-left: 4px; }
#finishedProductView .finished-stock-table button { min-height: 32px; padding: 4px 0; background: transparent; border: 0; box-shadow: none; color: #1d1d1f; text-align: left; font-size: 13px; font-weight: 500; white-space: normal; }
#finishedProductView .finished-stock-table button[aria-pressed="true"] { color: #2168cb; text-decoration: underline; }
#finishedProductView .finished-stock-table tbody tr:hover > * { background: #f7f7f8; }
#finishedProductView .finished-stock-table tbody td.negative { color: #b42318; }
@media (any-pointer: coarse) {
  #finishedProductView .finished-stock-table button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  #finishedProductView .finished-stock-toggle::after { transition: none; }
}
#finishedProductView .finished-product-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px; align-items: start; }
#finishedProductView .finished-product-layout.entry-open { grid-template-columns: minmax(0, 1fr) 340px !important; }
#finishedProductView .finished-product-table-panel { padding: 0; background: transparent; border: 0; }
#finishedProductView .finished-product-table-panel > .panel-head { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
#finishedProductView #newFinishedProductEntry { min-height: 44px; padding: 8px 14px; font-size: 13px; }
#finishedProductView #finishedProductEntryPanel { padding: 16px; margin: 0; background: #fafafa; border: 0; border-radius: 8px; box-shadow: none; }
#finishedProductView #finishedProductEntryPanel[hidden] { display: none !important; }
#finishedProductView #finishedProductEntryPanel > .panel-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid #dedee2; }
#finishedProductView #finishedProductEntryPanel .eyebrow { display: none; }
#finishedProductView #finishedProductFormTitle { font-size: 17px; line-height: 1.7; }
#finishedProductView #closeFinishedProductEntry { width: 32px; height: 32px; min-height: 32px; flex: 0 0 32px; padding: 0; display: grid; place-items: center; }
#finishedProductView #closeFinishedProductEntry::before { content: none; }
#finishedProductView #closeFinishedProductEntry svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
#finishedProductView #finishedProductForm { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 0; border: 0; background: transparent; }
#finishedProductView #finishedProductForm label { min-width: 0; margin: 0; }
#finishedProductView #finishedProductForm label > span { font-size: 12px; font-weight: 400; line-height: 1.7; color: #62626b; }
#finishedProductView #finishedProductForm input,
#finishedProductView #finishedProductForm select,
#finishedProductView #finishedProductForm textarea { box-sizing: border-box; min-width: 0; width: 100%; font-size: 13px; }
#finishedProductView #finishedProductForm input,
#finishedProductView #finishedProductForm select { height: 44px; min-height: 44px; }
#finishedProductView #finishedProductForm textarea { min-height: 58px; height: 58px; resize: vertical; }
#finishedProductView .finished-product-quantity-lines { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#finishedProductView #finishedProductForm .form-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding-top: 12px; border-top: 1px solid #dedee2; }
#finishedProductView #finishedProductForm .form-actions button { min-height: 44px; margin: 0; font-size: 12px; }
#finishedProductView #finishedProductSubmit { order: 2; }
#finishedProductView #cancelFinishedProductEdit.hidden { display: none !important; }
@media (max-width: 1050px) {
  #finishedProductView .finished-product-layout.entry-open { grid-template-columns: minmax(0, 1fr) !important; }
  #finishedProductView #finishedProductEntryPanel { order: -1; }
}
@media (any-pointer: coarse) {
  #finishedProductView #closeFinishedProductEntry { width: 44px; height: 44px; min-height: 44px; flex-basis: 44px; }
}