@import url('risk-theme.css');
/* SKU history extension: compact, subordinate to the existing anomaly workbench. */
.history-control{display:flex;align-items:center;gap:12px;margin:-3px 0 10px;padding:5px 12px;min-height:38px;background:#fff;border:1px solid #e3eaf2;border-radius:6px;color:#63758e;font-size:12px}
.history-control button{font-size:12px;padding:5px 9px;background:#f8faff;border-color:#d9e5f5;color:#326bb0}
.history-progress-copy{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#history-status{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334d70}
.history-stage{color:#3e6cab}.history-error{color:#b43535;white-space:normal;overflow-wrap:anywhere}
#history-progress{width:100%;height:6px;margin:0;accent-color:#377ed8}
#history-progress[hidden],.history-stage[hidden],.history-error[hidden]{display:none}
.col-posting{width:14%}.col-status{width:8%}.col-reason{width:12%}.col-ai{width:13%}.col-logistics{width:11%}.col-purchase{width:12%}.col-processed{width:6%}.col-history{width:16%}.col-actions{width:8%}
.shipment-cell,.table-wrap th:first-child{padding-left:31px}
.shipment-check{left:8px}.select-heading .order-check{left:-23px}
.table-wrap td,.table-wrap th{padding-right:7px;padding-left:7px}
.table-wrap .shipment-cell,.table-wrap th:first-child{padding-left:31px}
.sku-meta{margin-top:1px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sku-meta button{font:inherit;color:#71839b;padding:0;border:0;background:transparent;cursor:pointer}
.sku-meta button:hover{text-decoration:underline;color:#2e6ec7}
.status-cell .return-created{margin-top:2px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.reason-cell.real-aftersale .secondary{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-cell{text-align:left;vertical-align:middle}
.history-preview{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;min-width:0;padding:3px 2px;border:0;background:transparent;color:#64748b;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}
.history-preview:hover{color:#2767b7;background:#f5f9ff;border-radius:3px}
.history-preview strong,.history-preview span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:19px;font-weight:400}
.history-preview strong{font-weight:600;color:#405976}
.history-empty{font-size:11px;color:#97a5b6}
.history-dialog{width:min(940px,calc(100vw - 32px));max-height:85vh;overflow:auto}
.history-rate{padding:9px 11px;background:#f3f7fc;border-radius:5px;color:#38669d;font-size:13px}
.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.history-grid>div{padding:8px 10px;background:#f8fafd;border:1px solid #ebeff5;border-radius:4px}
.history-grid span{display:block;color:#73839a;font-size:11px}.history-grid strong{font-size:17px;color:#2b405e}
.history-grid small{display:block;color:#6883a5;font-size:11px;font-variant-numeric:tabular-nums}
.history-orders{max-height:220px;overflow:auto}.history-orders>div{padding:5px 0;border-bottom:1px solid #eef1f5;font-size:12px;color:#536b8b}.history-orders small{display:block;color:#91a0b0}
.history-formulas{margin:14px 0 0;color:#8795a7;font-size:11px;line-height:1.7}
@media(max-width:1600px){.table-wrap .shipment-cell,.table-wrap th:first-child{padding-left:27px}.select-heading .order-check{left:-19px}}
@media(max-width:1250px){.table-wrap{overflow-x:auto}.table-wrap table{min-width:1220px}.history-control{flex-wrap:wrap}#history-status{white-space:normal}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Local order ledgers: compact text summaries, not metric cards. */
.history-control #store-data{margin-left:auto;flex-shrink:0}
.posting-line{justify-content:center;gap:4px}
.shipment-content .posting{font-size:13px;white-space:nowrap}
.logistics-text:has(.logistics-prefix){white-space:normal;text-align:center}
.logistics-prefix{display:block;color:#8090a5;font-size:11px;line-height:18px}
.logistics-text>span{display:block}
.history-preview{font:inherit}
.history-preview .history-last-line{display:flex;align-items:center;gap:4px}
.risk-badge{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-weight:500;font-size:11px;line-height:17px;padding:0 5px;border-radius:3px;white-space:nowrap;background:var(--jiuyun-risk-warning-bg);color:var(--jiuyun-risk-warning-text)}
.risk-badge.danger{background:var(--jiuyun-risk-danger-bg);color:var(--jiuyun-risk-danger-text)}
.history-summary-line{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid #eef1f5;align-items:flex-start}
.history-summary-line h3{flex:0 0 115px;font-size:12px;color:#6b7d93;font-weight:500;margin:4px 0}
.history-summary-line>div{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0}
.summary-item{font-size:12px;border:0;background:transparent;color:#4e637e;padding:4px 3px;border-radius:3px;cursor:pointer;white-space:nowrap}
.summary-item strong{font-size:13px;color:#284c79}.summary-item small{font-size:11px;color:#8997aa}
.summary-item:hover,.summary-item.active{background:#edf5ff;color:#2469b8}
.summary-divider{font-style:normal;font-size:10px;color:#cbd4df}
.history-caption{font-size:11px;line-height:1.6;color:#8190a4;margin:8px 0}
.history-risk-strip{display:flex;gap:6px;align-items:center;margin:4px 0 9px}
.risk-explanation{color:#7a6970;font-size:11px;line-height:1.6;margin:5px 0}
.history-orders-head{display:flex;align-items:center;gap:8px;margin:14px 0 6px;font-size:11px;color:#8190a4}
.history-orders-head h3{margin:0 auto 0 0;font-size:13px;color:#2d4666}
.history-orders-head button{font-size:11px;padding:3px 8px;background:#fff;border:1px solid #dce5f0;border-radius:4px}
.history-orders{max-height:340px;overflow:auto}
.history-order{border-bottom:1px solid #edf1f6;padding:8px 2px;color:#526983;font-size:12px}
.history-order summary{cursor:pointer;display:flex;gap:12px;align-items:center}
.history-order summary:before{content:'›';color:#9bacc1}.history-order[open] summary:before{content:'⌄'}
.history-order summary strong{color:#355b8b;min-width:135px}.history-order time{font-size:11px;color:#8191a8}
.history-order summary>span{margin-left:auto;font-size:11px;white-space:nowrap}
.order-brief{font-size:11px;color:#8a9aaf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 0 18px}
.order-detail-table{overflow:auto;margin:8px 0 0 18px}
.order-detail-table table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:11px}
.order-detail-table th,.order-detail-table td{padding:6px;text-align:left;overflow-wrap:anywhere;background:#f8fafc;border-bottom:1px solid #e9eef4;height:auto;white-space:normal;position:static}
.order-detail-table th{font-size:10px;color:#8291a5}.order-detail-table small{display:block;margin-top:2px;color:#7e8fa5}
.order-return{font-size:11px;color:#647f9e;margin:5px 0 0 18px}
@media(max-width:1400px){.table-wrap td,.table-wrap th{padding-right:4px;padding-left:4px}.shipment-content .posting{font-size:12px}.history-preview{font-size:inherit}.risk-badge{font-size:10px;padding:0 3px}}

.shipment-content .posting{flex:0 1 auto;padding:0;border:0;background:transparent;overflow:visible;text-overflow:clip}
.history-order summary{display:block}.history-order summary:before{float:left;margin-right:7px}
.history-order-line{display:flex;align-items:center;gap:12px;min-width:0}
.history-order-line>span{margin-left:auto;font-size:11px;white-space:nowrap;color:#6e8199}
.history-order .order-brief{margin:3px 0 0 12px;font-size:11px;line-height:16px}
/* SKU popup only: totals, mutually exclusive outcomes and signed-order aftersales are different levels. */
.history-dialog .sku-hierarchy{font-size:12px;color:#52667e}
.history-dialog .sku-hierarchy-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:0 0 3px}
.history-dialog .sku-hierarchy-total .summary-item{padding-left:0;color:#2c435d;font-size:13px}
.history-dialog .sku-hierarchy-total strong{font-size:20px;color:#24466b;margin-left:4px}
.history-dialog .sku-hierarchy-aux{font-size:11px;color:#8190a3}
.history-dialog .sku-hierarchy .history-risk-strip{margin:3px 0 7px;gap:6px;min-height:18px;flex-wrap:wrap}
.history-dialog .sku-risk-caption{font-size:10px;color:#8b7f78;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;min-width:100px}
.history-dialog .sku-hierarchy-section{padding:8px 0;border-top:1px solid #e8edf4}
.history-dialog .sku-hierarchy-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:20px}
.history-dialog .sku-hierarchy-heading h3{font-size:12px;line-height:19px;font-weight:600;color:#4b607b;margin:0}
.history-dialog .sku-hierarchy-heading>span{font-size:10px;color:#8a98aa}
.history-dialog .sku-progress-equation{font-variant-numeric:tabular-nums;letter-spacing:.4px;color:#6583a4!important}
.history-dialog .sku-progress-parents{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;margin-top:2px;align-items:start}
.history-dialog .sku-hierarchy-control{font-size:12px;line-height:19px;padding:3px 6px;margin:0;border:0;background:transparent;white-space:nowrap;vertical-align:middle}
.history-dialog .sku-hierarchy-control strong{font-size:14px;font-variant-numeric:tabular-nums;font-weight:650;color:#294f79}
.history-dialog .sku-hierarchy-control small{font-size:10px;color:#8291a6;margin-left:2px}
.history-dialog .sku-hierarchy-control:hover,.history-dialog .sku-hierarchy-control.active{background:#edf4fd;color:#2867b5}
.history-dialog .sku-unfinished-branch{background:#f7f9fc;border-radius:4px;padding:0 5px 3px}
.history-dialog .sku-hierarchy-children{border-left:2px solid #e3eaf3;margin:2px 0 0 13px;padding-left:10px;display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.history-dialog .sku-hierarchy-children .summary-item strong{font-size:12px;font-weight:600;color:#526e8c}
.history-dialog .sku-subset-word{font-size:10px;color:#94a0b0;margin-right:3px}
.history-dialog .sku-final-outcomes{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-top:3px}
.history-dialog .sku-pre-cancel-children{margin-top:3px}
.history-dialog .sku-hierarchy-grandchildren{flex-basis:100%;border-left:1px solid #e5ebf3;margin:1px 0 0 13px;padding-left:10px}
.history-dialog .sku-hierarchy-grandchildren .summary-item{font-size:11px}
.history-dialog .sku-aftersale-section .sku-hierarchy-heading>.summary-item{padding-top:0;padding-bottom:0}
.history-dialog .sku-rates-row{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;border-top:1px solid #e8edf4;padding:7px 0 2px}
.history-dialog .sku-rates-row>span{font-size:10px;color:#8b9aab}
.history-dialog .sku-rates-row .summary-item{font-size:11px;padding-left:3px;padding-right:3px}
.history-dialog .sku-rates-row .summary-item strong{font-size:12px}
.history-dialog .sku-rates-row .summary-item small{display:block;margin-top:0;font-size:10px;text-align:left;line-height:15px}
.history-dialog .sku-hierarchy-note{font-size:10px;line-height:1.65;margin:4px 0 0;color:#8797a9}
.history-dialog .sku-hierarchy-warning{font-size:11px;color:#956728;margin:3px 0 0}
.history-dialog:has(.sku-hierarchy) .history-orders-head{margin-top:9px;position:static}
.history-dialog:has(.sku-hierarchy) .history-orders{max-height:245px}
.history-dialog:has(.sku-hierarchy) .history-formulas{margin-top:8px;font-size:10px;line-height:1.55}
@media(max-width:650px){.history-dialog .sku-progress-parents{grid-template-columns:1fr 1.1fr;gap:7px}.history-dialog .sku-hierarchy-aux{font-size:10px}.history-dialog .sku-hierarchy-control{padding-left:3px;padding-right:3px}.history-dialog .sku-hierarchy-children{padding-left:6px;margin-left:7px}.history-dialog .sku-rates-row{gap:3px}}
.history-dialog .sku-hierarchy-heading .sku-progress-equation{font-size:12px;font-weight:650;color:#486c96!important}
.history-dialog .sku-progress-parents>div>.summary-item strong{font-size:16px}
.history-dialog .sku-signed-root{margin-top:2px}