:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263548;background:#f5f7fa;font-size:14px}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:34px;padding:7px 13px;background:#2563eb;border:1px solid #2563eb;color:white;border-radius:6px}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:default}button:focus-visible,summary:focus-visible{outline:3px solid #a5c3ff;outline-offset:2px}.secondary{background:white;color:#334155;border-color:#d7dfe9}.text-button{background:transparent;border-color:transparent;color:#2563eb;padding:6px 9px}.sidebar{position:fixed;inset:0 auto 0 0;width:200px;background:#14283e;color:#dbe7f4;display:flex;flex-direction:column;padding:26px 16px;box-sizing:border-box}.brand{display:flex;gap:12px;align-items:center;margin:0 2px 34px}.brand strong{font-size:17px;color:white}.brand small{color:#8ea6bd;display:block;margin-top:4px;font-size:11px;letter-spacing:1px}.brand-mark{display:grid;place-items:center;background:#3975ef;color:white;border-radius:10px;width:37px;height:37px;font-size:19px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;justify-content:space-between;background:none;border:0;color:#b4c6d8;text-align:left;padding:12px 14px}.nav-item.active{background:#263f5c;color:white}.nav-count{font-size:12px;padding:1px 7px;background:#314b68;border-radius:5px}.sidebar-note{margin-top:auto;padding:20px 12px 0;color:#8199b3;font-size:11px}.workspace{margin-left:200px}.topbar{height:64px;background:white;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#6a7a8e;font-size:13px}.topbar strong{color:#37475a}.account{display:flex;align-items:center;gap:12px}.account form{margin:0}main{max-width:1600px;margin:auto;padding:28px 30px}h1{font-size:25px;letter-spacing:-.4px;margin:0 0 8px}h3{font-size:15px}p{line-height:1.65}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading p{margin:0;color:#78879a;font-size:13px}.online,.offline{font-size:12px;white-space:nowrap}.online{color:#328469}.online:before{content:'●';margin-right:6px;font-size:9px}.offline{color:#ac6715}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{background:white;border:1px solid #e4e9f0;text-align:left;padding:17px 20px;color:#4a5a6f;display:grid;grid-template-columns:1fr auto;gap:8px}.metric strong{grid-column:2;grid-row:1/3;font-size:30px;font-weight:600;color:#243f66}.metric small{color:#91a0b3;font-size:11px}.work-panel{background:white;border:1px solid #e3e9f0;border-radius:9px;overflow:hidden}.toolbar{padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:18px}.status-tabs{display:flex;gap:4px;flex-wrap:wrap}.status-tabs button{background:none;color:#748296;border:0;font-size:13px}.status-tabs button.active{color:#2563eb;background:#edf4ff}.search input{width:290px;max-width:100%;box-sizing:border-box}.search{min-width:0}.list-tools{padding:0 20px 12px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8c98a8}.list-tools>div{display:flex;align-items:center;gap:8px}.list-tools label{display:flex;align-items:center;gap:6px}.list-tools select{width:auto;padding:5px 8px;border:0;background:#f7f9fc;font-size:12px}.list-head,.entry-summary{display:grid;grid-template-columns:minmax(180px,2fr) minmax(130px,1.25fr) 65px 100px minmax(155px,1.5fr) 96px;gap:14px;align-items:center;padding:16px 20px}.list-head{background:#f8fafc;font-size:12px;color:#8290a2;padding-top:11px;padding-bottom:11px;border-top:1px solid #eef1f6}.entry{border-top:1px solid #edf0f5}.entry-summary{font-size:13px;min-height:70px}.entry-summary:hover{background:#fafcff}.entry-summary small{display:block;color:#8b97a8;font-size:11px;margin-top:6px;line-height:1.55}.identity{display:flex;align-items:center;gap:12px;min-width:0}.identity>div{min-width:0}.identity strong{font-size:13px;font-weight:600;display:block;overflow-wrap:anywhere}.identity small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-button{border:0;background:#f5f7fa;padding:0;width:48px;height:48px;flex-shrink:0;overflow:hidden}.image-button img{width:100%;height:100%;object-fit:contain}.thumbnail-placeholder{width:48px;height:48px;display:grid;place-items:center;background:#edf3fc;color:#7490b6;border-radius:7px;flex-shrink:0;font-size:19px}.source{overflow-wrap:anywhere}.quantity{font-variant-numeric:tabular-nums}.quantity strong{font-size:16px}.badge{display:inline-block;background:#eff3f8;color:#64748b;font-size:11px;border-radius:4px;padding:4px 7px;line-height:1.5}.badge.todo{background:#ecf3ff;color:#2c65c4}.badge.waiting{background:#fff5e5;color:#a77724}.badge.done{background:#edf7f1;color:#4b8268}.badge.exception{background:#fff0ee;color:#b4574f}.progress small.sync-alert{color:#bb6b31}.open-entry{font-size:12px;white-space:nowrap}.entry-detail{background:#f8fafc;padding:20px;border-top:1px solid #e7edf5}.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.detail-heading p{font-size:12px;margin:7px 0 12px}.references{background:white;padding:0 14px;border:1px solid #e4eaf2;border-radius:6px;margin-bottom:16px}summary{cursor:pointer;color:#4a6381;padding:12px 0;font-size:13px}dl{margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}dl div{display:flex;gap:12px;font-size:12px}dt{color:#8b97a8;min-width:56px}dd{margin:0;overflow-wrap:anywhere}.task{border:1px solid #e0e7ef;background:white;border-radius:7px;padding:18px;margin-top:12px;min-width:0}.task-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.task-heading strong{font-size:13px;overflow-wrap:anywhere}.category{display:block;color:#8394a8;font-size:11px;margin-bottom:5px}.task p{font-size:12px}.task details{border-top:1px solid #edf0f5;margin-top:12px}.task details.products{margin-top:14px}.table{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#718399;font-weight:500;background:#f8fafc;white-space:nowrap}td,th{border-bottom:1px solid #edf0f5;padding:10px}td{max-width:340px;overflow-wrap:anywhere;min-width:55px}.table table{min-width:520px}.table img{width:42px;height:42px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}label{display:block;font-size:12px;line-height:1.7;color:#65778e}input,select,textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #d7e0ec;border-radius:5px;background:white;padding:8px;color:#334155;min-width:0}textarea{min-height:65px}fieldset{border:1px solid #e3eaf3;border-radius:5px;min-width:0}.check{padding:7px 0;overflow-wrap:anywhere}.check input{display:inline-block;width:15px;vertical-align:middle;margin-right:6px}.batch-check{display:none}.batch-mode .batch-check{display:block}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.config{padding:16px;border:1px solid #dce6f3;border-radius:6px;margin:14px 0;background:#fbfdff}.config h3{margin:0 0 12px}.config .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.config input[data-reservation]{min-width:70px;max-width:130px}.packing-editor{padding-top:5px}.packing-editor>label{margin-top:16px}.packing-totals{padding:12px;background:#f0f5fc;color:#486382;font-size:12px;line-height:1.8;margin-top:12px}.notice{background:#fff8eb;border-radius:5px;padding:10px 12px;color:#8e6b31;font-size:12px}.muted{color:#8795a8}.message{color:#278264;white-space:pre-wrap}.message.error{color:#b85143}.message:empty{display:none}.batch-panel{margin:0 20px 16px;padding:16px;background:#f4f8ff;border:1px solid #dce8fa;border-radius:6px}.batch-panel p{font-size:12px;color:#6d7f95}.pagination{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8a98a9}.pagination>div{display:flex;gap:8px}.pagination button{font-size:12px}.sync-records{margin-top:20px;color:#8a99ac}.sync-records summary{font-size:12px;color:#8a99ac}.sync-records p{font-size:12px}.empty{text-align:center;padding:60px 20px;color:#71839b}.empty strong{font-size:15px}.empty p{font-size:12px}footer{font-size:11px;color:#9ba8b8;padding:22px 0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{border:0;border-radius:10px;padding:16px;max-width:85vw}dialog::backdrop{background:#122638aa}dialog img{display:block;width:auto;max-width:78vw;max-height:75vh;margin-top:12px}
@media(max-width:1150px){.sidebar{width:165px;padding:24px 12px}.workspace{margin-left:165px}main{padding:24px 18px}.topbar{padding:0 18px}.list-head,.entry-summary{grid-template-columns:minmax(150px,1.7fr) minmax(100px,1fr) 54px 90px minmax(130px,1.3fr) 88px;gap:10px;padding-left:14px;padding-right:14px}.search input{width:230px}}
@media(max-width:850px){.sidebar{position:static;width:auto;padding:14px 16px}.brand{margin:0 0 14px}.brand-mark{width:32px;height:32px}.sidebar nav{flex-direction:row;flex-wrap:wrap;gap:5px}.nav-item{padding:7px 9px;font-size:12px;gap:7px}.sidebar-note{display:none}.workspace{margin-left:0}.topbar{height:48px}.list-head{display:none}.entry-summary{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px}.identity{grid-column:1/3}.source{grid-column:1}.quantity{text-align:right}.date{grid-column:1;font-size:12px}.progress{grid-column:1/3}.open-entry{grid-column:2;grid-row:3}.progress small{display:block}.overview{gap:9px}.metric{padding:13px}.metric strong{font-size:24px}.metric small{display:none}.toolbar{flex-wrap:wrap;padding:14px}.search,.search input{width:100%}.page-heading{align-items:flex-start}main{padding:20px 14px}.page-heading h1{font-size:22px}.online,.offline{font-size:11px}.entry-detail{padding:12px}.task{padding:12px}.config{padding:12px}.config .fields{grid-template-columns:repeat(2,minmax(0,1fr))}dl{grid-template-columns:1fr}.detail-heading>div{min-width:0;overflow-wrap:anywhere}.account{gap:5px;font-size:11px}.pagination{padding:14px}.list-tools{padding:0 14px 12px}.list-tools>div{gap:0}.batch-panel{margin:0 12px 12px}.task-heading{flex-wrap:wrap}.table table{min-width:500px}.page-heading p{max-width:230px}}

/* 列表与详情各自独立，保留原表单和待回传草稿。 */
.overview{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-mode .toolbar,.detail-mode .list-tools,.detail-mode .list-head,.detail-mode .pagination,.detail-mode .overview,.detail-mode #arrival-tabs{display:none!important}.detail-mode .entry:not(.selected-detail){display:none!important}.detail-mode .selected-detail>.entry-summary{display:none}.detail-mode .entry-detail{background:white}.related-tasks{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:14px 0;padding:10px;background:#f5f8fc}.config .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.packing-product{display:flex;align-items:center;gap:10px}.packing-product img{width:50px;height:50px;object-fit:contain}.config input{max-width:100%;box-sizing:border-box}.config table td:last-child{width:130px}.config table td:last-child input{width:110px}.requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.requirement{padding:14px;border:1px solid #e5ebf3;border-radius:6px}.requirement dl{display:block;margin-bottom:0}.requirement dt{color:#78879a}.requirement dd{margin:3px 0 10px;overflow-wrap:anywhere}#arrival-tabs button.active{background:#dce8ff;color:#2255bb}.buttons{flex-wrap:wrap}.preview-console{padding:14px;border:1px solid #efd3a0;background:#fff9eb;border-radius:8px;margin:16px 0}.preview-console form{display:inline-block;margin:6px}.preview-console p{margin:5px 0}.detail-mode #return-list{margin-bottom:12px}@media(max-width:850px){.requirements{grid-template-columns:1fr}.config .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:block}.metric strong{display:block}.related-tasks{align-items:flex-start}.page-heading{flex-wrap:wrap}}

.store-task{border:1px solid #e3e9f0;border-radius:8px;padding:14px;margin:14px 0}.store-task>summary{font-weight:600;color:#26436a;cursor:pointer}.related-tasks{display:block}.related-tasks>div{display:flex;flex-wrap:wrap;margin-top:8px}

.preview-banner{padding:14px 18px;margin:0 0 22px;border:1px solid #e6bf6a;border-radius:8px;background:#fff8df;color:#74521c;font-size:13px;line-height:1.6}.preview-banner-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.preview-banner p{margin:5px 0}.preview-banner .preview-console{padding:0;margin:8px 0 0;border:0;background:transparent}.preview-banner .preview-console form{display:inline-flex;vertical-align:top;flex-direction:column;gap:8px;max-width:100%;margin:8px 12px 8px 0}.preview-banner select{max-width:100%;min-width:0}.preview-banner label{display:flex;flex-direction:column;gap:4px}.preview-banner summary{cursor:pointer}.preview-banner .online{background:transparent;color:#74521c}@media(max-width:850px){.preview-banner .preview-console form{display:flex;margin-right:0}}