.load-panel{--load-ink:#2c4354;--load-muted:#718492;--load-line:#dce5ec;--load-blue:#267aa1;--load-green:#60b261;background:#fff;padding:20px;border-radius:8px;color:var(--load-ink);font-family:inherit}
.load-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.load-toolbar strong{font-size:18px;margin-right:8px}.load-panel button{border:1px solid var(--load-line);border-radius:4px;padding:7px 12px;color:#526777;background:#f7fafc;cursor:pointer}.load-panel button.green{background:var(--load-green);color:white;border-color:var(--load-green)}.load-panel button:disabled{cursor:default;opacity:.5}.load-status{font-size:12px;padding:4px 8px;background:#edf4f8;color:var(--load-blue)}
.load-workspace{display:flex;flex-direction:column;gap:24px}.load-panel fieldset{min-width:0;border:0;padding:0;margin:0}.load-current{border-bottom:1px solid var(--load-line)!important;padding-bottom:16px!important}.load-current legend,.load-panel h3{font-size:16px;font-weight:600;margin:0 0 14px}.load-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.load-settings label,.load-filters label{display:grid;gap:6px;font-size:13px}.load-panel input:not([type=checkbox]),.load-panel select{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--load-line);border-radius:4px;padding:7px;color:#526777;background:white;font:inherit}.load-panel input[type=checkbox]{width:15px;height:15px;accent-color:var(--load-blue)}.load-more{margin-top:14px}.load-panel summary{cursor:pointer;color:var(--load-blue);font-size:13px;padding:8px 0}.load-more[open] summary{margin-bottom:8px}
.load-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.load-filters label:first-child{flex:1;min-width:250px}.load-filters select{min-width:115px}.load-panel p{font-size:12px;line-height:1.6;color:var(--load-muted);margin:10px 0}.load-panel .table-scroll{overflow:auto}.load-panel table{width:100%;border-collapse:collapse;table-layout:fixed}.load-panel th{font-weight:600;background:#f3f6f8;text-align:left}.load-panel td,.load-panel th{padding:10px 8px;border-bottom:1px solid #e9eef2;vertical-align:top;font-size:12px;white-space:normal;overflow-wrap:anywhere}.load-panel td{line-height:1.6}.load-panel td small{display:block;color:var(--load-muted);font-size:11px;margin-top:3px}.load-panel .load-order{font-weight:500;color:var(--load-blue)}.load-panel .load-number{font-variant-numeric:tabular-nums}.load-note input{margin-top:6px}.load-panel td button{padding:5px 8px;white-space:nowrap}.load-panel .load-cargo-table{min-width:1000px}.load-pool .load-cargo-table th:first-child{width:24px}.load-panel .load-cargo-table th:last-child{width:55px}.load-panel .load-cargo-table th{white-space:normal}.load-detail>td{padding:0 8px 7px!important}.load-detail details{background:#f8fafc}.load-detail summary{padding:6px 10px}.load-boxes{padding:8px 14px 16px}.load-boxes table{background:#fff;margin-bottom:12px}.load-boxes h4{margin:14px 0 8px}.load-panel .load-empty{text-align:center;padding:30px;color:var(--load-muted)}
#load-totals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:18px 20px;background:#edf5f9;border-left:4px solid var(--load-blue);gap:12px;position:sticky;top:0;z-index:2}#load-totals div{display:grid;gap:8px}#load-totals small{color:#526777;font-size:12px}#load-totals strong{font:600 21px/1.3 "Segoe UI",sans-serif;color:var(--load-blue);font-variant-numeric:tabular-nums}#load-totals.over-limit{border-color:#c14f37}#load-totals.over-limit strong{color:#aa4a36}.load-panel #load-warning{color:#aa4a36}.load-panel :focus-visible{outline:2px solid var(--load-blue);outline-offset:2px}.load-manifest select{padding:5px!important;font-size:12px!important}
@media(max-width:900px){.load-settings{grid-template-columns:repeat(2,minmax(0,1fr))}#load-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.load-panel{padding:14px}}@media(max-width:520px){.load-settings{grid-template-columns:1fr}.load-filters label:first-child{min-width:100%}#load-totals strong{font-size:17px}}
/* 配载列表沿用大货运单的筛选、状态和工具栏样式。 */
.load-list .action-bar{margin:16px 0 8px}.load-list .filter-buttons{display:flex;gap:8px;margin-top:8px}.load-list .filter-buttons button{flex:1}.load-list .filter-pair input{min-width:0;width:100%;box-sizing:border-box}.load-list .filter-pair{min-width:0}.load-list .load-plan-table{width:100%;table-layout:fixed}.load-list .load-plan-table th{font-weight:600;white-space:nowrap}.load-list .load-plan-table th:first-child{width:28px}.load-list .load-plan-table th:nth-child(2){width:13%}.load-list .load-plan-table th:nth-child(3){width:5%}.load-list .load-plan-table th:nth-child(4),.load-list .load-plan-table th:nth-child(5){width:4%}.load-list .load-plan-table th:nth-child(6),.load-list .load-plan-table th:nth-child(7){width:7%}.load-list .load-plan-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;line-height:1.7}.load-list .load-plan-table tbody tr:nth-child(even){background:#fafbfc}.load-list .load-plan-table .empty{height:150px;vertical-align:middle;text-align:center}.load-list .table-tools{flex-wrap:wrap}.load-list .status-tabs{overflow-x:auto}.load-list .status-tabs button{white-space:nowrap}.load-list .selected-count:disabled{opacity:1}.load-list .row-link{text-align:left}@media(max-width:1000px){.load-list .load-plan-table{min-width:1000px}}
.load-list .load-plan-table th:nth-child(2){width:10%}.load-list .load-plan-table th:nth-child(3){width:12%}.load-list .load-plan-table th:nth-child(4){width:5%}.load-list .load-plan-table th:nth-child(5),.load-list .load-plan-table th:nth-child(6){width:4%}.load-list .load-plan-table th:nth-child(7),.load-list .load-plan-table th:nth-child(8){width:7%}
/* 配载操作使用右侧宽抽屉，列表作为底层页面保留。 */
#modal-root .demo-modal.load-drawer{width:94vw!important;max-width:1920px!important}.load-drawer>.modal-content{padding:0!important}.load-drawer .load-panel{border-radius:0;padding:20px}.load-drawer .load-panel>.load-toolbar{display:none}.load-drawer>.modal-foot{flex-wrap:wrap;gap:10px!important}.load-drawer>.modal-foot button{flex:0 0 auto!important;width:auto!important;min-width:96px;max-width:140px;padding:7px 14px!important}.load-drawer .load-settings{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1000px){#modal-root .demo-modal.load-drawer{width:100vw!important}.load-drawer .load-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.load-drawer .load-settings{grid-template-columns:1fr}}
/* 基本信息：桌面两行，每行七组；船名和航次同组填写。 */
.load-panel .load-settings.load-basic-compact{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 14px}.load-basic-compact .load-meta-group{display:grid;gap:6px;font-size:13px;min-width:0}.load-basic-compact .load-vessel-pair{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:5px}.load-basic-compact input,.load-basic-compact select{height:32px;padding:5px 7px!important;font-size:12px!important}.load-basic-compact label,.load-basic-compact .load-meta-group>span{font-size:12px}.load-basic-compact label{gap:6px}@media(max-width:1200px){.load-panel .load-settings.load-basic-compact{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.load-panel .load-settings.load-basic-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.load-panel .load-settings.load-basic-compact{grid-template-columns:1fr}}
#modal-root .load-basic-parent{width:94vw}#modal-root .demo-modal.load-cargo-drawer{width:88vw!important}#modal-root .load-basic-parent .drawer-snapshot{width:100%!important}@media(max-width:1000px){#modal-root .demo-modal.load-cargo-drawer{width:100vw!important}}
/* 新增起运港后保持桌面两行，第一行八组。 */
.load-panel .load-settings.load-basic-compact{grid-template-columns:repeat(8,minmax(0,1fr))}@media(max-width:1200px){.load-panel .load-settings.load-basic-compact{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.load-panel .load-settings.load-basic-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.load-panel .load-settings.load-basic-compact{grid-template-columns:1fr}}
.load-cargo-drawer>.modal-head h2{font-size:16px!important;line-height:1.6;overflow-wrap:anywhere}.load-cargo-drawer>.modal-head{gap:16px}.load-list .load-plan-table th:nth-child(2),.load-list .load-plan-table th:nth-child(3),.load-list .load-plan-table th:nth-child(4){width:10%}.load-list .load-plan-table th:nth-child(5){width:5%}.load-list .load-plan-table th:nth-child(6),.load-list .load-plan-table th:nth-child(7){width:4%}

/* Cargo identifiers are internal order numbers; reserve their width instead of the global checkbox width. */
.load-panel table.load-cargo-table{min-width:1380px;table-layout:fixed}
.load-panel .load-cargo-table>thead>tr>th,.load-panel .load-cargo-table>tbody>tr>td{font-size:14px;line-height:1.5;padding:10px 10px;text-align:left}
.load-panel .load-cargo-table th.load-col-0,.load-panel .load-cargo-table td.load-order-cell{width:150px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.load-panel .load-cargo-table .load-order{font-size:14px;font-weight:600;white-space:nowrap}
.load-panel .load-cargo-table th.load-col-1{width:110px}
.load-panel .load-cargo-table th.load-col-2{width:160px}
.load-panel .load-cargo-table th.load-col-3{width:130px}
.load-panel .load-cargo-table th.load-col-4{width:60px}
.load-panel .load-cargo-table th.load-col-5,.load-panel .load-cargo-table th.load-col-6{width:95px}
.load-panel .load-cargo-table th.load-col-7,.load-panel .load-cargo-table th.load-col-8{width:110px}
.load-panel .load-cargo-table th.load-col-9{width:180px}
.load-panel .load-cargo-table th:last-child{width:70px}
.load-panel .load-cargo-table td small{font-size:12px}
.load-panel .load-cargo-table select,.load-panel .load-cargo-table input:not([type=checkbox]){font-size:13px!important;min-height:32px}
.load-panel .load-cargo-table>thead>tr>th{white-space:nowrap}

/* Fit the cargo grid to the drawer; long content wraps inside its column. */
#modal-root .demo-modal.load-cargo-drawer{width:96vw!important;max-width:1920px!important}
.load-panel table.load-cargo-table{width:100%;min-width:0;table-layout:fixed}
.load-panel .load-cargo-table>thead>tr>th,.load-panel .load-cargo-table>tbody>tr>td{font-size:13px;padding:9px 6px;white-space:normal;overflow-wrap:anywhere}
.load-panel .load-cargo-table th.load-col-0,.load-panel .load-cargo-table td.load-order-cell{width:13%;white-space:normal;overflow-wrap:anywhere}
.load-panel .load-cargo-table .load-order{font-size:14px;white-space:normal;overflow-wrap:anywhere}
.load-panel .load-cargo-table th.load-col-1{width:12%}
.load-panel .load-cargo-table th.load-col-2{width:17%}
.load-panel .load-cargo-table th.load-col-3{width:13%}
.load-panel .load-cargo-table th.load-col-4{width:5%}
.load-panel .load-cargo-table th.load-col-5,.load-panel .load-cargo-table th.load-col-6{width:8%}
.load-panel .load-cargo-table th.load-col-7{width:13%}
.load-panel .load-cargo-table th:last-child{width:7%}
.load-pool .load-cargo-table th:first-child{width:24px}
.load-panel .load-cargo-table td button{padding:5px 3px;max-width:100%;white-space:normal}
.load-panel .load-note-detail summary{white-space:normal;overflow-wrap:anywhere}
.load-note-body{padding:8px 10px;display:grid;gap:8px}
.load-note-body label{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px}
.load-panel .load-boxes{min-width:0;padding:8px}
.load-panel .load-boxes table{min-width:0;width:100%}

.load-bulk-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:12px;align-items:end}.load-bulk label{display:grid;gap:6px;font-size:13px}.load-bulk textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #dce5ec;padding:8px;font:inherit}.load-bulk-actions,.load-bulk-destination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.load-bulk-destination{position:sticky;bottom:0;background:#fff;padding:14px;border-top:1px solid #dce5ec}.load-bulk-destination label{flex:1;min-width:250px}.load-panel .load-bulk-warning{color:#a64b28;overflow-wrap:anywhere}.load-bulk .load-cargo-table th:first-child{width:28px}@media(max-width:900px){.load-bulk-filters{grid-template-columns:1fr 1fr}.load-bulk-filters label:first-child{grid-column:1/-1}}
/* Batch workbench: keep the cargo pool, capacity and saved manifest together. */
.load-bulk-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.load-bulk-pool{min-width:0}
.load-bulk .load-bulk-destination{position:sticky;top:12px;bottom:auto;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:18px;background:#f5f9fc;border:1px solid #dce6ef;border-radius:8px;min-width:0}
.load-bulk .load-bulk-destination label{min-width:0;width:100%;display:block}
.load-bulk .load-bulk-destination select{width:100%;margin-top:8px}
.load-target-summary h3{font-size:15px;margin:0 0 12px}
.load-capacity{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-bottom:1px solid #dce6ef}
.load-capacity strong{font-size:18px;font-variant-numeric:tabular-nums}
.load-capacity small{grid-column:1/-1;color:#516579}
.load-capacity.is-over,.load-capacity.is-over small{color:#b42318}
.load-target-manifest{margin-top:24px;padding-top:20px;border-top:1px solid #dce6ef}
.load-panel .load-target-manifest .table-scroll{border:1px solid #e2eaf0;border-radius:8px;overflow:hidden;background:#fff}
.load-panel .load-target-manifest table{width:100%;table-layout:fixed;font-size:14px}
.load-panel .load-target-manifest th,.load-panel .load-target-manifest td{box-sizing:border-box;max-width:none;padding:14px 16px;text-align:left;vertical-align:middle;font-size:14px;line-height:22px;white-space:normal;overflow-wrap:break-word}
.load-panel .load-target-manifest th{padding-top:11px;padding-bottom:11px;font-size:12px;color:#586d80;background:#f4f7fa;font-weight:600;white-space:nowrap}
/* This table starts with an identifier, not the global 28px checkbox column. */
.load-panel .load-target-manifest th:first-child,.load-panel .load-target-manifest td:first-child{width:19%;white-space:nowrap;overflow-wrap:normal}
.load-panel .load-target-manifest th:nth-child(2){width:19%}
.load-panel .load-target-manifest th:nth-child(3){width:29%}
.load-panel .load-target-manifest th:nth-child(4){width:9%}
.load-panel .load-target-manifest th:nth-child(5),.load-panel .load-target-manifest th:nth-child(6){width:12%}
.load-panel .load-target-manifest td:first-child{font-family:Consolas,"Microsoft YaHei",monospace;font-weight:600;color:var(--load-blue);letter-spacing:.2px}
.load-panel .load-target-manifest th:nth-child(n+4),.load-panel .load-target-manifest td:nth-child(n+4){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.load-panel .load-target-manifest tbody tr:last-child td{border-bottom:0}
.load-panel .load-target-manifest tbody tr:hover{background:#f3f8fc}
.load-panel .load-target-manifest .load-empty{white-space:normal;text-align:center;font-family:inherit;font-weight:400;padding:32px 16px}
@media(max-width:700px){.load-panel .load-target-manifest th,.load-panel .load-target-manifest td{padding:10px 5px;font-size:12px;line-height:20px}.load-panel .load-target-manifest th:first-child,.load-panel .load-target-manifest td:first-child{width:23%}.load-panel .load-target-manifest th:nth-child(3){width:25%}}
.load-bulk .load-bulk-filters{grid-template-columns:2fr 1fr 1fr}
.load-bulk .load-bulk-actions{flex-wrap:wrap}
@media(max-width:1250px){.load-bulk-grid{grid-template-columns:minmax(0,1fr)}.load-bulk .load-bulk-destination{position:static;grid-row:1}.load-target-summary{display:flex;flex-wrap:wrap;gap:16px}.load-target-summary h3,.load-target-summary p{width:100%}.load-capacity{flex:1;min-width:160px}}
.load-plan-summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:14px 16px;margin-bottom:18px;background:#f4f8fb;border:1px solid #e2eaf0;border-radius:6px;font-size:13px}
.load-plan-summary button{margin-left:auto}
.load-simple-drawer .load-id-list{display:grid;gap:8px;margin-bottom:16px;font-size:13px}
.load-simple-drawer .load-id-list textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #dce5ec;border-radius:4px;font:inherit;resize:vertical}
.load-simple-drawer .load-workspace{display:block}
.load-simple-drawer .load-pool{margin:0}
.load-simple-drawer #load-picker-summary{margin-right:auto;font-size:13px;line-height:1.6;white-space:normal}
.load-simple-drawer .load-manifest>h3{margin-top:16px}
.load-simple-drawer .load-manifest .load-empty{min-height:100px}