/* Shared persisted state: review takes precedence; urgent badge is independent. */
#root tr.service-order-urgent>td{background:#fbe0dc!important}
#root tr.service-order-review>td{background:#fff1c9!important}
#root tr:is(.service-order-urgent,.wh-layout-urgent)>td{background-clip:padding-box!important;border-color:#d0ada3!important;box-shadow:inset -1px -1px 0 #d0ada3}
#root .service-order-urgent :is(.order-info,.wh-custom-info)::after,
#root .split-orders-table .service-order-urgent>td:nth-child(3)::after,
#root .after-sales-table .service-order-urgent>.after-order::after,
#root .wh-replenishment-table .service-order-urgent>td:nth-child(4)::after{content:'加急';display:block;width:max-content;margin:4px auto 0;padding:1px 5px;border-radius:5px;background:#c23732;color:white;font-size:11px;line-height:18px;white-space:nowrap}
#root :is(.service-order-actions,.after-record-actions,.split-service-refunds .wh-compact-actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;width:100%;min-width:0;max-width:124px;margin:auto}
#root :is(.service-order-actions,.after-record-actions,.split-service-refunds .wh-compact-actions)>button{box-sizing:border-box;margin:0!important;min-width:0;max-width:100%;padding:4px 3px!important;white-space:nowrap!important;font-size:11px;line-height:18px;height:auto}
#root .service-urgency-error{grid-column:1/-1;color:#b55348;font-size:11px}
#root .customer-orders-table col:last-child{width:140px!important}
#root .split-service-refunds .split-orders-table col:last-child{width:140px!important}
#root .split-service-refunds .split-orders-table col:nth-child(3),#root .split-service-refunds .split-orders-table thead tr:last-child th:nth-child(3),#root .split-service-refunds .split-orders-table tbody td:nth-child(3){width:185px!important;white-space:nowrap!important;overflow-wrap:normal;word-break:normal}
/* All thirteen columns stay in the available card instead of extending beyond its right edge. */
#root .customer-workspace .after-sales-table-wrap{width:100%;max-width:100%;min-width:0}
#root .customer-workspace .after-sales-table.after-service-refunds{width:100%!important;min-width:0!important;table-layout:fixed}
#root .customer-workspace .after-sales-table.after-service-refunds :is(th,td){box-sizing:border-box;min-width:0!important;max-width:none!important;width:auto!important;padding:6px 3px;overflow-wrap:anywhere}
#root .customer-workspace .after-sales-table.after-service-refunds th{white-space:normal!important}
#root .customer-workspace .after-sales-table.after-service-refunds thead tr:first-child>th:last-child{width:140px!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(1){width:5%!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(2){width:154px!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(3){width:auto!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(4){width:4%!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(5){width:auto!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(6){width:3%!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(7){width:auto!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(8){width:190px!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(9){width:5%!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(10){width:5%!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(11){width:130px!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(12){width:40px!important}
#root .customer-workspace .after-sales-table.after-service-refunds col:nth-child(13){width:140px!important}
#root .after-service-refunds :is(button,.after-handoff-actions,.after-handoff-tracking){min-width:0!important;max-width:100%}
#root .after-service-refunds button{white-space:normal;padding-inline:3px}
#root .after-service-refunds .after-explanation-content{display:flex;flex-wrap:wrap;min-width:0;gap:4px}
#root .customer-workspace :is(.service-order-actions,.after-record-actions,.split-service-refunds .wh-compact-actions)>button{font-size:13px!important;line-height:1.4!important;letter-spacing:0!important;padding:4px 2px!important}
#root .customer-orders-table .service-urgency-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8bca6;border-radius:7px;background:#fffdfb;cursor:pointer}
#root .customer-orders-table .service-urgency-button:hover{background:#f5e9df}
@media(max-width:1500px){#root .after-service-refunds :is(th,td){font-size:10px!important}}

/* Use native table fixed/percentage/auto widths: mixed calc widths on col are ignored by table layout. */
#root .customer-workspace .after-service-refunds :is(.after-handoff-tracking>button,tbody tr>td:nth-child(12)>button){font-family:Arial,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;padding:4px 2px!important;white-space:nowrap!important}