.content { max-width: none; width: 100%; }
.prod-table [data-prod-action="nature"] { margin-left: 8px; }
.dashboard-filters.audit-filter-grid { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.dashboard-filters.audit-filter-grid > .field { flex: 0 0 160px; min-width: 0; order: 1; }
.dashboard-filters.audit-filter-grid > .field:has([data-audit-filter=keyword]) { flex-basis: 360px; order: 0; }
.dashboard-filters.audit-filter-grid > .filter-query { flex: 0 0 auto; width: auto; order: 2; }
.form-grid:has(> .field #real-delivery-customer) { grid-template-columns: minmax(240px, 2fr) minmax(160px, 1fr) minmax(130px, .8fr) minmax(180px, 1fr); }
#real-delivery-lines > tr > td { vertical-align: top; }
#real-delivery-lines input, #real-delivery-lines select { min-height: 40px; box-sizing: border-box; margin-top: 0; }
#real-delivery-lines [data-real-amount], #real-delivery-lines [data-real-remove] { display: inline-block; line-height: 40px; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--brand, #14b8a6); }
.production-role-section { padding: 18px 20px; border-top: 1px solid var(--line, #e7e5e4); }
.production-role-section h4 { margin: 0 0 10px; font-size: 14px; }
.production-role-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px 16px; margin-bottom: 8px; }
.role-permission-group { padding: 16px 20px; }
.role-permission-group + .role-permission-group { border-top: 1px solid var(--line, #e7e5e4); }
.role-permission-group h4 { margin: 0 0 8px; font-size: 14px; }
.role-permission-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px 16px; }
.role-permission-options .rejection-option { margin: 0; }
.panel:has(> .role-permission-group) { container-type: inline-size; }
@container (min-width: 1000px) {
  .role-permission-options { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.dashboard-filters:has([data-customer-filter]) { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.dashboard-filters:has([data-customer-filter]) > .field { flex: 0 0 180px; min-width: 0; }
.dashboard-filters:has([data-customer-filter]) > .field:has([data-customer-filter=query]) { flex-basis: 360px; }
.product-information-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.product-information-filters > .field { flex: 0 0 160px; min-width: 0; }
.product-information-filters > .field:first-child { flex-basis: 360px; }
@media(min-width: 721px) and (max-width: 980px) {
  .form-grid:has(> .field #real-delivery-customer) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.order-header-grid > .field:has(#real-order-delivery-address) { grid-column: 2 / -1; }
@media(min-width:1001px){
 .order-header-grid:has(#real-order-delivery-mode)>.field:has(#real-order-delivery-address){grid-column:2;grid-row:2}
 .order-header-grid:has(#real-order-delivery-mode)>.field:has(#real-order-delivery-mode){grid-column:3;grid-row:2}
 .order-header-grid:has(#real-order-delivery-mode)>.field{align-content:start}
 .order-header-grid:has(#real-order-delivery-mode) input,.order-header-grid:has(#real-order-delivery-mode) select{height:38px;min-height:38px;box-sizing:border-box;font-size:13px;line-height:20px;padding:6px 8px}
}
.order-header-grid [data-delivery-date-field][hidden]{display:none!important}
.order-header-grid [data-delivery-date-field]{margin-top:4px;width:100%;min-width:0}
.order-header-grid .sales-delivery-controls{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px}
.order-header-grid .sales-delivery-controls [data-delivery-date-field]{margin-top:0;width:100%;min-width:0}
.order-header-grid .sales-delivery-controls select{width:100%;min-width:0}
@media(min-width:1001px){
 .order-entry .order-header-grid:has(.sales-delivery-controls){grid-template-columns:130px minmax(0,1.4fr) minmax(215px,1fr)!important}
}
.reconciliation-filter-grid { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.reconciliation-filter-grid > .field { flex: 0 0 180px; min-width: 0; max-width: 100%; }
.reconciliation-filter-grid > .field:has([data-overview-filter=customerQuery], #real-reconciliation-customer-search) { flex-basis: 360px; order: -3; }
.reconciliation-filter-grid > .field:has([data-overview-filter=productQuery], [data-overview-filter=specificationQuery]) { flex-basis: 240px; order: -2; }
.reconciliation-filter-grid > .field:has(input[readonly]) { flex-basis: 320px; }
.reconciliation-filter-grid > .reconciliation-overview-actions { flex: 0 0 auto; }
.reconciliation-overview-actions .filter-query { flex: 0 0 auto !important; }
.reconciliation-filter-help { flex: 0 0 100%; margin-top: 0; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 12px; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field { flex: 1 1 120px; min-width: 0; max-width: 100%; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field:has([data-analytics-customer-combobox]) { flex: 2 1 240px; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field:has(input[type=month]) { flex: 1 1 160px; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field[hidden] { display: none; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .filter-query { width: auto; flex: 0 0 auto; order: 3; }
@media (max-width: 1280px) {
  .dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) { flex-wrap: wrap; }
  .dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field { flex-basis: 150px; }
  .dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field:has([data-analytics-customer-combobox]) { flex-basis: 240px; }
}
.action-attention, .sales-order-table .link-button[data-action="price"] { display: inline-block; margin-top: 5px; padding: 4px 9px; border: 1px solid #f6c577; border-radius: 5px; background: #fff4df; color: #9a4800; font-weight: 600; line-height: 20px; white-space: nowrap; }
.action-attention:hover, .sales-order-table .link-button[data-action="price"]:hover { background: #ffe6b3; border-color: #dc970f; color: #783900; }
.action-attention:focus-visible, .sales-order-table .link-button[data-action="price"]:focus-visible { outline: 2px solid #9a4800; outline-offset: 2px; }
.button.filter-query, .button.filter-reset { min-height: 40px; padding: 9px 16px; border-radius: 7px; font-size: 13px; line-height: 20px; white-space: nowrap; flex: 0 0 auto; }
.button.filter-query { background: var(--ink, #1c1917); border: 1px solid var(--ink, #1c1917); color: #fff; }
.button.filter-query:hover { background: #292524; border-color: #292524; color: #fff; }
.button.filter-reset { background: #fff; border: 1px solid var(--line, #e7e5e4); color: var(--muted, #57534e); }
.button.filter-reset:hover { background: var(--hover, #f5f5f4); color: var(--ink, #1c1917); }
.actions:has(> .filter-query), .prod-actions:has(> .filter-query), div:has(> .filter-query):has(> .filter-reset) { gap: 8px !important; align-items: center; }
.sales-order-table { min-width: 1140px; table-layout: auto; }
.sales-order-table th:nth-child(n) { width: auto; }
.sales-order-table th:nth-child(1), .sales-order-table td.sales-order-number { min-width: 180px; white-space: nowrap; }
.sales-order-table th:nth-child(2), .sales-order-table td.sales-customer-cell { min-width: 170px; max-width: 260px; word-break: normal; }
.sales-order-table th:nth-child(3), .sales-order-table td.sales-date-cell { min-width: 116px; white-space: nowrap; }
.sales-order-table th:nth-child(4) { min-width: 260px; }

.sales-order-table .order-quantity-cell, .sales-order-table .sales-price-cell { white-space: nowrap; }
.sales-order-table .sales-actions-cell { min-width: 135px; }
.customer-reference { white-space: normal; overflow-wrap: anywhere; max-width: 250px; }

.reconciliation-purchase-number { text-align:center; vertical-align:middle; white-space:normal; overflow-wrap:anywhere; }
.table-wrap .reconciliation-purchase-number { min-width:120px; max-width:200px; }
.table-wrap table.reconciliation-with-purchase-number th:first-child,
.table-wrap table.reconciliation-with-purchase-number td:first-child { white-space:nowrap; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th,
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number td { text-align:center; vertical-align:middle; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number td:first-child { white-space:nowrap; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(1) { width:10%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(2) { width:13%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(3) { width:20%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(4) { width:13%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(5) { width:5%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(6) { width:7%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(7) { width:7%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(8) { width:11%; }
.a4-sheet.reconciliation-print.reconciliation-with-purchase-number th:nth-child(9) { width:14%; }
.rejection-option { display: flex; align-items: center; gap: 8px; min-height: 38px; cursor: pointer; }
.rejection-option input[type=checkbox] { width: 16px; height: 16px; margin: 0; flex: 0 0 16px; padding: 0; }
.dashboard-filters:has([data-sales-filter]), .dashboard-filters:has([data-approval-filter]), .dashboard-filters:has([data-delivery-filter]) { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.dashboard-filters:has([data-sales-filter]) > .field, .dashboard-filters:has([data-approval-filter]) > .field, .dashboard-filters:has([data-delivery-filter]) > .field { flex: 0 1 180px; min-width: 150px; margin: 0; }
.dashboard-filters > .field:has([data-sales-filter=query]), .dashboard-filters > .field:has([data-approval-filter=query]), .dashboard-filters > .field:has([data-delivery-filter=query]) { order: -1; flex: 0 1 360px; }
.dashboard-filters > .field:has(input[type=date]) { order: 2; }
.dashboard-filters > .field:has([data-sales-filter=status]), .dashboard-filters > .field:has([data-approval-filter=status]) { order: 3; }
.dashboard-filters:has([data-sales-filter]) > .actions, .dashboard-filters:has([data-approval-filter]) > .actions, .dashboard-filters:has([data-delivery-filter]) > .actions, .dashboard-filters:has([data-delivery-filter]) > button { order: 4; flex: 0 0 auto; }
.dashboard-filters:has([data-sales-filter]) input, .dashboard-filters:has([data-sales-filter]) select, .dashboard-filters:has([data-approval-filter]) input, .dashboard-filters:has([data-approval-filter]) select, .dashboard-filters:has([data-delivery-filter]) input, .dashboard-filters:has([data-delivery-filter]) select { min-height: 40px; width: 100%; }
.document-pagination { display: flex; gap: 12px; align-items: center; justify-content: flex-end; padding: 16px; flex-wrap: wrap; border-top: 1px solid #eee; }
.document-pagination > span:first-child { margin-right: auto; }
.document-pagination select { width: auto; padding: 6px 10px; }
.document-tabs { display: flex; gap: 8px; margin-top: 20px; }
.panel[hidden] { display: none; }
.prod-dialog { width: min(1120px, 96vw); }
.prod-dialog:has(select[name="nature"]) { width: min(560px, 94vw); }
.prod-dialog:has(select[name="nature"]) .prod-field + .prod-field { margin-top: 14px; }
.prod-dialog header button { flex-shrink: 0; white-space: nowrap; }
.dashboard-filters > .field:has([data-sales-filter=startDate]), .dashboard-filters > .field:has([data-sales-filter=endDate]), .dashboard-filters > .field:has([data-approval-filter=startDate]), .dashboard-filters > .field:has([data-approval-filter=endDate]), .dashboard-filters > .field:has([data-delivery-filter=startDate]), .dashboard-filters > .field:has([data-delivery-filter=endDate]) { flex-basis: 160px; }
.dashboard-filters > .field:has([data-sales-filter=status]), .dashboard-filters > .field:has([data-approval-filter=status]) { flex-basis: 140px; min-width: 120px; }
.dashboard-filters:has([data-sales-filter], [data-approval-filter], [data-delivery-filter]) > .field:has([data-analytics-customer-combobox]) { flex: 0 0 360px; min-width: 0; max-width: 100%; }
.analytics-customer-options .analytics-customer-option { white-space: normal; overflow-wrap: anywhere; text-overflow: clip; height: auto; }
.prod-form-section { padding: 18px; border: 1px solid #e2e8f0; border-radius: 10px; margin-bottom: 16px; }
.prod-form-section h4 { margin: 0 0 16px; font-size: 16px; }
.prod-form-section[hidden] { display: none; }
.prod-span-two { grid-column: span 2; }
.prod-calculation-panel { background: #f4f8f7; border-radius: 8px; padding: 12px; }
.prod-output-control { display: flex; justify-content: space-between; gap: 8px; color: #667085; font-size: 12px; }
.prod-common-filters { align-items: flex-end; background: white; padding: 18px; border: 1px solid #e2e8f0; border-radius: 10px; }
.work-order-filters { position: relative; z-index: 20; overflow: visible; }
.prod-common-filters > .prod-field { flex: 0 1 180px; }
.prod-common-filters > .prod-query { flex: 0 1 360px; }
.prod-common-filters > .prod-field:has([data-customer-picker-scope="production"]) { flex: 0 0 360px; min-width: 0; max-width: 100%; }
.prod-common-filters input { max-width: none; min-height: 40px; }
.prod-common-filters select { min-height: 40px; }
.table-wrap:has([data-action=ship]) table, .table-wrap:has([data-review-order]) table, .table-wrap:has([data-action=delivery-detail]) table { min-width: 1050px; }
.table-wrap:has([data-action=ship]) td:nth-child(1), .table-wrap:has([data-action=ship]) td:nth-child(3), .table-wrap:has([data-review-order]) td:nth-child(1), .table-wrap:has([data-review-order]) td:nth-child(3) { white-space: nowrap; min-width: 116px; }
@media(max-width: 720px) {
  .form-grid:has(> .field #real-delivery-customer) { grid-template-columns: 1fr; }
  .order-header-grid > .field:has(#real-order-delivery-address) { grid-column: 1 / -1; }
}
@media(max-width: 680px) {
  .dashboard-filters:has([data-customer-filter]) > .field, .product-information-filters > .field { flex: 1 1 100%; }
  .dashboard-filters.audit-filter-grid > .field { flex: 1 1 100%; }
  .order-header-grid > .field:has(#real-order-delivery-address) { grid-column: 1 / -1; }
  .reconciliation-filter-grid > .field { flex: 1 1 100%; }
  .dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field { flex: 1 1 100%; }
  .prod-grid { grid-template-columns: 1fr; }
  .prod-span-two { grid-column: auto; }
  .prod-common-filters > .prod-field { flex: 1 1 100%; }
  .prod-common-filters > .prod-field:has([data-customer-picker-scope="production"]), .dashboard-filters:has([data-sales-filter], [data-approval-filter], [data-delivery-filter]) > .field:has([data-analytics-customer-combobox]) { flex: 1 1 100%; }
  .prod-form-section { padding: 12px; }
  .dashboard-filters:has([data-sales-filter]) > .field, .dashboard-filters:has([data-approval-filter]) > .field, .dashboard-filters:has([data-delivery-filter]) > .field { flex: 1 1 100%; }
  .document-pagination { gap: 8px; padding: 12px; }
}
@media(max-width: 430px) {
  .document-pagination:has([data-product-dashboard-page]) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; justify-items: center; }
  .document-pagination:has([data-product-dashboard-page]) > span:first-child { grid-column: 1; margin-right: 0; justify-self: start; }
  .document-pagination:has([data-product-dashboard-page]) > label { grid-column: 2 / 4; justify-self: end; }
  .document-pagination:has([data-product-dashboard-page]) > [data-product-dashboard-page="-1"] { grid-column: 1; }
  .document-pagination:has([data-product-dashboard-page]) > span:nth-of-type(2) { grid-column: 2; }
  .document-pagination:has([data-product-dashboard-page]) > [data-product-dashboard-page="1"] { grid-column: 3; }
}

/* Compact maintenance forms share the existing dialog and filter styling. */
.prod-dialog:has([name="sortOrder"]) { width:min(760px,94vw); }
.prod-dialog.die-editor { width:min(960px,94vw); }
.die-register-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.die-register-toolbar input { width:320px; max-width:100%; }
.die-register-table { overflow:auto; max-height:55vh; }
.die-register-table table { min-width:1700px; }
.die-register-table td { max-width:260px; white-space:normal; overflow-wrap:anywhere; }
.die-register-pagination { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:16px; }

.die-register-toolbar input { height:40px; padding:8px 12px; border:1px solid #cbd5e1; border-radius:6px; font:inherit; box-sizing:border-box; }
.die-register-table th:last-child, .die-register-table td:last-child { position:sticky; right:0; min-width:64px; background:#fff; box-shadow:-1px 0 #e5e7eb; }
.die-register-table th:last-child { background:#f5f5f5; }

.prod-dialog .die-delete { margin-right:auto; color:#b42318; border-color:#f4b4ae; background:#fff5f4; }

.prod-dialog .machine-delete { color:#b42318; border-color:#f4b4ae; background:#fff5f4; }

/* Avoid unnoticed thousandth-step changes in all numeric business fields. */
input[type="number"] { appearance:textfield; -moz-appearance:textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; appearance:none; margin:0; }
.prod-prepare-dialog .prod-body { padding: 12px 16px; }
.prod-prepare-dialog .prod-form-section { padding: 12px; margin-bottom: 10px; }
.prod-prepare-dialog .prod-form-section h4 { margin-bottom: 8px; font-size: 14px; }
.prod-prepare-dialog .prod-grid { gap: 8px 12px; }
.prod-prepare-dialog .prod-parameter-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.prod-prepare-dialog .prod-field { gap: 4px; }
.prod-prepare-dialog .prod-field input,.prod-prepare-dialog .prod-field select { padding: 6px 8px; min-height: 34px; }
.prod-prepare-dialog .prod-field textarea { min-height: 42px; height: 42px; }
.prod-prepare-dialog .prod-toolbar { margin: 6px 0; }
.prod-prepare-dialog .prod-selected { margin: 6px 0 10px; padding: 6px 8px; font-size: 12px; }
.prod-prepare-dialog .prod-dies:empty { display: none; }
.prod-prepare-dialog .prod-order-summary .prod-grid { grid-template-columns: 1fr 1.3fr 1fr; align-items: start; }
.prod-prepare-dialog .prod-sub { margin-top: 0; line-height: 1.4; }
.prod-prepare-dialog .prod-output-control { flex-wrap: wrap; gap: 2px; font-size: 11px; }
.prod-prepare-dialog .prod-calculation-panel { padding: 8px; }
.outbound-detail-row > td { vertical-align: middle; padding-top: 14px; padding-bottom: 14px; height: 72px; box-sizing: border-box; line-height: 1.5; }
@media(max-width:1000px) { .prod-prepare-dialog .prod-parameter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .prod-prepare-dialog .prod-parameter-grid,.prod-prepare-dialog .prod-order-summary .prod-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .prod-prepare-dialog .prod-body { padding: 8px; } }
.prod-order-facts { display:flex; flex-wrap:wrap; gap:6px 20px; font-size:13px; margin-bottom:10px; overflow-wrap:anywhere; }
.prod-summary-inputs { display:grid; grid-template-columns:1.5fr 1fr; gap:12px; }
.prod-artwork-inline { display:flex; align-items:center; gap:8px; min-width:0; }
.prod-artwork-inline input { min-width:0; }
@media(max-width:600px) { .prod-summary-inputs { grid-template-columns:1fr; } }
.prod-factor-help { grid-column: span 2; align-self: center; }
.prod-prepare-dialog .prod-notes-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media(max-width:600px) { .prod-prepare-dialog .prod-notes-grid { grid-template-columns:1fr; } .prod-factor-help { grid-column:1/-1; } }

.price-range{display:flex;align-items:center;gap:8px}.price-range input{min-width:0;width:110px}.unit-price-filter{order:2;flex:0 1 260px}

.order-edit-header,.order-edit-reason{margin:16px 0}.batch-order-line{margin:16px 0}.batch-order-line h3{margin:0}.batch-order-line .form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.batch-order-line textarea{width:100%;box-sizing:border-box}.batch-order-line .field{min-width:0}.batch-order-line input{min-width:0;width:100%}@media(max-width:800px){.batch-order-line .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.batch-order-line .form-grid{grid-template-columns:minmax(0,1fr)}.batch-order-line .span-2{grid-column:auto}}

/* Keep editable line controls independent of neighbouring specification height. */
.batch-order-line .field{align-content:start}.batch-order-line input,.batch-order-line select{height:42px;min-height:42px;box-sizing:border-box}.batch-order-line .catalog-search{min-width:0}.batch-order-line .catalog-results{z-index:30}

.batch-order-line .order-specification-grid>label{display:grid;grid-template-rows:20px 42px;line-height:20px;gap:0}
@media(min-width:801px){.batch-order-line .panel-body:has([data-spec-part])>.field>input[data-batch-field="quantity"],.batch-order-line .panel-body:has([data-spec-part])>.field>input[data-batch-field="unitPrice"]{margin-top:20px}}

.dashboard-filters.order-progress-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.dashboard-filters.order-progress-filters>.field{flex:1 1 0;min-width:0;order:0}
.dashboard-filters.order-progress-filters>.field:has([data-progress-filter="query"]){flex:2 1 260px}
.dashboard-filters.order-progress-filters>.field:has([data-customer-picker-scope="order-progress"]){flex:1.7 1 250px;min-width:240px}
.dashboard-filters.order-progress-filters>.field:has([data-progress-filter="phase"]){flex:0 0 110px}
.dashboard-filters.order-progress-filters>.field:has([data-progress-filter="mode"]){flex:0 0 130px}
.order-progress-filter-tail{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.order-progress-filter-tail>.field{flex:0 0 146px;min-width:146px}
.order-progress-filter-tail>.actions{flex:0 0 auto}
.dashboard-filters.order-progress-filters>.field[hidden]{display:none}
.dashboard-filters.order-progress-filters>.actions{flex:0 0 auto;order:0}
@media(max-width:1280px){.dashboard-filters.order-progress-filters{flex-wrap:wrap}.dashboard-filters.order-progress-filters>.field{flex:1 1 170px}.dashboard-filters.order-progress-filters>.field:has([data-progress-filter="query"]),.dashboard-filters.order-progress-filters>.field:has([data-customer-picker-scope="order-progress"]){flex:1 1 240px}}
@media(max-width:680px){.dashboard-filters.order-progress-filters>.field{min-width:100%}}

/* Keep each product, quantity and price on the same physical detail row. */
.order-quantity-cell{text-align:center;vertical-align:middle;white-space:nowrap}
.order-quantity-main{font-weight:600;line-height:1.6}
.order-quantity-sub{font-size:12px;color:#697b86;line-height:1.7}
.order-quantity-sub strong,.order-quantity-remaining{color:#087f79;font-weight:600}
.sales-order-table .sales-product-cell{min-width:260px;white-space:normal}
.sales-order-table .sales-price-cell{text-align:center;vertical-align:middle}
.sales-order-table tr[data-sales-line]>td{vertical-align:middle;text-align:center}
body table.sales-order-table{table-layout:auto;min-width:1280px}
body table.sales-order-table th:nth-child(n){width:auto}
body table.sales-order-table .order-quantity-cell{min-width:210px}
body table.sales-order-table .sales-price-cell{min-width:100px}
.order-review-table { table-layout: fixed; }
.order-review-table th:nth-child(1) { width: 16%; }
.order-review-table th:nth-child(2) { width: 11%; }
.order-review-table th:nth-child(3) { width: 17%; }
.order-review-table th:nth-child(4) { width: 19%; }
.order-review-table th:nth-child(5) { width: 12%; }
.order-review-table th:nth-child(6) { width: 9%; }
.order-review-table th:nth-child(7) { width: 8%; }
.order-review-table th:nth-child(8) { width: 8%; }
.order-review-table :is(th, td) { padding: 12px 10px; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.order-review-material { line-height: 1.6; }
.order-review-legacy { margin-top: 6px; line-height: 1.6; }
.order-review-legacy strong { font-size: inherit; font-weight: 600; }
.order-review-missing, .order-review-legacy { color: var(--muted); }

/* Delivered rows retain their parent document while exposing each saved price. */
body table.delivery-line-table{width:100%;min-width:0;table-layout:fixed}
.delivery-line-table .delivery-col-source{width:19%}.delivery-line-table .delivery-col-date{width:10%}.delivery-line-table .delivery-col-product{width:23%}.delivery-line-table .delivery-col-quantity{width:13%}.delivery-line-table .delivery-col-price{width:9%}.delivery-line-table .delivery-col-amount{width:10%}.delivery-line-table .delivery-col-status{width:7%}.delivery-line-table .delivery-col-actions{width:9%}
.delivery-line-table :is(th,td){text-align:center;vertical-align:middle;font-size:12px;padding:10px 6px;white-space:normal;overflow-wrap:anywhere}
.delivery-line-table .link-button{font-size:inherit;white-space:normal;overflow-wrap:anywhere;max-width:100%;text-align:center}
.delivery-line-table :is(.field-hint,.text-muted){font-size:inherit;margin-top:3px;line-height:1.4}
.delivery-line-table [data-delivery-field="source"]>.link-button{font-weight:600}
.delivery-line-table [data-delivery-field="date"]{white-space:nowrap}

body table.order-progress-table{width:100%;min-width:0;table-layout:fixed}
.order-progress-table :is(th,td){text-align:center;vertical-align:middle;font-size:12px;padding:10px 6px;overflow-wrap:anywhere}
.order-progress-table :is(th,td):first-child{width:8%;white-space:nowrap}
.order-progress-table :is(th,td):nth-child(2){width:16%}
.order-progress-table :is(th,td):nth-child(3){width:15%}
.order-progress-table :is(th,td):nth-child(4){width:10%;white-space:nowrap}
.order-progress-table :is(th,td):nth-child(5){width:18%}
.order-progress-table :is(th,td):nth-child(6){width:12%}
.order-progress-table :is(th,td):nth-child(7){width:11%}
.order-progress-table :is(th,td):nth-child(8){width:10%}
.order-progress-table .link-button{font-size:inherit;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.order-progress-flow.order-progress-phase-flow{grid-template-columns:repeat(3,minmax(0,1fr))}

@media screen and (min-width:1001px){
 .dashboard-filters,.product-information-filters,.reconciliation-filter-grid{gap:8px 10px}
 .dashboard-filters:has([data-sales-filter],[data-approval-filter],[data-delivery-filter])>.field{flex:1 1 135px;min-width:120px}
 .dashboard-filters>.field:has([data-sales-filter=query],[data-approval-filter=query],[data-delivery-filter=query]){flex:1.5 1 240px}
 .dashboard-filters>.field:has([data-analytics-customer-combobox]){flex:1.5 1 240px!important;min-width:180px}
 .dashboard-filters>.field:has(input[type=date]){flex:0 0 142px!important;min-width:142px}
 .dashboard-filters>.field:has([data-sales-filter=status],[data-approval-filter=status]){flex:0 0 120px;min-width:120px}
 .dashboard-filters:has([data-sales-filter],[data-approval-filter],[data-delivery-filter]) :is(input,select){min-height:34px}
 .button.filter-query,.button.filter-reset{min-height:34px;padding:6px 12px}
 .dashboard-filters.audit-filter-grid{gap:8px 10px}
 .dashboard-filters.audit-filter-grid>.field{flex-basis:145px}
 .dashboard-filters.audit-filter-grid>.field:has([data-audit-filter=keyword]){flex-basis:300px}
 .dashboard-filters:has([data-customer-filter])>.field{flex-basis:155px}
 .dashboard-filters:has([data-customer-filter])>.field:has([data-customer-filter=query]){flex-basis:280px}
 .product-information-filters>.field{flex-basis:145px}.product-information-filters>.field:first-child{flex-basis:280px}
 .reconciliation-filter-grid>.field{flex-basis:155px}
 .reconciliation-filter-grid>.field:has([data-overview-filter=customerQuery],#real-reconciliation-customer-search){flex-basis:280px}
 .reconciliation-filter-grid>.field:has([data-overview-filter=productQuery],[data-overview-filter=specificationQuery]){flex-basis:200px}
 body table.sales-order-table,body table.sales-order-table:has([data-information-status]){table-layout:fixed;min-width:0}
 body table.sales-order-table :is(th,td){min-width:0!important;max-width:none;overflow-wrap:anywhere}
 body table.sales-order-table th:nth-child(1){width:14%}body table.sales-order-table th:nth-child(2){width:15%}body table.sales-order-table th:nth-child(3){width:10%}body table.sales-order-table th:nth-child(4){width:19%}body table.sales-order-table th:nth-child(5){width:11%}body table.sales-order-table th:nth-child(6){width:10%}body table.sales-order-table th:nth-child(7){width:8%}body table.sales-order-table th:nth-child(8){width:13%}
 body table.sales-order-table:has([data-information-status]) th:nth-child(1){width:17%}body table.sales-order-table:has([data-information-status]) th:nth-child(2){width:11%}body table.sales-order-table:has([data-information-status]) th:nth-child(3){width:9%}body table.sales-order-table:has([data-information-status]) th:nth-child(4){width:15%}body table.sales-order-table:has([data-information-status]) th:nth-child(5){width:14%}body table.sales-order-table:has([data-information-status]) th:nth-child(6){width:9%}body table.sales-order-table:has([data-information-status]) th:nth-child(7){width:9%}body table.sales-order-table:has([data-information-status]) th:nth-child(8){width:6%}body table.sales-order-table:has([data-information-status]) th:nth-child(9){width:10%}
 body table.sales-order-table td:first-child,body table.sales-order-table td.sales-order-number{white-space:normal}
 body table.sales-order-table .sales-actions-cell>.ui-row-actions{min-width:0}
 body table.sales-order-table td{padding:8px 6px}
 body table.sales-order-table .order-quantity-cell{white-space:normal}
 body table.sales-order-table .sales-customer-cell{word-break:normal}
 body table.sales-order-table .sales-price-cell,body table.sales-order-table .sales-price-cell .field-hint{white-space:normal;overflow-wrap:anywhere}
 body .outbound-detail-row>td{height:auto;padding-top:8px;padding-bottom:8px}
 .table-wrap:has([data-action=ship]) table,.table-wrap:has([data-review-order]) table{min-width:0;table-layout:fixed}
 .table-wrap:has([data-action=ship]) td:nth-child(1),.table-wrap:has([data-action=ship]) td:nth-child(3),.table-wrap:has([data-review-order]) td:nth-child(1),.table-wrap:has([data-review-order]) td:nth-child(3){min-width:0;white-space:normal;overflow-wrap:anywhere}
 .prod-common-filters{padding:10px 12px}
 .prod-common-filters :is(input,select){min-height:34px}
 .prod-common-filters>.prod-field{flex:1 1 135px;min-width:120px}
 .prod-common-filters>.prod-query,.prod-common-filters>.prod-field:has([data-customer-picker-scope="production"]){flex:1.4 1 205px}
 .prod-common-filters>.prod-field:has(input[type=date]){flex:0 0 142px;min-width:142px}
 .reconciliation-filter-grid>.reconciliation-overview-actions{flex:0 0 176px}
 .reconciliation-overview-actions>div{flex-wrap:nowrap!important}
 .purchase-receipt-table{min-width:0}
 .purchase-receipt-table :is(th,td){padding:8px 6px}
 .prod-form-section{padding:12px;margin-bottom:10px}
 .prod-form-section h4{margin-bottom:8px}
 .panel:has([data-action="edit-customer"]) table{table-layout:fixed}
 .panel:has([data-action="edit-customer"]) table th:nth-child(1){width:8%}
 .panel:has([data-action="edit-customer"]) table th:nth-child(2){width:24%}
 .panel:has([data-action="edit-customer"]) table th:nth-child(3){width:12%}
 .panel:has([data-action="edit-customer"]) table th:nth-child(4){width:12%}
 .panel:has([data-action="edit-customer"]) table th:nth-child(5){width:10%}
 .panel:has([data-action="edit-customer"]) table th:nth-child(6){width:10%}
 .panel:has([data-action="edit-customer"]) table th:nth-child(7){width:8%}
 .panel:has([data-action="edit-customer"]) table th:nth-child(8){width:16%}
 .panel:has([data-action="edit-customer"]) table td{overflow-wrap:anywhere}
 .panel:has([data-action="edit-customer"]) table td:has(.badge){white-space:nowrap}
}