.tl5613424-modal{position:fixed;inset:0;z-index:11015;background:#102333ab;display:none;align-items:center;justify-content:center;padding:18px;color:#183249;font:13px Arial,sans-serif}
.tl5613424-modal.on{display:flex}
.tl5613424-dialog{width:min(1080px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 25px 70px #07192e50;overflow:hidden}
.tl5613424-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#102f47;color:#fff;padding:20px 24px}
.tl5613424-dialog header small{font-weight:bold;letter-spacing:.08em;color:#b6d2df}.tl5613424-dialog h2{margin:5px 0;font-size:21px}.tl5613424-dialog header p{margin:0;color:#d5e3ea}
.tl5613424-dialog header button{border:0;background:none;color:#fff;font-size:28px;cursor:pointer}
.tl5613424-content{padding:18px 24px;overflow:auto}.tl5613424-summary{display:flex;gap:16px;flex-wrap:wrap;padding:12px;background:#eef6f9;border-radius:8px;font-weight:bold;margin-bottom:16px}
.tl5613424-box{border:1px solid #d4e2eb;border-radius:10px;margin:0 0 16px;overflow:hidden}
.tl5613424-boxhead{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#eff5f8;padding:12px}
.tl5613424-boxhead label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:11px}.tl5613424-boxhead input{width:150px;border:1px solid #c9dbe7;border-radius:6px;padding:8px;font:inherit;background:#fff}
.tl5613424-boxhead button,.tl5613424-content>button,.tl5613424-dialog footer button{border:1px solid #c7d9e5;border-radius:7px;background:#fff;color:#12354e;padding:9px 12px;font-weight:bold;cursor:pointer}
.tl5613424-boxhead button:disabled{opacity:.45;cursor:default}.tl5613424-table{max-height:320px;overflow:auto}
.tl5613424-table table{border-collapse:collapse;width:100%;min-width:580px}.tl5613424-table th{position:sticky;top:0;background:#153a55;color:#fff;text-align:left;padding:9px}.tl5613424-table td{border-top:1px solid #e0eaf0;padding:9px}.tl5613424-table td small{display:block;color:#66798a;margin-top:3px}
.tl5613424-table input{width:95px;padding:7px;border:1px solid #c9dbe7;border-radius:6px}
.tl5613424-balance{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tl5613424-balance b{width:100%}.tl5613424-balance span{border-radius:6px;background:#fff0d9;color:#805419;padding:6px 9px;font-size:11px}.tl5613424-balance .ok{background:#e5f5e9;color:#18623c}
.tl5613424-dialog footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #d9e5ec;padding:14px 24px}.tl5613424-dialog footer .primary{background:#267c99;color:#fff;border-color:#267c99}
.tl5613424-portal-note{padding:10px 15px;background:#fff2d7;color:#805216;font-size:12px;font-weight:700}
@media(max-width:600px){.tl5613424-modal{padding:5px}.tl5613424-dialog{max-height:calc(100vh - 10px)}.tl5613424-content{padding:10px}.tl5613424-boxhead input{width:125px}}

/* v5.7 box assignment board */
.tl5613424-dialog{width:min(1420px,98vw);max-height:calc(100dvh - 36px)}
#tl5613424PackingBody{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.tl5613424-dialog [hidden]{display:none!important}
.tl5613424-dialog header{flex:none}.tl5613424-dialog header p{max-width:1020px;font-size:12px;line-height:1.5}
.tl5613424-content{min-height:0;flex:1;overscroll-behavior:contain}
.tl5613424-summary{gap:12px 22px;font-size:12px;font-weight:400;margin-bottom:12px}
.tl5613424-summary b{font-size:14px;color:#12374e}
.tl57-pack-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px;border:1px solid #d6e3ec;border-radius:9px;background:#fff}
.tl57-pack-tools>input{flex:1;min-width:210px;padding:9px 10px;border:1px solid #c9dbe7;border-radius:6px;font:12px Arial}
.tl57-pack-tools>label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}
.tl57-pack-tools select{min-width:130px;max-width:205px;border:1px solid #c9dbe7;border-radius:6px;padding:8px;font:12px Arial;background:#fff}
#tl57PackingSelection{font-size:11px;color:#597183}
.tl57-pack-tools button,.tl57-pack-zonehead button,.tl57-pack-box-heading button{border:1px solid #c7d9e5;border-radius:6px;background:#fff;color:#12354e;padding:8px 10px;font:700 11px Arial;cursor:pointer}
.tl57-pack-tools button.primary,.tl57-pack-box-heading button{background:#267c99;border-color:#267c99;color:#fff}
.tl5613424-dialog button:disabled{opacity:.45;cursor:not-allowed}
.tl57-pack-message{min-height:32px;padding:10px 1px 8px;color:#267452;font-size:12px;line-height:1.5}
.tl57-pack-message.error{color:#ac2822;font-weight:700}
.tl57-pack-review{margin-bottom:12px;padding:12px;border:1px solid #e8d79e;border-radius:8px;background:#fff9e7;color:#775b1d;font-size:12px;line-height:1.5}
.tl57-pack-review p{margin:5px 0}
.tl57-pack-board{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px;align-items:start}
.tl57-pack-zone{min-width:0;border:1px solid #d1e1eb;border-radius:10px;background:#f5f9fb;overflow:hidden;transition:border-color .12s,box-shadow .12s}
.tl57-pack-unpacked{border-style:dashed;border-width:2px;background:#eff6fa}
.tl57-pack-zonehead{display:flex;align-items:center;gap:9px;padding:12px;background:#eaf2f7;border-bottom:1px solid #d7e5ef;flex-wrap:wrap}
.tl57-pack-zonehead h3,.tl57-pack-box-heading h3{font:700 14px Arial;color:#12354e;margin:0}
.tl57-pack-zonehead small{display:block;color:#5f7686;font-size:10px;margin-top:4px}
.tl57-pack-zonehead>div,.tl57-pack-zonehead>label{flex:1}
.tl57-pack-zonehead>label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:700;min-width:90px}
.tl57-pack-zonehead input{width:100%;max-width:165px;padding:7px 8px;border:1px solid #c9dbe7;border-radius:6px;font:700 13px Arial;color:#12354e;background:#fff}
.tl57-pack-box-count{font-size:10px;color:#526f81;white-space:nowrap}
.tl57-pack-box-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.tl57-pack-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(305px,1fr));gap:14px;align-items:start}
.tl57-pack-boxes .tl5613424-box{margin:0}
.tl57-pack-cards{padding:10px;display:flex;flex-direction:column;gap:9px;min-height:95px;max-height:390px;overflow:auto}
.tl57-pack-unpacked .tl57-pack-cards{max-height:530px}
.tl57-pack-item{border:1px solid #d7e3eb;border-radius:8px;padding:10px;background:#fff;box-shadow:0 2px 4px #14374705;cursor:grab}
.tl57-pack-item:hover{border-color:#6fa5b9}.tl57-pack-item.selected{border-color:#2283a1;box-shadow:0 0 0 1px #2283a1;background:#f2fbfd}
.tl57-pack-item.dragging{opacity:.42}.tl57-pack-zone.drag-over{border-color:#1687a8;box-shadow:0 0 0 3px #25a1b945;background:#e9f9fc}
.tl57-pack-item-top{display:flex;align-items:center;gap:7px;font-size:10px;color:#24546d}
.tl57-pack-item-top>input{width:16px;height:16px;accent-color:#267c99}
.tl57-pack-item-top>b{flex:1;overflow-wrap:anywhere}.tl57-pack-grip{font-size:20px;color:#7390a0;line-height:1}
.tl57-pack-item p{margin:7px 0 4px;font-size:11px;line-height:1.45;color:#173b50;overflow-wrap:anywhere}
.tl57-pack-item>small{display:block;font-size:10px;color:#6e8292;overflow-wrap:anywhere}
.tl57-pack-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid #edf2f5;font-size:10px;color:#5b7283}
.tl57-pack-item-bottom b{font-size:13px;color:#173b50}
.tl57-pack-item-bottom label{display:flex;gap:5px;align-items:center;font-size:10px;white-space:nowrap}
.tl57-pack-item-bottom input{width:58px;padding:6px;border:1px solid #cbdde7;border-radius:5px;font:12px Arial;background:#fff;cursor:text}
.tl57-pack-empty{padding:18px 8px;min-height:95px;display:grid;align-content:center;gap:5px;text-align:center;color:#6b879a;font-size:11px;line-height:1.5}
.tl57-pack-empty b{font-size:13px;color:#3b6c83}
.tl57-pack-drop-hint{padding:9px;text-align:center;font-size:10px;color:#5b7a8d;border-top:1px dashed #c5dbe7}
.tl57-pack-no-match{margin:5px;text-align:center;font-size:11px;color:#6e8292}
.tl57-pack-boxes .tl5613424-boxhead{gap:10px;border-top:1px solid #d7e5ef}
.tl57-pack-boxes .tl5613424-boxhead label{flex:1;min-width:110px}
.tl57-pack-boxes .tl5613424-boxhead input{width:100%;box-sizing:border-box}
.tl57-pack-weight-note{flex-basis:100%;font-size:10px;color:#916d1d;line-height:1.4}
.tl5613424-dialog footer{flex:none;align-items:center;background:#fff}
.tl5613424-dialog footer>span{flex:1;color:#607888;font-size:11px;line-height:1.4}
@media(max-width:900px){.tl57-pack-board{grid-template-columns:1fr}.tl57-pack-unpacked .tl57-pack-cards{max-height:250px;display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.tl57-pack-tools>input{flex-basis:100%}.tl5613424-dialog header{padding:15px 18px}}
@media(max-width:600px){.tl5613424-dialog{max-height:calc(100dvh - 10px)}.tl57-pack-boxes{grid-template-columns:minmax(0,1fr)}.tl57-pack-tools>label{flex:1}.tl5613424-dialog footer{flex-wrap:wrap;padding:12px}.tl5613424-dialog footer>span{flex-basis:100%}.tl5613424-dialog footer button{flex:1}.tl57-pack-cards{max-height:350px}.tl57-pack-tools select{max-width:145px}}