[hidden]{display:none!important}
.pagination .simple-actions>label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.pagination .simple-actions>label select{width:auto;min-width:78px}
.pagination :is(select,.button){height:42px;min-height:42px;padding:7px 9px;line-height:1.6}
.pagination .simple-actions>span{white-space:nowrap}
.simple-movement-filters :is(input,select),.simple-movement-toolbar>.simple-actions>.button{height:calc(1.6em + 24px)}
.goods-pager{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;flex-wrap:wrap}.goods-pager button{white-space:nowrap}.goods-detail-panel>.trade-goods-pages{padding:16px}
.simple-header.simple-movement-toolbar{flex-wrap:wrap;align-items:flex-end}.simple-movement-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;flex:1;min-width:0}.simple-movement-filters label{min-width:140px;max-width:280px;flex:1}.simple-movement-filters .simple-search{min-width:180px;flex:1}
.trade-goods-cell{min-width:280px;white-space:normal}.trade-goods-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.trade-goods-list li{display:grid;gap:6px;white-space:normal}.trade-goods-list li+li{padding-top:12px;border-top:1px solid var(--line)}.trade-goods-list strong{font-size:var(--reading-body);overflow-wrap:anywhere}.goods-spec{color:var(--reading-secondary);font-size:var(--reading-body);overflow-wrap:anywhere}.goods-code{font-size:var(--reading-note)}.goods-values{display:flex;flex-wrap:wrap;gap:6px 20px;font-variant-numeric:tabular-nums}.goods-values span{white-space:normal}.goods-values b{font-weight:600}.goods-detail-panel{margin:16px 0}.goods-detail-panel>.trade-goods-list{padding:16px}
.unified-money-table td:nth-child(n+3):nth-child(-n+6){font-variant-numeric:tabular-nums;white-space:nowrap}
.unified-money-table td:nth-child(4) small{white-space:nowrap}
.sidebar nav button.active,.sidebar nav button.active:hover{color:white}
.unified-money-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.unified-money-filters label{flex:1;min-width:160px}.unified-money-table small{display:block;color:var(--muted);margin-top:5px;white-space:normal}.unified-money-table td{vertical-align:top}.unified-money-table td:nth-child(2){min-width:210px}
.simple-banner{padding:9px 16px;border-bottom:1px solid var(--line);background:#e8f3f0;color:#246d64;text-align:center;font-size:12px}
.simple-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.simple-in{color:#087e4e;font-weight:700}.simple-out{color:#c33b35;font-weight:700}.simple-stock{color:#087fb3;font-weight:700}.simple-note{font-size:13px;color:var(--muted)}.simple-form-note{padding:12px;background:var(--paper);border-radius:8px}.simple-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.simple-tabs{display:flex;gap:8px;margin-bottom:16px}.simple-tabs button{flex:1}.simple-search{max-width:280px}.simple-mobile-extra{display:none}
@media(max-width:760px){.simple-header{align-items:stretch;flex-direction:column}.simple-actions .button{flex:1}.simple-search{width:100%;max-width:none}.simple-tabs{gap:6px}.simple-tabs .button{padding:10px 6px}.simple-mobile-extra{display:block}.mobile-nav{grid-template-columns:repeat(4,1fr)}.simple-form-note{overflow-wrap:anywhere}}
 .simple-money-fields{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:12px;min-width:0}.simple-money-fields legend{font-size:13px}.simple-money-cell{white-space:pre-line;min-width:170px}.simple-money-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.simple-money-summary>div{background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:12px;font-size:12px}.simple-money-summary strong{display:block;margin-top:8px;font-size:20px}.mobile-nav,.mobile-nav.operator-layout{grid-template-columns:repeat(8,minmax(72px,1fr));overflow-x:auto}
.order-progress { min-width: 190px; padding-top: 6px; }
.order-progress small,.order-line-spec { display: block; margin-top: 5px; color: #617580; }
.order-detail-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin: 20px 0; }
.order-detail-heading h2 { margin: 0; }
.order-detail-heading p { color: #617580; }
#content > .panel + .panel { margin-top: 20px; }
.order-draft { display: flex; align-items: center; justify-content: space-between; padding: 18px; gap: 16px; border-top: 1px solid #d9e2e2; }
.order-record-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:24px 0 16px}
.order-record-tabs .button{white-space:normal}
.order-draft>span{min-width:0;overflow-wrap:anywhere}
.order-draft>.simple-actions{flex-shrink:0}
@media(max-width:760px){.order-record-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.order-draft{align-items:stretch;flex-direction:column}}
:root { --event-arrival:#087e4e; --event-arrival-bg:#e8f6ee; --event-dispatch:#c33b35; --event-dispatch-bg:#fcecef; --event-payment:#175ca4; --event-payment-bg:#eaf2fc; --event-gift:#7030a0; --event-gift-bg:#f4ebfb; --event-return:#b32f3b; --event-return-bg:#fcecef; --event-pending:#9a5800; --event-pending-bg:#fff3df; }
.event-arrival,.event-settled { --event-color:var(--event-arrival); --event-bg:var(--event-arrival-bg); }
.event-dispatch { --event-color:var(--event-dispatch); --event-bg:var(--event-dispatch-bg); }
.button.history-direction{color:var(--event-color)}
.button.history-direction[aria-pressed="true"]{background:var(--event-bg);border-color:var(--event-color);box-shadow:inset 0 -2px var(--event-color)}
.event-gift { --event-color:var(--event-gift); --event-bg:var(--event-gift-bg); }
.event-return { --event-color:var(--event-return); --event-bg:var(--event-return-bg); }
.event-pending { --event-color:var(--event-pending); --event-bg:var(--event-pending-bg); }
.event-text { color:var(--event-color); font-weight:600; }
.event-badge,.gift-badge { display:inline-block; color:var(--event-color); background:var(--event-bg); border:1px solid currentColor; border-radius:4px; padding:2px 6px; font-size:12px; white-space:nowrap; font-weight:600; }
.gift-badge { --event-color:var(--event-gift); --event-bg:var(--event-gift-bg); }
.line-row.gift-line { border-left:3px solid var(--event-gift); }
.line-row > .return-quantity-note { grid-column:1/-1; margin:0; padding:10px 12px; background:var(--paper); border-radius:8px; }
.line-actions { gap: 10px; }
@media(max-width:700px) { .order-detail-heading { align-items: flex-start; flex-direction: column; } }
.simple-tabs.partner-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.partner-detail-table td[colspan]::before{display:none}
@media(max-width:760px){.simple-tabs.partner-detail-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.event-payment { --event-color:var(--event-payment); --event-bg:var(--event-payment-bg); }
/* Consistent monetary roles across ledger, party and order summaries. */
.money-total{color:var(--event-payment)}
.money-settled{color:var(--event-arrival)}
.money-pending{color:var(--event-pending)}
.money-refund{color:var(--event-return)}
/* Return/refund navigation keeps its business meaning, including the selected state. */
.simple-tabs .button:is([data-order-record-tab="returns"],[data-order-record-tab="refunds"],[data-partner-tab="returns"],[data-partner-tab="refunds"]){color:var(--event-return);border-color:var(--event-return)}
.simple-tabs .button.primary:is([data-order-record-tab="returns"],[data-order-record-tab="refunds"],[data-partner-tab="returns"],[data-partner-tab="refunds"]){color:#fff;background:var(--event-return);border-color:var(--event-return);box-shadow:none}
.document-view-tabs button[data-operation-tab="returns"].active{border-color:var(--event-return);background:var(--event-return-bg);box-shadow:inset 0 0 0 1px var(--event-return)}
.document-view-tabs button[data-operation-tab="returns"].active strong{color:var(--event-return)}
.document-view-tabs button[data-operation-tab="returns"].active::after{background:var(--event-return)}
.money-neutral{color:var(--muted)}
:root{--stock-available:#087e4e;--stock-empty:#c33b35}
.material-stock-value{font-weight:700;font-variant-numeric:tabular-nums}
.material-stock-value.stock-available,.material-stock-select option.stock-available{color:var(--stock-available)}
.material-stock-value.stock-empty,.material-stock-value.stock-error,.material-stock-select option.stock-empty,.material-stock-select option.stock-error{color:var(--stock-empty)}
.material-stock-value.stock-pending{color:var(--muted);font-weight:400}
@supports (appearance:base-select){
 .material-stock-select,.material-stock-select::picker(select){appearance:base-select}
 .material-stock-select>button{border:0;background:transparent;color:inherit;padding:0;text-align:left;min-width:0;font:inherit}
 .material-stock-select selectedcontent{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .material-stock-select selectedcontent>.material-stock-value{display:block}
 .material-stock-select::picker(select){border:1px solid var(--line);border-radius:10px;background:white;max-height:320px;overflow:auto}
 .material-stock-select option{padding:9px 12px;gap:6px;color:var(--ink)}
 .material-stock-select option:hover,.material-stock-select option:checked{background:var(--teal-soft)}
 .material-stock-select option[class]{color:var(--ink)}
}
/* Readable business data, shared by the local warehouse's lists and details. */
:root{--reading-body:14px;--reading-note:13px;--reading-secondary:#465c68;--reading-font:"Microsoft YaHei UI","PingFang SC",sans-serif;--muted:var(--reading-secondary)}
:root[data-reading-size="large"]{--reading-body:16px;--reading-note:14px}
:root[data-reading-size="extra"]{--reading-body:18px;--reading-note:16px}
.reading-control{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px}
.reading-control select{width:auto;min-width:82px;font-size:14px}
.operation-toolbar,.operation-toolbar>.toolbar-group{align-items:flex-end}
.operation-toolbar :is(input,select,.button){min-height:calc(1.6em + 24px);line-height:1.6}
body{font-family:var(--reading-font);font-size:var(--reading-body);line-height:1.6}
body :is(h1,h2,h3,button,input,select,textarea,.num,.doc-total,.eyebrow,.metric-card strong){font-family:var(--reading-font)}
#content,#modalContent{font-size:var(--reading-body)}
#content :is(label,input,select,textarea,.button,.status,.event-badge,.gift-badge,.pagination,.workflow-hint,.simple-money-summary>div,.finance-metrics span,.panel-head h2),
#modalContent :is(label,input,select,textarea,.button,.status,.event-badge,.gift-badge,legend,.doc-total){font-size:var(--reading-body)}
#content :where(.page-note,.panel-head p,.finance-metrics small){font-size:var(--reading-note);line-height:1.6;color:var(--reading-secondary)}
#content .simple-money-summary small,#content .goods-code{font-size:var(--reading-note)}
#content :is(.date-filter span,.pagination-summary,.page-button){font-size:var(--reading-body)}
#content .simple-note,#modalContent .simple-note{font-size:var(--reading-note);line-height:1.6;color:var(--reading-secondary)}
#content :is(.document-view-tabs,.warehouse-tabs) strong{font-size:var(--reading-body)}
#content :is(.document-view-tabs,.warehouse-tabs) small{font-size:var(--reading-note);color:var(--reading-secondary)}
.doc-total{font-size:var(--reading-body);font-variant-numeric:tabular-nums}
.topbar h1{font-family:var(--reading-font)}
.trade-goods-list{font-size:var(--reading-body);line-height:1.65}
#content table,#modalContent table{font-size:var(--reading-body);line-height:1.65}
#content th,#modalContent th{font-size:var(--reading-body);color:var(--reading-secondary);letter-spacing:0}
#content td,#modalContent td{padding:12px 14px}
#content td small,#modalContent td small,.order-progress small,.order-line-spec{font-size:var(--reading-note);line-height:1.6;color:var(--reading-secondary)}
#content td small.event-text,#modalContent td small.event-text{color:var(--event-color)}
#content .num,#modalContent .num{font-family:var(--reading-font);font-size:var(--reading-body);font-variant-numeric:tabular-nums;font-weight:600}
@media(max-width:760px){.trade-goods-cell{min-width:0}.goods-values{flex-direction:column;gap:6px}}
/* Keep readable sizes when the content column cannot fit a wide goods table. */
#content .table-wrap:has(.trade-ledger,.trade-goods-list){container-type:inline-size}
#content table:is(.trade-ledger,:has(.trade-goods-list)) td{white-space:normal}
#content table:is(.trade-ledger,:has(.trade-goods-list)) .num{white-space:nowrap}
#content .trade-ledger{min-width:80em}
#content .trade-ledger td:first-child{white-space:nowrap}
#content .trade-ledger td:nth-child(2){min-width:8em;overflow-wrap:anywhere}
#content .trade-ledger .trade-goods-cell{min-width:18em}
#content .trade-ledger td:nth-child(7){min-width:16em;max-width:22em}
#content .trade-ledger td:last-child{min-width:6em}
#content .trade-ledger .button{white-space:nowrap;flex-shrink:0}
@container (max-width:68rem){
 #content table:is(.trade-ledger,:has(.trade-goods-list)){display:block;width:100%;min-width:0}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) thead{display:none}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) tbody{display:grid;gap:16px}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) td{display:block;min-width:0;height:auto;padding:0;border:0;white-space:normal;text-align:left;overflow-wrap:anywhere}
 #content .trade-ledger td:nth-child(n){min-width:0;max-width:none}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) .num{white-space:normal;overflow-wrap:anywhere}
 #content .trade-ledger td[colspan]{grid-column:1/-1}
 #content .trade-ledger td[colspan]::before{display:none}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) td::before{content:attr(data-mobile-label);display:block;font-size:var(--reading-note);font-weight:600;color:var(--reading-secondary);margin-bottom:6px}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) td:has(.trade-goods-list){grid-column:1/-1}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) td:has(.trade-goods-list)::before{display:none}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) .order-progress{min-width:0}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) td[data-mobile-actions="true"]{grid-column:1/-1}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) td[data-mobile-actions="true"]::before{display:none}
}
@media(max-width:760px){
 #content table:is(.trade-ledger,:has(.trade-goods-list)) tr{grid-template-columns:repeat(2,minmax(0,1fr))}
 #content .trade-ledger td:nth-child(2){grid-column:1/-1}
 #content .mobile-stack-table td:first-child{font-size:var(--reading-body)}
 #content table:is(.trade-ledger,:has(.trade-goods-list)) td:has(.order-progress){grid-column:1/-1}
 #content .mobile-stack-table td::before{font-size:var(--reading-note);color:var(--reading-secondary)}
}
/* Keep date correction separate from the date and source labels at all reading sizes. */
.business-date-action{display:block;margin-top:6px;white-space:nowrap;}
.correction-lines fieldset{margin:12px 0;padding:14px;border:1px solid var(--border,#d5dfdf);border-radius:10px;min-width:0}
#correctionPreview{margin-top:18px}
#correctionError{color:#b32f3b;white-space:pre-wrap}
#correctionPreview .table-wrap{max-height:440px;overflow:auto}
#correctionHistory{max-height:360px;overflow:auto;overflow-wrap:anywhere}