/* Keep one scrolling surface inside the order dialog. */
#newOrderDlg{overflow:hidden!important;box-sizing:border-box}
#newOrderDlg #newOrderForm{overflow:hidden;box-sizing:border-box;min-height:0;max-height:calc(90dvh - 2px)!important}
#newOrderDlg #newOrderForm>.dlg-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:900px){#newOrderDlg #newOrderForm{max-height:calc(100dvh - 26px)!important}}
@media(max-width:600px){#newOrderDlg #newOrderForm{max-height:calc(100dvh - 18px)!important}}
#newOrderDlg{width:min(1460px,96vw)!important;--packing-requirement-width:150px;--production-requirement-width:200px;--packing-carton-extra:0px}
/* Reuse the existing detail-only wrapper; keep all eleven tracks scrollable. */
#newOrderDlg .dlg-body div:has(>.order-items-table){display:block;box-sizing:border-box;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:auto;scrollbar-color:#8295af #eef4ff;-webkit-overflow-scrolling:touch}
#newOrderDlg .dlg-body div:has(>.order-items-table)::-webkit-scrollbar{height:14px}
#newOrderDlg .dlg-body div:has(>.order-items-table)::-webkit-scrollbar-track{background:#eef4ff;border-radius:7px}
#newOrderDlg .dlg-body div:has(>.order-items-table)::-webkit-scrollbar-thumb{background:#8295af;border:3px solid #eef4ff;border-radius:7px}
#newOrderDlg .order-items-table{display:block;box-sizing:border-box;table-layout:auto!important;width:100%;min-width:1400px}
#newOrderDlg tr.packing-item-card{box-sizing:border-box;min-width:1400px}
#newOrderDlg .order-items-table>thead{display:none}
#newOrderDlg #itemRows{display:grid;gap:6px;width:100%;min-width:0}
#newOrderDlg tr.packing-item-card{display:grid!important;grid-template-columns:30px minmax(120px,1fr) 56px 60px 78px 140px 182px calc(199px + var(--packing-carton-extra)) var(--production-requirement-width) 24px;gap:6px;align-items:start;border:1px solid #d5e3f7;border-radius:7px;padding:8px;background:#fff}
#newOrderDlg .packing-item-card>td{display:block!important;width:auto!important;min-width:0!important;border:0!important;padding:0!important;text-align:left!important;box-sizing:border-box;background:transparent!important;grid-row:1}
#newOrderDlg .packing-item-card>td[hidden]{display:none!important}
#newOrderDlg .packing-item-card>td:not(.packing-cell-6)::before{content:none!important;display:none!important}
.packing-label{display:block;color:#7288a7;font-size:11px;line-height:16px;margin-bottom:3px;white-space:nowrap}
#newOrderDlg .packing-item-card input,#newOrderDlg .packing-item-card select,#newOrderDlg .packing-item-card textarea{box-sizing:border-box;width:100%;min-width:0!important;max-width:none!important;min-height:30px!important;padding:4px 5px!important;font-size:12px;line-height:20px;color:#254a79}
#newOrderDlg .packing-item-card input,#newOrderDlg .packing-item-card select{height:30px!important}
#newOrderDlg .packing-item-card textarea{height:30px;border:1px solid #d5e3f7;border-radius:6px;resize:none;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}
#newOrderDlg .packing-item-card .packing-cell-0{grid-column:1;padding-top:19px!important}
.packing-cell-0>.packing-label{display:none}
.packing-cell-2{grid-column:2}.packing-cell-4{grid-column:3}.packing-cell-5{grid-column:4}.packing-mold-cell{grid-column:5;position:relative}.packing-size-cell{grid-column:6}.packing-cell-3{grid-column:7}.packing-accessories-cell{grid-column:8}.packing-production-cell{grid-column:9}
#newOrderDlg .packing-item-card .packing-cell-8{grid-column:10;padding-top:19px!important}
#newOrderDlg .packing-item-card .packing-cell-7{grid-column:2/-1;grid-row:3;display:flex!important;align-items:center;gap:8px}
#newOrderDlg .packing-item-card .packing-cell-7[hidden]{display:none!important}
#newOrderDlg .packing-cell-7 .packing-label{margin:0;flex:none}
#newOrderDlg .packing-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#newOrderDlg .packing-identity-fields>div{min-width:0}
#newOrderDlg .packing-code-input{margin-top:0;color:#8295af;background:#f7faff}
#newOrderDlg .packing-item-card .quote-item-summary{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:14px;margin-top:2px}
#newOrderDlg .packing-item-card .pick-product,#newOrderDlg .packing-item-card .del-row{width:100%;height:30px;min-height:30px;padding:0;font-size:12px}
#newOrderDlg .packing-item-card .iron-print{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
#newOrderDlg .packing-item-card .iron-print .ip-row{min-width:0;gap:2px}
#newOrderDlg .packing-item-card .iron-print .ip-row:first-child{grid-column:auto}
#newOrderDlg .packing-item-card .iron-print .pp-tag{font-size:10px;flex:none}
.packing-accessory-row{display:grid;grid-template-columns:62px 56px 50px 22px;align-items:start;gap:3px;margin-bottom:3px}
#newOrderDlg .packing-item-card.packing-has-carton{--packing-carton-extra:53px}
#newOrderDlg .packing-accessory-row.packing-carton-columns{grid-template-columns:62px 50px 56px 50px 22px}
#newOrderDlg .packing-accessory-row>label[hidden],#newOrderDlg .packing-carton-capacity input[hidden]{display:none!important}
.packing-accessory-row label{min-width:0;font-size:10px;line-height:14px;color:#7288a7;display:flex;flex-direction:column;gap:2px}
.packing-accessory-row:not(:first-child) label{font-size:0;line-height:0;gap:0}
.packing-accessory-row button{margin-top:19px;height:30px!important;min-height:30px!important;width:22px!important;padding:0!important;border-radius:5px;font-size:12px}
.packing-accessory-row input[type=hidden]{display:none!important}
#newOrderDlg .packing-add-accessory{display:block;min-height:22px;height:22px;line-height:18px;padding:0 8px;font-size:14px;margin-top:3px}
.packing-mold-options{position:absolute;left:0;top:50px;min-width:min(280px,72vw);max-width:min(360px,85vw);max-height:230px;overflow:auto;background:white;border:1px solid #c6d9f4;border-radius:8px;z-index:100;box-shadow:0 6px 20px #12375b20;padding:4px}
.packing-mold-options button{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;padding:8px;background:white;color:#254a79;font-size:12px}
.packing-mold-options button:hover{background:#eef4ff}.packing-mold-cell small{display:block;font-size:10px;color:#9b721b;overflow-wrap:anywhere}
#legacyAccessories{margin:10px 20px;border:1px solid #dce7f7;border-radius:8px;padding:8px}#legacyAccessories>summary{cursor:pointer;color:#647d9f}#legacyAccessories[hidden]{display:none}
.order-packing-summary{padding:12px 14px;border-top:1px solid #e0eafa;overflow-wrap:anywhere}.order-packing-summary h5{margin:6px 0;font-size:13px}.order-packing-summary p{white-space:pre-wrap;margin:5px 0}.order-packing-summary ul{padding-left:18px;margin:6px 0}.order-packing-summary li{margin:5px 0}
.packing-plan{margin:10px 0;padding:10px;border:1px solid #dae5f6;border-radius:8px}.packing-plan label{display:flex;flex-direction:column;gap:6px}.packing-plan input{max-width:230px}.packing-plan button{margin-top:8px}

/* Each select keeps about 4.5 Chinese characters of visible content. */
#newOrderDlg .packing-item-card select{appearance:none;-webkit-appearance:none;background-image:none!important;padding-right:5px!important}
#newOrderDlg .packing-item-card input[list]::-webkit-calendar-picker-indicator{display:none!important;opacity:0}
#newOrderDlg .packing-item-card .iron-print{grid-template-columns:repeat(2,max-content);gap:4px}
#newOrderDlg .packing-item-card .iron-print .ip-row{display:grid;grid-template-columns:20px 66px;align-items:center;gap:2px}
#newOrderDlg .packing-item-card .iron-print .ip-row input,#newOrderDlg .packing-item-card .iron-print .ip-row select{width:calc(4.5em + 12px)!important;flex:0 0 auto}
#newOrderDlg .packing-item-card .packing-legacy-notes-cell{grid-column:2/-1;grid-row:2}.packing-legacy-notes-cell{font-size:11px;color:#7288a7}.packing-legacy-notes-cell p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}
#newOrderDlg .packing-accessory-row:not(:first-child)>button{margin-top:0}
#newOrderDlg .packing-item-card .packing-cell-6{display:none!important}
#newOrderDlg .packing-production-cell textarea{display:block;width:var(--production-requirement-width)!important;max-width:100%!important}#newOrderDlg .packing-production-cell textarea+textarea{margin-top:4px}
.order-calculation{margin-top:10px;padding:8px 12px;border-top:1px solid #e2eaf5}
.order-calculation-lines{display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:right;gap:2px 16px;min-width:0}
.order-calculation-lines p{margin:2px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:var(--c-text-sub)}
.order-calculation-total{display:flex;justify-content:flex-end;margin-top:6px}
@media(max-width:1000px){.packing-label{font-size:11px}.packing-mold-options{min-width:0;width:100%;max-width:100%;position:relative;top:0}.packing-plan input{max-width:100%;min-width:0}}
#newOrderDlg .packing-accessories-cell>.packing-label{display:none}#newOrderDlg .packing-accessory-row>label{font-size:11px!important;line-height:16px;gap:3px}#newOrderDlg .packing-accessory-row:not(:first-child)>label{font-size:0!important;line-height:0!important;gap:0}#newOrderDlg [data-pack-rows]:empty+.packing-add-accessory{margin-top:19px}
/* Per-product files and unclipped mold choices. */
#newOrderDlg .packing-identity-fields{grid-template-columns:calc(7.5ch + 12px) minmax(0,1fr)}
#newOrderDlg tr.packing-item-card{grid-template-columns:30px minmax(120px,1fr) 56px 60px 78px 140px 182px calc(199px + var(--packing-carton-extra)) var(--production-requirement-width) 64px 24px}
#newOrderDlg .packing-item-card .packing-item-files-cell{grid-column:10;grid-row:1}
#newOrderDlg .packing-item-card .packing-cell-8{grid-column:11}
#newOrderDlg .packing-item-files-cell>button{width:100%;min-height:30px;height:30px;padding:3px 5px;font-size:11px;white-space:nowrap}
#newOrderDlg .packing-item-files-cell input[hidden]{display:none!important}
.packing-file-list{display:grid;gap:3px;min-width:0;margin-top:4px}.packing-file-list:empty{display:none}.packing-file-list>a,.packing-file-list>span{display:block;font-size:10px;line-height:16px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.packing-file-list>a{color:#285eea}
#newOrderDlg .packing-mold-options[popover]{position:fixed!important;inset:auto;margin:0;min-width:0;max-width:calc(100vw - 24px);box-sizing:border-box;z-index:10000;padding:4px}
#newOrderDlg .packing-mold-options[hidden]{display:none!important}
/* Trade 48px of the size field for the accessory image control. */
#newOrderDlg tr.packing-item-card{grid-template-columns:30px minmax(120px,1fr) 56px 60px 78px 92px 182px calc(247px + var(--packing-carton-extra)) var(--production-requirement-width) 64px 24px}
#newOrderDlg .packing-accessory-row{grid-template-columns:62px 56px 50px 45px 22px}
#newOrderDlg .packing-accessory-row.packing-carton-columns{grid-template-columns:62px 50px 56px 50px 45px 22px}
#newOrderDlg .packing-accessory-image input[hidden]{display:none!important}
#newOrderDlg .packing-image-actions{display:flex;align-items:center;gap:3px;min-width:0}
#newOrderDlg .packing-accessory-row .packing-image-actions button{margin-top:0!important;min-width:0!important;width:42px!important;min-height:30px!important;padding:2px!important;font-size:11px}
#newOrderDlg .packing-image-actions:has(a:not([hidden])) button{width:22px!important;font-size:10px}
#newOrderDlg .packing-image-actions a{display:block;width:22px;height:28px;flex:none}#newOrderDlg .packing-image-actions a[hidden]{display:none!important}#newOrderDlg .packing-image-actions img{width:22px;height:28px;object-fit:contain;border:1px solid var(--c-border);border-radius:3px}
.board-accessory-picture{display:block;width:64px;margin:6px 0}.board-accessory-picture img{display:block;width:64px;height:54px;object-fit:contain;border:1px solid var(--c-border);border-radius:5px;background:var(--c-panel)}
.accessory-image-preview{width:min(1000px,94vw);max-height:92dvh;padding:12px;border:1px solid var(--c-border);border-radius:10px;background:var(--c-card)}.accessory-image-preview::backdrop{background:rgba(15,30,50,.65)}.accessory-image-preview>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.accessory-image-preview>img{display:block;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto}.accessory-image-preview>header strong{color:var(--c-text-strong)}
@media(max-width:1000px){.accessory-image-preview{padding:8px}.accessory-image-preview>img{max-height:78dvh}}
#newOrderDlg .packing-item-card .packing-size-cell{width:92px!important}

#newOrderDlg [data-usage-auto]{font-size:10px;line-height:14px;padding:0 3px;border:1px solid #d1dff0;border-radius:3px;background:#f7faff;color:#235fc5;cursor:pointer;align-self:flex-start}#newOrderDlg [data-usage-auto][hidden],#newOrderDlg .packing-carton-capacity select[hidden]{display:none!important}#newOrderDlg .packing-carton-capacity select{width:100%;min-width:0;font-size:10px;height:22px;padding:1px;border:1px solid #d1dff0;border-radius:3px}
#newOrderDlg .packing-accessory-row button[data-usage-auto]{min-height:16px!important;height:16px!important;line-height:14px!important;margin:0!important;padding:0 3px!important;width:auto!important}