.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; }
.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: wrap; align-items: flex-end; gap: 12px; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field { flex: 0 0 160px; min-width: 0; max-width: 100%; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field:has([data-analytics-customer-combobox]) { flex-basis: 360px; }
.dashboard-filters:has(#dashboard-mode, #product-dashboard-mode) > .field:has(input[type=month]) { flex-basis: 180px; }
.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; }
.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:nth-child(1) { min-width: 180px; white-space: nowrap; }
.sales-order-table th:nth-child(2), .sales-order-table td:nth-child(2) { min-width: 170px; max-width: 260px; word-break: normal; }
.sales-order-table th:nth-child(3), .sales-order-table td:nth-child(3) { min-width: 116px; white-space: nowrap; }
.sales-order-table th:nth-child(4) { min-width: 260px; }
.sales-order-table td:nth-child(4) > div + div { margin-top: 10px; }
.sales-order-table td:nth-child(5), .sales-order-table td:nth-child(6) { white-space: nowrap; }
.sales-order-table td:last-child { min-width: 135px; }
.customer-reference { white-space: normal; overflow-wrap: anywhere; max-width: 250px; }
.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; }
.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-prod-customer-search]) { 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-prod-customer-search]), .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; }
}

/* 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; } }
.sales-order-table th:nth-child(5),.sales-order-table td:nth-child(5){text-align:center;vertical-align:middle}.sales-order-table td:nth-child(5)>.sales-line-value{display:flex;align-items:center;justify-content:center;padding:0;min-height:42px}.sales-order-table td:nth-child(5)>.sales-line-value:only-child{min-height:0}.sales-order-table td:nth-child(5)>.sales-line-value+.sales-line-value{margin-top:10px}