/* Shared screen controls, based on the purchase-invoice review. Document print styles stay independent. */
@media screen {
  :root #content :is(.process-book-tabs,.folder-tabs,.folder-tab-group,.tabs,.segmented:has([data-order-category],[data-finished-warehouse-type],[data-material-register-kind])) {
    display: flex; flex-wrap: wrap; align-items: stretch; gap: 4px 12px;
    padding: 0; margin: 0 0 8px; border: 0; border-bottom: 1px solid #d4dfe7;
    border-radius: 0; background: transparent; box-shadow: none; max-width: 100%;
  }
  :root #content :is(.process-book-tabs,.folder-tabs,.folder-tab-group,.tabs,.segmented:has([data-order-category],[data-finished-warehouse-type],[data-material-register-kind])) > button {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    flex: 0 1 auto; min-width: 0; max-width: 100%; min-height: 32px; height: auto;
    margin: 0; padding: 5px 10px; border: 0; border-bottom: 2px solid transparent;
    border-radius: 0; background: transparent; color: #526779; box-shadow: none;
    font-size: 13px; font-weight: 500; line-height: 20px; white-space: normal; overflow-wrap: anywhere;
  }
  :root #content :is(.process-book-tabs,.folder-tabs,.folder-tab-group,.tabs,.segmented:has([data-order-category],[data-finished-warehouse-type],[data-material-register-kind])) > button.active {
    color: #174e78; border-bottom-color: #245b85; background: transparent; font-weight: 600;
  }
  :root #content :is(.process-book-tabs,.folder-tabs,.folder-tab-group,.tabs,.segmented:has([data-order-category],[data-finished-warehouse-type],[data-material-register-kind])) > button:hover { background: #edf3f7; }
  :root #content :is(.process-book-tabs,.folder-tabs,.folder-tab-group,.tabs,.segmented:has([data-order-category],[data-finished-warehouse-type],[data-material-register-kind])) > button:focus-visible { outline: 2px solid #245b85; outline-offset: -2px; }
}
@media screen {
  #modal .modal-card:has(.purchase-item-picker) { width: min(1320px, calc(100vw - 24px)); }
  #modalForm.purchase-item-picker > .field { margin: 0; padding: 12px 16px; }
  #modalForm.purchase-item-picker table { table-layout: fixed; width: 1160px; }
  #modalForm.purchase-item-picker th:first-child { width: 48px; }
  #modalForm.purchase-item-picker th:nth-child(2) { width: 260px; }
  #modalForm.purchase-item-picker th:nth-child(3) { width: 64px; }
  #modalForm.purchase-item-picker :is(th,td) { white-space: normal; overflow-wrap: anywhere; }
  #modalForm.purchase-item-picker input[type=number] { width: 100%; min-width: 0; }
  #modalForm.purchase-item-picker input[type=checkbox] { width: 16px; height: 16px; min-height: 16px; padding: 0; }
  :root {
    --control-border: #aebfcd;
    --control-primary: #1e527d;
    --control-ink: #243746;
    --control-focus: #24649a;
    --table-heading: #cbdbe8;
    --table-heading-ink: #203e56;
    --control-radius: 4px;
    --dialog-surface: #f3f6f8;
  }

  :is(#content, #modal, .import-review-dialog) table thead th {
    background-color: var(--table-heading);
    color: var(--table-heading-ink);
    border-color: #afc2d2;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
  }
  :is(#content, #modal, .import-review-dialog) table {
    font-variant-numeric: tabular-nums;
  }
  #content .table-scroll td > .data-value {
    display: block;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .invoice-filter-popup .form-actions button,
  #modal .form-actions button:not(.primary):not(.danger) {
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid var(--control-border);
    border-radius: var(--control-radius);
    background: #fff;
    color: #234864;
    font: inherit;
    line-height: 20px;
  }
  .invoice-filter-popup .form-actions [data-apply] {
    background: var(--control-primary);
    border-color: var(--control-primary);
    color: #fff;
  }
  .invoice-filter-popup button:focus-visible {
    outline: 2px solid var(--control-focus);
    outline-offset: 2px;
  }
  :is(#content, #modal, .import-review-dialog) :is(.table-scroll, .wide-table-wrap, .report-table-wrap) {
    max-width: 100%;
    min-width: 0;
    overscroll-behavior-x: contain;
  }

  :is(#content, #modal, .import-review-dialog) :is(button.primary, button.secondary, button.danger, button.mini):not(.login-stage button) {
    box-sizing: border-box;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid var(--control-border);
    border-radius: var(--control-radius);
    font-family: inherit;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    box-shadow: none;
    overflow-wrap: anywhere;
  }
  :is(#content, #modal, .import-review-dialog) button.primary:not(.login-stage button) {
    background: var(--control-primary);
    border-color: var(--control-primary);
    color: #fff;
  }
  :is(#content, #modal, .import-review-dialog) :is(button.secondary, button.mini):not(.login-stage button) {
    background: #fff;
    color: #234864;
  }
  :is(#content, #modal, .import-review-dialog) button.danger {
    background: #fff7f6;
    border-color: #d69b96;
    color: #a32d2d;
  }
  :is(#content, #modal, .import-review-dialog) button.primary:enabled:hover { background: #174363; }
  :is(#content, #modal, .import-review-dialog) :is(button.secondary, button.mini):enabled:hover { background: #eaf1f6; }
  :is(#content, #modal, .import-review-dialog) button.danger:enabled:hover { background: #fcebea; }
  :is(#content, #modal, .import-review-dialog) button:disabled { opacity: .55; cursor: not-allowed; }
  :is(#content, #modal, .import-review-dialog) :is(button, input, select, textarea, summary, a):focus-visible {
    outline: 2px solid var(--control-focus);
    outline-offset: 2px;
  }

  #modal .modal-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: calc(100dvh - 32px);
    border: 1px solid var(--control-border);
    border-radius: 6px;
    color: var(--control-ink);
  }
  #modal .modal-head, .import-review-dialog > h3 {
    flex: 0 0 auto;
    margin: 0;
    padding: 12px 16px;
    background: var(--dialog-surface);
    color: var(--control-ink);
    border-bottom: 1px solid #cbd7e0;
  }
  #modal .modal-head h2, .import-review-dialog > h3 {
    color: var(--control-ink);
    font-size: 16px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  #modal .modal-head .icon-button {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--control-border);
    border-radius: var(--control-radius);
    background: #fff;
    color: var(--control-ink);
  }
  #modalForm {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scroll-padding-block: 12px 90px;
  }
  #modalForm .field { min-width: 0; overflow-wrap: anywhere; }
  #modalForm .field :is(input, select, textarea) { min-width: 0; max-width: 100%; box-sizing: border-box; }
  #content [data-readiness-version] { min-width: 0; max-width: 100%; width: min(620px, 100%); box-sizing: border-box; min-height: 32px; }
  #content[data-rendered-module="businessReadyOrders"] .action-row { flex-wrap: wrap; min-width: 0; }
  #content[data-rendered-module="businessReadyOrders"] :is([data-import-readiness], [data-readiness-clear], [data-readiness-page]) {
    min-height: 32px; padding: 5px 10px; border: 1px solid var(--control-border); border-radius: 4px; background: #fff; color: #234864; font: inherit;
  }
  #content[data-rendered-module="businessReadyOrders"] [data-import-readiness] { background: var(--control-primary); color: #fff; }
  #content[data-rendered-module="businessReadyOrders"] .table-scroll table { table-layout: fixed; width: 2600px; }
  #content[data-rendered-module="businessReadyOrders"] th { width: 140px; white-space: normal; }
  #content[data-rendered-module="businessReadyOrders"] th:first-child { width: 60px; }
  #content[data-rendered-module="businessReadyOrders"] th:is(:nth-child(4), :nth-child(8), :last-child) { width: 280px; }
  #content[data-rendered-module="businessReadyOrders"] td, #content[data-rendered-module="businessReadyOrders"] td > span { white-space: normal; overflow-wrap: anywhere; }
  #content[data-rendered-module="businessReadyOrders"] [data-readiness-ddd] { box-sizing: border-box; width: 100%; min-width: 0; }
  @media (max-width: 1100px) {
    #content .insole-table-controls { flex-wrap: wrap; overflow: visible; }
    #content .insole-table-controls .insole-bulk-toolbar { flex-wrap: wrap; flex-shrink: 1; width: 100%; margin-left: 0; white-space: normal; }
    #content .insole-table-controls .insole-bulk-toolbar :is(button, label) { height: auto; white-space: normal; }
  }
  #modalForm > .form-actions, .import-review-dialog > .form-actions {
    position: sticky;
    bottom: 0;
    z-index: 6;
    margin: 0;
    padding: 12px 16px;
    gap: 8px;
    background: var(--dialog-surface);
    border-top: 1px solid #cbd7e0;
  }
  @media (max-width: 600px) {
    #modalForm .meta-table, #modalForm .meta-table tbody, #modalForm .meta-table tr { display: block; width: 100%; }
    #modalForm .meta-table :is(th, td) { display: block; box-sizing: border-box; width: 100%; min-width: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; }
    #modalForm .meta-table :is(input, select, textarea) { min-width: 0; max-width: 100%; box-sizing: border-box; }
    #modalForm.form-grid { grid-template-columns: minmax(0, 1fr); }
    #modalForm.form-grid > .field { grid-column: 1 / -1; }
    #modal { padding: 8px; }
    #modal .modal-card { max-height: calc(100dvh - 16px); }
    #modal .modal-head, .import-review-dialog > h3 { padding: 10px 12px; }
    #modalForm > .form-actions, .import-review-dialog > .form-actions { padding: 10px; }
    :is(#modal, .import-review-dialog) .form-actions > button { min-height: 40px; white-space: normal; }
  }
}
.insole-material-picker {
  display: inline-grid;
  position: relative;
  width: 220px;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 220px;
}
.insole-material-picker > select {
  grid-area: 1 / 1;
  width: 100%;
  min-width: 0;
}
.insole-material-picker > select option { color: #183b56; background: white; }
.insole-material-picker-label {
  grid-area: 1 / 1;
  align-self: stretch;
  display: flex;
  align-items: center;
  margin: 2px 25px 2px 2px;
  padding: 0 0 0 8px;
  background: white;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  z-index: 1;
}
.order-line-table table { table-layout: fixed; min-width: 1920px; }
.order-line-table th, .order-line-table td { width: 130px; vertical-align: top; }
.order-line-table th:nth-child(3), .order-line-table td:nth-child(3),
.order-line-table th:nth-child(6), .order-line-table td:nth-child(6) { width: 260px; }
.order-line-table .insole-text-preview { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lot-allocation-panel > .panel-head { flex-wrap: wrap; gap: 8px; }
.lot-allocation-panel .action-row { flex-wrap: wrap; min-width: 0; }
.allocation-source-note { margin: 8px 12px; overflow-wrap: anywhere; color: #526779; font-size: 12px; }
:root #content .lot-allocation-panel table { table-layout: fixed; width: 100%; min-width: 960px; }
:root #content .lot-allocation-panel :is(th,td) { position: static; width: auto; min-width: 0; max-width: none; white-space: normal; overflow-wrap: anywhere; vertical-align: top; padding: 6px 8px; }
:root #content .lot-allocation-panel th:first-child { width: 150px; }
:root #content .lot-allocation-panel th:last-child { width: 180px; }
:root #content .lot-exceptions table { min-width: 700px; }
:root #content .lot-exceptions th:nth-child(1) { width: 5%; }
:root #content .lot-exceptions th:nth-child(2) { width: 23%; }
:root #content .lot-exceptions th:nth-child(3) { width: 13%; }
:root #content .lot-exceptions th:nth-child(4) { width: 12%; }
:root #content .lot-exceptions th:nth-child(5) { width: 23%; }
:root #content .lot-exceptions th:nth-child(6), :root #content .lot-exceptions th:nth-child(7) { width: 12%; }
:root #content .lot-exceptions td:is(:nth-child(4),:nth-child(6),:nth-child(7)) { text-align: right; font-variant-numeric: tabular-nums; }
.lot-exceptions .table-scroll { max-height: 420px; overflow: auto; }
:root #content .lot-exceptions table:has(th:only-child) { min-width: 0; }
:root #content .lot-exceptions th:only-child { width: auto; text-align: left; }
:root .allocation-review .table-scroll table { width: 100%; min-width: 640px; }
:root .allocation-review .table-scroll :is(th,td) { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
:root #content .order-line-table > table { width: 1950px; min-width: 1950px; table-layout: fixed; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td) { display: table-cell; position: static; width: 120px; min-width: 0; max-width: none; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):first-child { width: 160px; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):is(:nth-child(3),:nth-child(6)) { width: 260px; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):is(:nth-child(2),:nth-child(5)) { width: 100px; text-align: center; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):is(:nth-child(11),:nth-child(12)) { width: 80px; text-align: center; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):is(:nth-child(7),:nth-child(8)) { width: 240px; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):nth-child(9) { width: 180px; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):nth-child(4) { width: 90px; text-align: center; }
:root #content .order-line-table > table > :is(thead,tbody) > tr > :is(th,td):is(:nth-child(11),:nth-child(13)) { width: 60px; }
.order-line-table td { overflow-wrap: anywhere; }
:root .insole-expandable.text-fits .insole-expand-label { display: none; }
:root .insole-expandable.text-fits > summary { cursor: default; }
:root .insole-expandable > summary { cursor: text; user-select: text; }
:root .insole-expandable :is(.insole-expand-label,.insole-collapse-label) { cursor: pointer; user-select: none; }
:root .insole-expandable :is(.insole-expand-label,.insole-collapse-label):focus-visible { outline: 2px solid #245b85; outline-offset: 2px; }
:root .insole-expandable.text-fits .insole-text-preview { flex: 1; text-align: inherit; }
:root #content .order-line-table td:is(:nth-child(7),:nth-child(8),:nth-child(9)) { text-align: center; }
:root #content[data-rendered-module="businessReadyOrders"] table { width: 3020px; min-width: 3020px; table-layout: fixed; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):nth-child(20) { width: 120px; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):nth-child(21) { width: 300px; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td) { width: 100px; min-width: 0; padding: 5px 8px; line-height: 20px; vertical-align: top; overflow-wrap: anywhere; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):nth-child(2) { width: 160px; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):is(:nth-child(6),:nth-child(8)) { width: 260px; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):nth-child(7) { width: 90px; text-align: center; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):is(:nth-child(11),:nth-child(12)) { width: 240px; text-align: center; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):nth-child(13) { width: 180px; text-align: center; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):nth-child(14) { width: 120px; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):is(:nth-child(1),:nth-child(15)) { width: 60px; text-align: center; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):is(:nth-child(10),:nth-child(16)) { width: 80px; text-align: center; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):is(:nth-child(3),:nth-child(5),:nth-child(9)) { text-align: center; }
:root #content[data-rendered-module="businessReadyOrders"] :is(th,td):nth-child(19) { width: 150px; }
:root #content .sorting-readiness-panel table { width: max-content; min-width: 100%; table-layout: auto; }
:root #content .sorting-readiness-panel :is(th,td) { min-width: 90px; max-width: 280px; padding: 5px 8px; white-space: normal; overflow-wrap: anywhere; vertical-align: top; }
:root #content .sorting-readiness-panel .insole-expandable { width: 240px; max-width: 100%; }
:root #content .sorting-readiness-panel input[type="date"] { width: 140px; max-width: 100%; box-sizing: border-box; }
:root #content[data-rendered-module="businessReadyOrders"] .insole-text-preview { flex: 1 1 0; }
:root #content[data-rendered-module="businessReadyOrders"] .insole-expandable { margin: 0; padding: 0; }
:root #content[data-rendered-module="businessReadyOrders"] .insole-expandable summary { margin: 0; padding: 0; min-height: 20px; line-height: 20px; }
:root #content[data-rendered-module="businessReadyOrders"] td input[type="date"] { height: 20px; min-height: 20px; padding: 0 2px; font-size: 12px; line-height: 18px; }
.workspace-page-group.is-current > summary { color: #174e78; background: #e7f0f7; box-shadow: inset 0 -2px #245b85; }
:root #content .order-line-table > table th { white-space: normal; overflow-wrap: anywhere; }
.order-line-table .insole-expandable { min-width: 0; max-width: 100%; }
.order-line-table .insole-expandable summary { display: flex; min-width: 0; gap: 6px; }
.order-line-table .insole-text-preview { flex: 1 1 0; min-width: 0; }
.order-line-table .insole-expand-label,
.order-line-table .insole-collapse-label { flex: 0 0 auto; white-space: nowrap; }
.order-line-table .insole-full-text { white-space: normal; overflow-wrap: anywhere; }
:root #content .lot-order-line-table > table { width:max-content; min-width:100%; table-layout:auto; }
:root #content .lot-order-line-table > table > :is(thead,tbody,tfoot) > tr > :is(th,td) { display:table-cell; position:static; width:auto; min-width:0; max-width:none; vertical-align:top; white-space:nowrap; overflow-wrap:normal; }
:root #content .lot-order-line-table > table > :is(thead,tbody,tfoot) > tr > :is(th,td):is(:nth-child(4),:nth-child(7)) { width:240px; min-width:240px; max-width:240px; white-space:normal; overflow-wrap:anywhere; }
:root #content .lot-order-line-table td:is(:nth-child(4),:nth-child(7)) > :is(details,span) { width:100%; max-width:100%; min-width:0; }
:root #content .lot-order-line-table > table > tbody > tr > td:is(:nth-child(3),:nth-child(5),:nth-child(6),:nth-child(n+8)) { text-align:center; }
:root #content .lamination-sorting-table > table { table-layout:auto; width:max-content; min-width:100%; }
:root #content .lamination-sorting-table > table > :is(thead,tbody) > tr > :is(th,td) { width:auto; min-width:0; max-width:none; white-space:nowrap; overflow-wrap:normal; }
:root #content .lamination-sorting-table > table > :is(thead,tbody) > tr > :is(th,td):is(:has(> .insole-expandable),:has(> .notranslate)) { width:240px; min-width:240px; max-width:240px; white-space:normal; overflow-wrap:anywhere; text-align:left; }
:root #content .lamination-sorting-table td > .insole-expandable { display:block; width:224px; max-width:100%; min-width:0; }
:root #content .lamination-sorting-table > table > tbody > tr > td:is(:nth-child(3),:nth-child(5),:nth-child(6),:nth-child(8),:nth-child(9)) { text-align:center; }
.lot-order-line-table .insole-expandable { min-width: 0; max-width: 100%; }
.lot-order-line-table .insole-expandable summary { display: flex; min-width: 0; gap: 6px; }
.lot-order-line-table .insole-text-preview { flex: 1 1 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lot-order-line-table .insole-expand-label,.lot-order-line-table .insole-collapse-label { flex: 0 0 auto; white-space: nowrap; }
:root .insole-expandable .insole-expanded-copy { display: none; }
:root .insole-expandable[open] > summary { display: block; white-space: normal; overflow-wrap: anywhere; }
:root .insole-expandable[open] .insole-text-preview { display: none; }
:root .insole-expandable[open] .insole-expanded-copy { display: inline; white-space: pre-wrap; }
:root .insole-expandable[open] .insole-collapse-label { display: inline; white-space: nowrap; }
:root body th:has(.shipment-filter) { padding-top: 4px !important; padding-bottom: 3px !important; line-height: 16px; vertical-align: middle; white-space: normal; }
:root body th button.shipment-filter { display: block !important; position: static; float: none; margin: 0 auto !important; padding: 0 4px; width: 22px; min-width: 22px; height: 16px; min-height: 16px; line-height: 16px; }
:root #content .panel:has([data-import-readiness]) input[type="date"] { width: 126px; }
/* Keep dispatch progress visible before wider material descriptions. */
[data-dispatch-progress] table { table-layout: fixed; width: 1500px; min-width: 1500px; }
[data-dispatch-progress] th:nth-child(2) { width: 200px; }
[data-dispatch-progress] th, [data-dispatch-progress] td { overflow-wrap: anywhere; }
[data-dispatch-progress-summary] { display: block; }
[data-ready-to-cut] { color: #18704a; }
.insole-acceptance label { display: block; margin: 12px 0; }
.insole-acceptance input { display: block; box-sizing: border-box; width: 100%; min-height: 40px; margin-top: 6px; }
.insole-acceptance [data-confirm-insole-acceptance] { width: 100%; min-height: 44px; }
.insole-acceptance .insole-text-preview,
.insole-acceptance .insole-expand-label,
.insole-acceptance .insole-collapse-label { display: none !important; }
.insole-acceptance .insole-expanded-copy { display: inline !important; white-space: normal; overflow-wrap: anywhere; }
.insole-acceptance .insole-expandable summary { display: block; white-space: normal; }
.insole-acceptance h1 { font-size: 22px; overflow-wrap: anywhere; }
.native-insole-production table{table-layout:fixed;min-width:2700px;width:100%;border-collapse:collapse}.native-insole-production th,.native-insole-production td{padding:6px 8px;line-height:20px;text-align:center;vertical-align:top}.native-insole-production th:nth-child(1){width:180px}.native-insole-production th:nth-child(2){width:160px}.native-insole-production th:nth-child(6),.native-insole-production th:nth-child(9){width:260px}.native-insole-production td:nth-child(6),.native-insole-production td:nth-child(9){text-align:left}.native-insole-production .insole-expandable{min-width:0;max-width:100%;margin:0}.native-insole-production .insole-expandable summary{display:flex;min-width:0;gap:6px;margin:0;padding:0;line-height:20px}.native-insole-production .insole-text-preview{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.native-insole-production td{white-space:normal;overflow-wrap:anywhere}
.native-insole-production table td[data-production-column]{text-align:center!important}
.native-insole-production table td[data-production-column="3"]{text-align:left!important}
.native-insole-production table td[rowspan]{vertical-align:top;background:#f3f7fa}
.native-insole-production .production-lot-start td{border-top:2px solid #b1c5d5}
.production-logo-details{margin:0;text-align:left}
.production-logo-details summary{cursor:pointer;color:#205a80;line-height:20px}
.production-logo-details section{padding:8px 0;border-top:1px solid #ccd6df}
.production-logo-details strong{display:block;font-size:12px;overflow-wrap:anywhere}
.production-size-line{display:flex;justify-content:space-between;gap:12px;padding-top:3px}
.native-insole-production table input[data-production-ddd]{box-sizing:border-box;width:124px;height:28px;min-height:28px;padding:2px 4px;font:inherit}
.native-insole-production table{min-width:2050px}.native-insole-production table th{width:110px}.native-insole-production table th:first-child{width:42px}.native-insole-production table th:nth-child(4){width:260px}.native-insole-production table th:nth-child(7),.native-insole-production table th:nth-child(8){width:240px}.native-insole-production table th:nth-child(9){width:180px}.native-insole-production table td{text-align:center}.native-insole-production table td:nth-child(4){text-align:left}.native-insole-production th .shipment-filter{display:block;margin:2px auto 0}.native-insole-production th input,.native-insole-production td input{width:16px;height:16px;min-height:0;margin:0;cursor:pointer}
[data-production-insole-clear]{border:1px solid #afc3d7;border-radius:4px;background:#fff;color:#16466d;padding:6px 10px;min-height:30px;cursor:pointer}
.whole-lot-dispatch { width:min(1100px,94vw);max-height:90vh;overflow:auto;border:1px solid #b9cbd9;border-radius:6px;padding:20px;color:inherit;background:white; }
.whole-lot-dispatch::backdrop { background:#0006; }
.whole-lot-dispatch .whole-lot-fields { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0; }
.whole-lot-dispatch label { display:block; }
.whole-lot-dispatch input:not([type=checkbox]) { display:block;box-sizing:border-box;max-width:100%;min-height:32px; }
.whole-lot-dispatch .whole-lot-recipe { padding:12px 0;border-bottom:1px solid #ccd6df; }
.whole-lot-dispatch h3 { font-size:15px; }
.whole-lot-dispatch table { width:100%;border-collapse:collapse; }
.whole-lot-dispatch th,.whole-lot-dispatch td { padding:6px 8px;border:1px solid #ccd6df; }
.whole-lot-dispatch footer { display:flex;justify-content:flex-end;gap:8px;padding-top:16px; }
.whole-lot-dispatch [role=alert] { color:#ad2424; }
.whole-lot-dispatch input:not([type=checkbox]) { width:100%;padding:6px 8px;border:1px solid #a9bfd1;border-radius:3px;color:inherit;font:inherit; }
.whole-lot-dispatch button,[data-whole-lot-create] { padding:7px 12px;border:1px solid #a9bfd1;border-radius:3px;color:inherit;background:#fff;font:inherit;cursor:pointer; }
.whole-lot-dispatch button[type=submit],[data-whole-lot-create] { background:#205a80;color:white; }
.whole-lot-dispatch button:disabled,[data-whole-lot-create]:disabled { opacity:.5;cursor:default; }
.whole-lot-recipe>.table-scroll { max-height:220px;overflow:auto; }
@media(max-width:600px){.whole-lot-dispatch .whole-lot-fields{grid-template-columns:1fr;}}
/* Keep exception details inside a full-width, independently scrollable table. */
#modalForm > .order-exceptions { grid-column: 1 / -1; min-width: 0; width: 100%; }
.order-exceptions-scroll { width: 100%; overflow-x: auto; }
.order-exceptions-table { width: 100%; min-width: 740px; table-layout: fixed; }
.order-exceptions-table :is(th,td) { white-space: normal; overflow-wrap: anywhere; vertical-align: top; }
.order-exceptions-table td:nth-child(3), .order-exceptions-table td:nth-child(4) { text-align: left; }
.order-exceptions-table td:last-child { white-space: nowrap; }
.order-exceptions-table .insole-expandable { margin: 0; }
.order-exceptions-table .insole-text-preview { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.allocation-ledger .table-scroll { max-height: 360px; max-height: min(360px, 55vh); overflow: auto; overscroll-behavior: contain; }
.allocation-ledger .table-scroll table { width: 100%; min-width: 660px; table-layout: fixed; }
.allocation-ledger .table-scroll :is(th,td) { width: auto; min-width: 0; padding: 6px 8px; white-space: normal; overflow-wrap: anywhere; text-align: center; }
.allocation-ledger .table-scroll th { position: sticky; top: 0; z-index: 1; background: #cbdde9; }
.allocation-ledger .table-scroll th:first-child { width: 22%; }
.allocation-ledger .table-scroll th:nth-child(2) { width: 18%; }
.allocation-ledger details { margin-top: 8px; }
.allocation-ledger summary { padding: 6px 0; cursor: pointer; }
.allocation-ledger [role=status] { max-height: 80px; overflow: auto; overflow-wrap: anywhere; }
.native-insole-production > table > :is(thead,tbody) > tr > :is(th,td) { padding: 5px 4px; }
.native-insole-production > table input[data-production-ddd] { max-width: 100%; min-width: 0; }
#modal .modal-card:has(.order-exceptions) { width: min(1200px, calc(100vw - 32px)); max-width: calc(100vw - 32px); }
#modal .order-exceptions-scroll { max-height: min(56vh, calc(100dvh - 220px)); overflow: auto; }
#modal .order-exceptions-table th { position: sticky; top: 0; z-index: 1; background: #cbdde9; }
.business-order-folder > .month-folder-head > .action-row > details { position: relative; flex: 0 0 auto; }
.business-order-folder > .month-folder-head > .action-row > details > button { position: absolute; top: 100%; right: 0; z-index: 20; width: max-content; min-width: 100px; margin: 0; background: #fff; box-shadow: 0 3px 10px #0002; }
.lot-order-line-table td:nth-child(14), .lot-order-line-table td:nth-child(15) { text-align: center; }
.lot-exceptions .table-scroll { max-height: 420px; overflow: auto; }
.lot-exceptions table { width: 100%; min-width: 680px; table-layout: fixed; }
.lot-exceptions th { position: sticky; top: 0; background: #cbdde9; }
.lot-exceptions th:first-child { width: 48px; }
.lot-exceptions td { vertical-align: top; overflow-wrap: anywhere; padding: 7px; }
.lot-exceptions h3 { font-size: 14px; margin: 12px 0 8px; }
[data-lot-exception-view] .table-scroll { max-height: var(--lot-exception-height, max(160px, calc(100dvh - 340px))); overflow: auto; }
:root #content .lot-exceptions[role="tabpanel"] table { min-width: 900px; }
:root #content .lot-exceptions[role="tabpanel"] th:nth-child(1) { width: 15%; }
:root #content .lot-exceptions[role="tabpanel"] th:nth-child(2) { width: 14%; }
:root #content .lot-exceptions[role="tabpanel"] th:nth-child(3) { width: 13%; }
:root #content .lot-exceptions[role="tabpanel"] th:is(:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7)) { width: 8%; }
:root #content .lot-exceptions[role="tabpanel"] th:nth-child(8) { width: 26%; }
:root #content .lot-exceptions[role="tabpanel"] td:nth-child(5) { text-align: right; font-variant-numeric: tabular-nums; }
.order-actions-trigger { width: 32px; height: 32px; padding: 0; font-size: 20px; }
.order-actions-popover { position: fixed; margin: 0; inset: auto; padding: 4px; min-width: 140px; max-width: calc(100vw - 16px); background: #fff; border: 1px solid #b8cbd9; border-radius: 4px; box-shadow: 0 4px 14px #0002; }
.order-actions-popover > button { display: block; width: 100%; text-align: left; margin: 0; border: 0; padding: 9px 12px; color: #a32a24; background: #fff; }
.order-actions-popover > button:hover { background: #f8eeee; }