/* Eight-region ERP workbench. Existing values/actions are only regrouped. */
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#fff;border-bottom:1px solid var(--border)}
h1{font-size:23px;line-height:32px;font-weight:650;letter-spacing:.2px}header p{font-size:12px;color:#7b879a;margin-top:5px}header p strong{color:#576b89;font-weight:600}#settings{font-size:13px}
main{max-width:2400px;margin:auto;padding:16px 18px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:10px;font-size:13px}
.query-tools,.task-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.task-tools{margin-left:auto}.toolbar label{display:flex;align-items:center;gap:6px;color:#697a91;white-space:nowrap}.toolbar button{font-size:13px;white-space:nowrap}.task-tools .quiet{font-size:12px;padding:6px 7px}#posting{width:180px}.date-range{display:flex;align-items:center;gap:5px}.date-range input{width:126px;min-height:34px;font-variant-numeric:tabular-nums}.date-divider{color:#a0adbd}#range{min-width:75px}
.notice{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dce7f7;background:#eff5fc;color:#687e9b;border-radius:5px;padding:8px 12px;margin-bottom:10px;font-size:12px;line-height:20px}
#dismiss-notice{flex:none;width:26px;height:26px;padding:0;color:#6f83a1;background:transparent;border-color:#bfd0e8;font-size:22px}
.summary{border:1px solid var(--border);border-radius:6px;background:#fff;padding:10px 12px;margin-bottom:12px;font-size:12px;color:#7a8698}.summary #status{font-size:13px;color:#45566f;font-weight:500}.summary #summary{margin-top:3px}.summary details{margin-top:5px}.summary #progress:empty,.summary #summary:empty{display:none}
#error-list>div{padding:8px 0;color:#ac4545;border-bottom:1px solid #f2dfdf}#ledger{white-space:pre-wrap;color:#718199;font-size:12px}
.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--border);border-bottom:0;border-radius:6px 6px 0 0;padding:0 12px;min-height:48px}
.list-head nav{display:flex;gap:16px;align-items:center}.list-head nav button{border:0;border-radius:0;border-bottom:2px solid transparent;padding:13px 4px 11px;color:#63738a;background:transparent;font-size:14px}
.list-head nav button:hover{color:var(--accent)}.list-head nav .selected{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.list-head nav span{font-size:12px;margin-left:5px;font-weight:400;color:#8e9aaa}.list-head nav .selected span{color:#5984c5}
.list-head>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#8190a3;font-size:12px}.list-head label{display:flex;align-items:center;gap:6px}#page-size{padding:3px 7px;font-size:12px;min-width:58px}#query-label{font-size:12px}
.purchase-status{background:#fff;border:1px solid var(--border);border-bottom:0;padding:5px 14px;font-size:12px;color:#6c819d}.purchase-status:empty{display:none}
/* Keep page overflow visible so headers freeze to the viewport rather than a nested scroller. */
.table-wrap{background:#fff;border:1px solid var(--border);border-radius:0 0 6px 6px;overflow:visible;outline-offset:-2px}
table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.col-posting{width:16.5%}.col-status{width:10%}.col-reason{width:18%}.col-ai{width:13%}.col-logistics{width:11.5%}.col-purchase{width:13.5%}.col-processed{width:7%}.col-actions{width:10.5%}
th,td{text-align:left;padding:12px;vertical-align:top;overflow-wrap:anywhere}th{text-align:center;vertical-align:middle;position:sticky;top:0;z-index:5;background:#f7f9fc;color:#6b7b92;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;padding-top:10px;padding-bottom:10px;box-shadow:0 1px 0 #e2e8f0}
td{border-bottom:1px solid #edf0f5;font-size:14px;line-height:21px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faff}tbody tr.processed{background:#f5faf7}tbody tr.processed:hover{background:#edf7f1}
.posting-line,.reason-heading,.purchase-entry{display:flex;gap:5px;align-items:center;min-width:0}.posting{font-size:15px;font-weight:650;line-height:22px;color:#263b56;text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:0}.posting:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.jump-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:20px;color:#6590c8;border-radius:3px}.jump-button:hover{color:var(--accent);background:#e4eeff}.jump-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shipment-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;line-height:18px;color:#8793a4;margin-top:4px;font-variant-numeric:tabular-nums}.split-label{color:#b1693d;font-weight:600;font-size:11px;background:#fff3e8;padding:0 4px;border-radius:3px}
.row-actions{display:flex;align-items:center;gap:12px;margin-top:5px}.row-actions button{padding:0;border:0;background:transparent;font-size:12px;line-height:20px;color:#7d8ba0;border-radius:2px}.row-actions button:hover{color:var(--accent)}.row-actions .favorite.active{color:#a47e34}
.status-badge{display:inline-block;max-width:100%;font-size:14px;line-height:20px;padding:3px 9px;border-radius:4px;white-space:nowrap;font-weight:500;vertical-align:top}
.tone-orange{color:#a47130;background:#fff3df}.tone-red{color:#ac615d;background:#fbeeed}.tone-blue{color:#4678b5;background:#eaf2ff}.tone-green{color:#4b8564;background:#e8f4ed}.tone-neutral{color:#6c7c90;background:#edf1f6}.status-badge:has(.api-untranslated){white-space:normal}
.aftersale-status{color:#8190a4;overflow-wrap:anywhere}.reason-heading strong{font-size:14px;line-height:21px;font-weight:650;color:#374b68}.severity-urgent .reason-heading strong{color:#b34f46}.severity-warning .reason-heading strong{color:#a66c26}.severity-attention .reason-heading strong{color:#485e7d}
.reason-cell .secondary{color:#7d8ba0;font-size:12px;margin-top:3px;line-height:18px}.two-lines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.one-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.anomaly-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:#94a0b1;margin-top:5px;line-height:17px;font-variant-numeric:tabular-nums}.meta-divider{color:#b4bdca}.elapsed-emphasis{color:#a66c43;font-weight:600}
.ai-advice{padding:8px 10px;border:1px solid #e5edf9;border-left:2px solid #b9ccea;background:#f4f7fd;border-radius:4px;line-height:20px;font-size:13px}.ai-advice strong{display:block;font-weight:600;color:#49688f}.ai-advice span{display:block;color:#7990ad;font-size:12px;margin-top:2px}.ai-advice.is-empty strong{color:#778ba6;font-weight:500}.ai-advice.is-empty{border-color:#e9eef5;border-left-color:#d1dceb;background:#f7f9fc}
.logistics-text{font-size:13px;line-height:20px;color:#556a86}.purchase-entry{margin-bottom:5px;gap:5px;align-items:center}.purchase-entry:last-child{margin-bottom:0}.purchase-number{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:calc(100% - 24px);font-size:13px;line-height:21px;color:#425876;user-select:all;font-variant-numeric:tabular-nums}
.purchase-entry .jiuyun-order-qr-button{flex:none}.purchase-missing{display:inline-block;background:#fff6e9;color:#a78450;font-size:12px;line-height:20px;padding:1px 5px;border-radius:3px}
.action-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.text-action{border:1px solid #dce4ee;background:#fff;padding:3px 7px;min-height:30px;font-size:12px;line-height:22px;color:#526987;border-radius:4px;white-space:nowrap}.text-action:hover{color:var(--accent);background:#edf4ff;border-color:#aac5ea}.process-action{color:#326ac1;font-weight:600;background:#edf4ff;border-color:#c8dcf7}.process-action:hover{background:#dfeeff}
.note{font-size:11px;line-height:17px;margin-top:6px;color:#9aa6b6;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer}.note.has-note{color:#637894}.note:hover{color:var(--accent)}.system-note{font-size:11px;line-height:17px;color:#85978b}
.row-menu{position:relative;margin:0;line-height:21px}.row-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;font-size:20px;color:#6c7e96;line-height:22px;min-width:30px;min-height:30px;padding:3px 5px;border:1px solid #dce4ee;background:#fff;border-radius:4px;cursor:pointer}.row-menu>summary:hover{background:#edf4ff;color:var(--accent);border-color:#aac5ea}.row-menu>summary::-webkit-details-marker{display:none}.row-menu[open]>summary{background:#eaf0fa;color:var(--accent)}
.menu-items{position:absolute;right:0;top:34px;z-index:10;min-width:160px;background:#fff;border:1px solid #dfe6f0;box-shadow:0 6px 20px #24365420;border-radius:5px;padding:5px}.menu-items a,.menu-items button{display:block;width:100%;border:0;background:#fff;color:#526785;text-decoration:none;text-align:left;border-radius:3px;padding:6px 8px;font-size:12px;white-space:nowrap}.menu-items a:hover,.menu-items button:hover{background:#eff4fc;color:var(--accent)}
.empty-row td{padding:45px 16px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8997a9;font-size:13px}.empty-state strong{font-size:14px;color:#697e98;font-weight:500}
.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 0;font-size:12px;color:#7d8c9f}.pagination button{font-size:12px;padding:3px 8px}
footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:3px 0 12px;color:#8d99aa;font-size:12px}.data-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.data-buttons button{color:#72839b;background:transparent;border-color:transparent;font-size:12px}.data-buttons button:hover{border-color:#dce4ee;background:#fff}.data-buttons .danger{color:#b16969}.data-buttons .has-untranslated{color:#b42318}
/* Small labels remain secondary through size/weight, with sufficient contrast for reading. */
.shipment-meta,.anomaly-meta,.note,.system-note{color:#68788d}
.reason-cell .secondary,.aftersale-status{color:#68788d}
.row-actions button{color:#697b93}
.tone-orange{color:#8e6429}.tone-green{color:#3f7053}.tone-blue{color:#3d6598}
.ai-advice.is-empty strong,.ai-advice span{color:#647792}
.shipment-cell{position:relative;padding-left:36px}.shipment-check{position:absolute;left:11px;top:16px}
input.order-check{width:15px;height:15px;min-height:0;margin:0;padding:0;accent-color:#3978cf;cursor:pointer;flex:none}
.select-heading{position:relative;display:flex;align-items:center;justify-content:center;min-height:18px}.select-heading .order-check{position:absolute;left:0;top:50%;transform:translateY(-50%)}.selected-order{background:#f0f6ff}.selected-order.processed{background:#edf6f2}
.bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#f0f5fc;border:1px solid #d6e3f5;border-radius:4px;padding:8px 12px;margin:0 0 8px;font-size:12px;color:#526985}
.bulk-toolbar strong{color:#326ac1}.bulk-toolbar>button{font-size:12px;padding:4px 9px;background:#fff;border-color:#ceddf1}.bulk-toolbar .clear-selection{margin-left:auto;background:transparent;border-color:transparent;color:#68788d}
.bulk-toolbar .row-menu>summary{font-size:12px;line-height:24px}.bulk-toolbar .menu-items{left:0;right:auto}
.bulk-note-mode{display:flex!important;align-items:center;gap:12px;margin-bottom:14px}.bulk-note-mode select{font-size:13px}#bulk-note-text{width:100%;min-height:160px}
.bulk-note-editor{font-size:14px;line-height:22px;resize:vertical}
@media(max-width:1600px){.shipment-cell{padding-left:32px}.shipment-check{left:9px}.col-posting{width:18.5%}.col-reason{width:18%}.col-ai{width:12%}}
@media(max-width:1600px){main{padding:12px}header{padding:15px 18px}th,td{padding-left:10px;padding-right:10px}.posting{font-size:14px}.toolbar{gap:8px}.task-tools{gap:3px}#posting{width:163px}.action-cluster{gap:4px}.ai-advice{padding:7px 8px}.col-posting{width:17%}.col-reason{width:18.5%}}
@media(max-width:1380px){header p{font-size:11px}.toolbar{font-size:12px}.toolbar button{font-size:12px}.toolbar label{gap:4px}.query-tools{gap:6px}.date-range input{width:122px}th{font-size:12px}td{font-size:13px}.posting{font-size:14px}.shipment-meta{gap:4px;font-size:11px}.reason-heading strong{font-size:13px}.status-badge{font-size:13px;padding:3px 8px}.action-cluster{gap:4px}.text-action{font-size:12px;padding:3px 6px}.ai-advice{font-size:12px;padding:6px}.ai-advice span{font-size:11px}.purchase-number{font-size:12px}.logistics-text{font-size:12px}}
@media(max-width:1050px){.task-tools{margin-left:0}.list-head{flex-wrap:wrap;padding-bottom:8px}footer{align-items:flex-start;flex-direction:column}.table-wrap{overflow-x:auto}table{min-width:1000px}th{position:static}.toolbar .posting-search{width:100%}#posting{width:220px}.note-dialog .note-editor{min-height:160px}}

@media(min-width:1051px) and (max-width:1600px){.shipment-cell{padding-left:32px}.col-posting{width:18.5%}.col-reason{width:18%}.col-ai{width:12%}}

/* Staff interactions and alignment. No data mutation or status classification in CSS. */
.reason-cell.real-aftersale .return-standard-reason{font-size:13px;line-height:19px;font-weight:600;color:#43546b;margin-top:3px}
.real-aftersale .anomaly-meta{font-size:11px;font-weight:400;margin-top:6px;color:#738196}
.real-aftersale .elapsed-emphasis{font-weight:500;color:#947348}
.status-cell,.logistics-cell,.purchase-cell,.processed-cell,.actions-cell{vertical-align:middle}
.copy-number{display:block;border:0;background:transparent;padding:0;min-height:0;text-align:left;border-radius:3px;cursor:pointer;user-select:text}
.copy-number:hover{color:var(--accent);background:#edf4ff;text-decoration:underline;text-underline-offset:3px}
.copy-number:focus-visible,.jump-button:focus-visible,.text-action:focus-visible,.row-menu>summary:focus-visible{outline:2px solid #3978cf;outline-offset:3px}
.shipping-age{font-size:14px;line-height:18px;font-weight:700;color:#c44b42}
.actions-cell .text-action:disabled{opacity:.55;cursor:default}
.bulk-toolbar .row-menu>summary{border:0;background:transparent;padding:0 4px;min-height:26px}
@media(min-width:1051px) and (max-width:1600px){.col-ai{width:11%}.col-actions{width:10.5%}.actions-cell{padding-left:8px;padding-right:8px}}
@media(min-width:1051px) and (max-width:1380px){.col-reason{width:17.5%}.col-ai{width:10%}.col-actions{width:12%}}

/* Three-line order rows. Keep long text on its allotted line, with full title tooltips. */
.col-posting{width:15%}.col-status{width:9%}.col-reason{width:20%}.col-ai{width:13%}.col-logistics{width:11.5%}.col-purchase{width:12.5%}.col-processed{width:7%}.col-actions{width:12%}
th{height:40px;padding:10px;text-align:center}
th:not(:last-child)::after{content:"";position:absolute;right:0;top:10px;bottom:10px;width:1px;background:#dce3ec}
td{height:93px;padding:10px;vertical-align:top;text-align:center}
.shipment-cell{padding-left:43px;position:relative}.shipment-check{left:11px;top:15px}
th:first-child{padding-left:43px}.select-heading{justify-content:center;width:165px;max-width:100%}.select-heading .order-check{left:-32px}
.shipment-content{height:72px;width:188px;max-width:100%;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.posting-line{justify-content:center;gap:5px;height:22px}
.posting{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}
.shipment-meta{margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;height:20px;font-size:12px;text-align:center}
.shipment-meta:not(.capture-meta){display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap}
.shipment-meta time{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.split-label{flex:none;white-space:nowrap}
.status-cell,.logistics-cell,.purchase-cell,.processed-cell{vertical-align:middle}
.status-badge{border:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:20px;padding:3px 8px}
.status-badge span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.status-badge:has(.api-untranslated){white-space:nowrap}
.processed-cell .status-badge:hover:not(:disabled){filter:brightness(.97);box-shadow:0 0 0 1px #d9e3ec}
.processed-cell .status-badge:disabled{opacity:1;cursor:default}
.aftersale-status{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;max-width:100%;margin-top:4px;font-size:12px}
.reason-content{height:72px;display:flex;flex-direction:column;gap:3px;min-width:0;justify-content:flex-start}
.reason-heading{display:block;min-width:0;height:22px;line-height:22px;text-align:center}
.reason-heading strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reason-cell .secondary,.reason-cell.real-aftersale .return-standard-reason{margin:0;line-height:20px;height:20px;font-size:12px}
.reason-cell.real-aftersale .return-standard-reason{font-weight:600}
.shipping-age{font-size:inherit;line-height:inherit;font-weight:700;color:#c44b42}
.return-created{font-size:12px;color:#758399;line-height:20px;height:20px;font-variant-numeric:tabular-nums}
td .one-line,td .one-line:has(.api-untranslated){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.reason-cell .one-line.api-untranslated{white-space:nowrap;overflow:hidden}
.ai-advice{height:72px;padding:8px;display:flex;flex-direction:column;justify-content:center;text-align:left;min-width:0}
.ai-advice strong,.ai-advice span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}
.logistics-line{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.logistics-text{flex:0 1 auto;max-width:calc(100% - 22px);line-height:20px;text-align:center}
.purchase-entry{justify-content:center;margin-bottom:3px;max-height:21px;min-width:0}
.purchase-list{max-height:66px;overflow:auto;scrollbar-width:thin}
.actions-cell{vertical-align:top;text-align:left;padding-top:10px}
.action-cluster{height:28px;flex-wrap:nowrap;justify-content:center;gap:4px}
.text-action{min-height:28px;height:28px;line-height:20px;padding:3px 6px}
.favorite.active{color:#99752e;background:#fff7e7;border-color:#ecdbb5}
.row-menu>summary{min-height:28px;height:28px;min-width:28px;line-height:20px;padding:3px 4px}
.note{display:-webkit-box;height:40px;min-height:40px;margin:4px 0 0;padding:2px 6px;border:1px solid #e0e6ed;border-radius:3px;background:#fff;font-size:12px;line-height:17px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden;cursor:text;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.note:hover{border-color:#adc5e3;color:#526b8a}.note:focus-visible{outline:2px solid #3978cf;outline-offset:2px}
.note:not(.has-note){color:#8793a5}
#note-system-log:empty{display:none}
@media(min-width:1051px) and (max-width:1600px){.col-posting{width:19.5%}.col-status{width:9%}.col-reason{width:18%}.col-ai{width:11%}.col-logistics{width:10.5%}.col-purchase{width:12%}.col-processed{width:7%}.col-actions{width:13%}.shipment-cell,th:first-child{padding-left:41px}.select-heading .order-check{left:-30px}.shipment-check{left:10px}.shipment-meta{font-size:11px}.text-action{padding:3px 5px}.logistics-text{font-size:12px}}
@media(min-width:1051px) and (max-width:1380px){.col-posting{width:20%}.col-status{width:9%}.col-reason{width:18%}.col-ai{width:10.5%}.col-logistics{width:10.5%}.col-purchase{width:12%}.col-processed{width:7.5%}.col-actions{width:12.5%}.action-cluster{gap:3px}.text-action{font-size:11px;padding:3px 4px}.shipment-meta{font-size:11px}.processed-cell .status-badge{padding:3px 6px}.note{font-size:11px}}

/* Keep progress after 待重试 on the same reserved row, including idle/long jobs. */
.summary .summary-line{display:flex;align-items:center;gap:12px;height:21px;min-height:21px;overflow:hidden;margin-top:3px;white-space:nowrap}
.summary-line #summary{margin:0;flex:0 0 auto}
.summary-line #progress{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1;margin:0}
.summary-line #progress:empty,.summary-line #summary:empty{display:block}

/* Workbook advice: one conclusion + two compact action lines. Full text remains accessible. */
button.ai-advice{width:100%;margin:0;cursor:pointer;align-items:stretch;justify-content:flex-start;font-family:inherit;font-size:13px;box-shadow:none}
button.ai-advice.has-advice{border-color:#dbe5f3;border-left-color:#91afd3;background:#f5f8fc}
button.ai-advice:hover{background:#eef4fc;border-color:#b9cce5}
button.ai-advice:focus-visible{outline:2px solid #3978cf;outline-offset:2px}
button.ai-advice strong{flex:none;font-size:13px;line-height:20px;max-width:100%;color:#3b5879}
button.ai-advice span{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:17px;font-size:12px;margin-top:3px;color:#5c6f87;overflow:hidden}
button.ai-advice.is-empty{justify-content:center}
button.ai-advice.is-empty strong{color:#748194;font-weight:500}
.advice-dialog{width:540px;max-width:calc(100vw - 40px);color:#33465e}
#advice-posting{font-size:13px;color:#7d8b9e;font-variant-numeric:tabular-nums}
#advice-conclusion{display:block;font-size:16px;line-height:24px;color:#334f70}
#advice-steps{padding-left:23px;margin:12px 0 18px;font-size:14px;line-height:1.8}
#advice-steps li+li{margin-top:7px}
#advice-steps:empty{display:none}
.advice-basis{border-top:1px solid #e6ebf2;padding-top:9px;color:#7a8798;font-size:12px;line-height:1.7}
.advice-basis p{margin:4px 0}
.advice-basis p:empty{display:none}
@media(max-width:1380px){button.ai-advice{padding:6px}button.ai-advice strong{font-size:12px}button.ai-advice span{font-size:11px;line-height:17px}}

/* ui-design: compact operations workspace. Presentation only; preserve row geometry. */
:root {
  --accent: #245fc4;
  --border: #dbe3ed;
  --muted: #617186;
  color: #24364c;
  background: #eef2f6;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}
body > header {
  padding: 16px 24px;
  background: #172c46;
  color: #fff;
  border-bottom: 3px solid #477fd1;
}
body > header > div { border-left: 3px solid #8fb8f3; padding-left: 13px; }
body > header h1 { font-size: 21px; line-height: 28px; letter-spacing: .5px; }
body > header p { color: #bfcddd; margin-top: 4px; }
body > header p strong { color: #edf4ff; }
#settings { background: #253d59; border-color: #516580; color: #eef4fc; }
#settings:hover { background: #365475; border-color: #92b3df; }
main { padding: 16px 20px; }
.toolbar { padding: 12px; gap: 12px; border-radius: 6px; }
.toolbar label { color: #516279; font-weight: 500; }
.toolbar input,.toolbar select { border-color: #cbd6e3; min-height: 34px; }
.toolbar input::placeholder { color: #68788d; }
.task-tools { border-left: 1px solid var(--border); padding-left: 12px; }
.task-tools .quiet { color: #52657d; }
#acquire { box-shadow: 0 1px 2px #17366420; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
button:not(:disabled), a, summary { transition: background-color 120ms ease, border-color 120ms ease; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline: 2px solid #245fc4; outline-offset: 3px;
}
#settings:focus-visible { outline-color: #bdd7ff; }
input[type="checkbox"] { accent-color: var(--accent); }
.summary { border-left: 3px solid #7898c0; padding: 10px 13px; color: #617186; }
.summary #status { color: #324c6d; font-weight: 600; }
.summary details > summary { color: #536984; }
.summary .summary-line { color: #596d85; }
.list-head { padding: 0 14px; min-height: 50px; border-top: 2px solid #b9c9de; }
.list-head{position:sticky;top:0;z-index:20}
.list-controls{flex-wrap:nowrap!important;white-space:nowrap}
.list-head nav { gap: 18px; }
.list-head nav button { color: #52647b; }
.list-head nav span { display: inline-block; padding: 0 6px; border-radius: 4px; color: #536680; background: #eef2f7; font-variant-numeric: tabular-nums; }
.list-head nav .selected span { color: #174a9b; background: #e4edfc; font-weight: 600; }
.list-head nav .selected { border-bottom-width: 3px; }
.list-head > div { color: #617186; }
th { background: #eaf0f7; color: #425a78; box-shadow: 0 1px 0 #cad7e7; }
th:not(:last-child)::after { background: #ccd8e7; }
td { border-bottom-color: #e2e9f1; }
tbody tr:nth-child(even):not(.processed):not(.selected-order) { background: #fafbfd; }
tbody tr:not(.processed):hover { background: #f0f5fc; }
tbody tr:focus-within { background: #f0f5fc; }
tbody tr.selected-order,tbody tr.selected-order:hover { background: #eaf2ff; }
tbody tr.selected-order td:first-child { box-shadow: inset 3px 0 #356dc5; }
tbody tr.processed { background: #f3f8f5; }
.posting { color: #253e60; font-weight: 700; }
.shipment-meta,.return-created,.reason-cell .secondary,.aftersale-status { color: #627187; }
.tone-red { color: #9b3d35; background: #fbeeea; }
.tone-orange,.purchase-missing { color: #865614; background: #fff3dc; }
.tone-green { color: #326447; background: #e4f2e9; }
.tone-blue { color: #285b97; background: #e8f0fc; }
.tone-neutral { color: #526175; background: #edf1f5; }
button.ai-advice.has-advice { border-color: #dde6f1; border-left: 2px solid #779cc9; background: #f3f7fc; }
button.ai-advice:hover { border-color: #7f9fc8; background: #eaf2fc; }
button.ai-advice strong { color: #34567f; }
button.ai-advice span { color: #526982; }
button.ai-advice.is-empty { background: #f8fafc; }
.note { border-color: #d8e1ec; background: #fff; }
.note:not(.has-note) { color: #687a90; }
.note:hover { border-color: #779bc9; background: #f9fbff; }
.row-menu[open] > summary { border-color: #8ba7ce; background: #e9f1ff; }
.menu-items { border-color: #c7d5e7; box-shadow: 0 6px 20px #172c4524; }
.menu-items button:focus-visible,.menu-items a:focus-visible { outline-offset: -2px; }
.bulk-toolbar { background: #e9f1ff; border-color: #b7ccea; }
.pagination { color: #546a84; padding: 12px 2px; }
.pagination button { min-height: 32px; }
footer { border-top: 1px solid #d7e0eb; padding-top: 12px; color: #607188; }
.data-buttons button { color: #536a85; }
.data-buttons .danger { color: #a14740; }
.data-dialog { border: 1px solid #c4d1e2; border-top: 3px solid #477fd1; border-radius: 8px; }
.data-dialog h2 { color: #233e60; }
dialog::backdrop { background: #10223880; }
.dialog-actions { padding-top: 14px; border-top: 1px solid #e0e7f0; }
.empty-state { color: #607188; }
.empty-state strong { color: #344e70; font-weight: 600; }
@media (max-width: 1600px) {
  main { padding: 12px; }
  body > header { padding: 14px 18px; }
  .toolbar { gap: 10px; }
  .task-tools { padding-left: 9px; }
}
@media (max-width: 1200px) {
  .task-tools { margin-left: 0; border-left: 0; padding-left: 0; }
}
@media (max-width: 1050px) {
  .table-wrap { overflow: auto; }
  table { min-width: 1200px; }
  .col-posting { width: 20%; }.col-status { width: 9%; }.col-reason { width: 18%; }
  .col-ai { width: 10.5%; }.col-logistics { width: 10.5%; }.col-purchase { width: 12%; }
  .col-processed { width: 7.5%; }.col-actions { width: 12.5%; }
  .table-wrap th { position: relative; }
  .query-tools,.task-tools { row-gap: 9px; }
  .table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
}
@media (max-width: 620px) {
  body > header { padding: 13px 12px; gap: 8px; }
  body > header h1 { font-size: 18px; }
  body > header p { max-width: 230px; overflow-wrap: anywhere; }
  #settings { flex-shrink: 0; padding: 6px 8px; }
  main { padding: 10px 8px; }
  .toolbar { padding: 10px; }
  .query-tools { width: 100%; }
  .toolbar .posting-search { display: flex; width: 100%; }
  #posting { flex: 1; width: 0; min-width: 0; }
  .date-range input { width: 126px; }
  .task-tools { border-top: 1px solid #e0e7f0; padding-top: 10px; width: 100%; }
  .task-tools button { min-height: 36px; }
  .summary .summary-line { height: auto; min-height: 21px; flex-wrap: wrap; white-space: normal; }
  .summary-line #summary { flex: 0 1 auto; }
  .summary-line #progress { flex-basis: 100%; }
  .summary-line #progress:empty { display: none; }
  .list-head { padding: 0 9px 8px; gap: 4px; }
  .list-head nav { width: 100%; justify-content: space-between; gap: 4px; }
  .list-head nav button { font-size: 13px; padding: 11px 2px 9px; }
  .list-head nav span { margin-left: 2px; padding: 0 4px; }
  .list-head > div { justify-content: flex-end; width: 100%; }
  .data-buttons { gap: 6px; }
  .data-buttons button { min-height: 32px; }
  .data-dialog { padding: 16px; max-width: calc(100vw - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  button,a,summary { transition: none; }
}

/* Local counters and column filters; all persisted business data remains unchanged. */
.summary-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;min-height:25px}
.summary-top #status{flex:0 1 auto;min-width:0}
.unprocessed-breakdown{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;line-height:21px;font-variant-numeric:tabular-nums}
.breakdown-label{color:#52647b;white-space:nowrap}
.breakdown-item{display:inline-flex;align-items:baseline;gap:3px;padding:1px 6px;border-radius:3px;white-space:nowrap}
.breakdown-item strong{font-size:13px;font-weight:650}
.breakdown-aftersale{color:#285b97;background:#edf3fc}.breakdown-refusal{color:#8d4a56;background:#faeef1}
.breakdown-warning{color:#865614;background:#fff3dc}.breakdown-overdue{color:#a63e35;background:#fbeeea}.breakdown-other{color:#526175;background:#edf1f5}
@media(min-width:1051px){.table-wrap th{top:50px}}
.reason-content{justify-content:center}
.shipment-content{width:100%;margin-inline:auto}
.posting-line{position:relative;display:block;padding-inline:22px}
.posting-line .posting{width:100%;text-align:center;max-width:100%}
.posting-line .jump-button{position:absolute;right:0;top:1px}
.select-heading{width:100%}
.header-caption{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;max-width:100%}
th{padding-top:9px;padding-bottom:9px}
.column-filter-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;min-height:22px;padding:3px;border:0;border-radius:3px;background:transparent;color:#71849e}
.column-filter-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.column-filter-button:hover,.column-filter-button.active{background:#dce8f9;color:#245fc4}
.column-filter-button.active{box-shadow:inset 0 -2px #245fc4}
.column-filter-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 12px;border:1px solid var(--border);border-bottom:0;background:#fff;font-size:12px}
.filter-chip{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:25px;padding:1px 7px;font-size:12px;color:#2e527f;background:#edf3fc;border-color:#ccdbef}
.clear-filters{padding:1px 7px;font-size:12px;min-height:25px;border:0;background:transparent;color:#657992}
.header-filter{position:fixed;inset:auto;margin:0;padding:14px;width:290px;max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);overflow:auto;border:1px solid #c7d5e7;border-radius:5px;background:#fff;color:#33465e;box-shadow:0 8px 24px #172c4524;font-size:13px}
.filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:22px}
.filter-head strong{font-size:14px}.filter-head button{width:24px;height:24px;min-height:24px;padding:0;border:0;background:transparent;font-size:21px;line-height:24px;color:#71849e}
#header-filter-hint{font-size:11px;line-height:18px;color:#74849a;margin:6px 0 10px}
#header-filter-input{width:100%;min-height:34px;font-size:13px}
.header-filter-options{max-height:250px;overflow-y:auto;margin-top:8px;scrollbar-width:thin}
.filter-option{display:flex;align-items:center;gap:8px;margin:0;padding:7px 2px;cursor:pointer;line-height:19px;min-height:33px}
.filter-option input{width:15px;height:15px;min-height:0;padding:0;margin:0;flex:none;accent-color:#245fc4}
.filter-option span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-option small{flex:none;color:#8090a4;font-size:11px;font-variant-numeric:tabular-nums}
.filter-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e0e7f0}
.filter-actions button{font-size:12px;min-height:30px;padding:4px 10px}
@media(max-width:1380px){.header-caption{gap:1px}.column-filter-button{width:20px;height:22px;padding:2px}.unprocessed-breakdown{gap:4px}.breakdown-item{padding:1px 4px}.breakdown-item strong{font-size:12px}}
@media(max-width:1050px){.list-head{top:0}.table-wrap th{top:auto}}
@media(max-width:1050px) and (min-width:621px){.list-head{row-gap:0}.list-head nav{min-height:48px}.list-controls{min-height:48px}}
@media(max-width:620px){.list-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px;flex-wrap:initial!important;white-space:normal;justify-content:stretch;align-items:center;max-width:100%;min-width:0}.list-controls #query-label:empty{display:none}.list-controls .unprocessed-breakdown{grid-column:1;grid-row:1;max-width:100%;min-width:0;justify-content:flex-start}.list-controls>label{grid-column:2;grid-row:1}.list-controls #reset-query:not([hidden]){grid-column:2;grid-row:2}.list-controls .breakdown-item{gap:2px;padding-inline:3px}.list-controls .breakdown-label{display:none}}