.settlement-flow-summaries .flow-summary{white-space:pre-line}

#customerOrders{padding:0;overflow:hidden}
#customerOrders .order-section{margin:0}
#customerOrders .order-section+.order-section{margin:0;padding:0;border-top:8px solid #f3f5fa}
#customerOrders .order-section h3{display:flex;align-items:center;gap:7px;min-height:42px;margin:0;padding:0 14px;border-bottom:1px solid #e7eaf0;background:#f8f9fc;color:var(--ink)}
#customerOrders .order-section-items{padding:10px 12px 12px}
#customerOrders .order-section-items .customer-order{padding:12px!important;border:1px solid #e8ebf1!important;border-radius:10px;background:#fff}
#customerOrders .order-section-items .customer-order+.customer-order{margin-top:8px}
#customerOrders .order-section-items .customer-order:last-child{border:1px solid #e8ebf1!important}
#customerOrders .order-section-items .empty{margin:4px 0;padding:6px 2px}

/* More legible client order hierarchy. */
#customerOrders .order-section h3{min-height:44px;padding:0 15px;background:#f5f7fb;font-size:16px;font-weight:850}
#customerOrders .order-section-items{padding:12px}
#customerOrders .order-section-items .customer-order{position:relative;padding:13px 14px 12px!important;border:1px solid #e1e6ef!important;border-left:4px solid #92a0b7!important;border-radius:12px;background:#fff;box-shadow:0 3px 12px #28365a0a}
#customerOrders .order-section-items .customer-order+.customer-order{margin-top:12px}
#customerOrders .order-section-items .customer-order:last-child{border:1px solid #e1e6ef!important;border-left:4px solid #92a0b7!important}
#customerOrders .order-section-items .customer-order.tone-payment{border-left-color:#ff5966!important;background:#fffafb}
#customerOrders .order-section-items .customer-order.tone-attention{border-left-color:#ef9c36!important}
#customerOrders .order-section-items .customer-order.tone-processing{border-left-color:#677ddd!important}
#customerOrders .order-section-items .customer-order.tone-delivery{border-left-color:#8c6dde!important}
#customerOrders .order-section-items .customer-order.tone-completed{border-left-color:#54a87d!important}
#customerOrders .order-section-items .customer-order.tone-cancelled{border-left-color:#a4abb8!important;background:#fafbfc}
#customerOrders .customer-order-head{min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}
#customerOrders .customer-order-head strong{display:flex;align-items:baseline;min-width:0;color:#1e2b46;font-size:16px;line-height:1.25;letter-spacing:.01em}
#customerOrders .customer-order-head strong em{margin-right:7px;color:#7b8799;font-size:11px;font-style:normal;font-weight:700;letter-spacing:0;white-space:nowrap}
#customerOrders .customer-order-head strong span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#customerOrders .customer-order-head .status{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#eef1f6;color:#657187;font-size:12px;line-height:1;font-weight:850;white-space:nowrap}
#customerOrders .customer-order-head .status-awaiting_payment{background:#fff0f1;color:#ec5361}
#customerOrders .customer-order-head .status-paid_pending_acceptance,#customerOrders .customer-order-head .status-credit_pending_acceptance,#customerOrders .customer-order-head .status-paid_pending_reopen_confirmation,#customerOrders .customer-order-head .status-credit_pending_reopen_confirmation{background:#fff4e4;color:#bd7618}
#customerOrders .customer-order-head .status-accepted_pending_qianfan,#customerOrders .customer-order-head .status-imported_pending_settlement{background:#edf1ff;color:#5269c6}
#customerOrders .customer-order-head .status-pickup_ready,#customerOrders .customer-order-head .status-runner_waiting_dispatch,#customerOrders .customer-order-head .status-runner_delivering,#customerOrders .customer-order-head .status-express_waiting_shipment,#customerOrders .customer-order-head .status-express_shipped{background:#f1ecff;color:#785ccc}
#customerOrders .customer-order-head .status-completed{background:#e9f7ef;color:#36805b}
#customerOrders .customer-order-head .status-cancelled,#customerOrders .customer-order-head .status-cancelled_credit,#customerOrders .customer-order-head .status-cancelled_refund_pending,#customerOrders .customer-order-head .status-cancelled_refunded,#customerOrders .customer-order-head .status-expired{background:#eef0f3;color:#7b8492}
#customerOrders .customer-order .order-progress{margin:9px 0 8px;padding:5px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}
#customerOrders .customer-order .order-progress span{font-size:11px;font-weight:700}
#customerOrders .customer-order-delivery{display:flex;align-items:baseline;gap:9px;margin:9px 0 7px;color:#69758a;font-size:13px;line-height:1.4}
#customerOrders .customer-order-delivery b{flex:0 0 auto;color:#283652;font-size:14px;font-weight:850}
#customerOrders .customer-order-delivery span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#customerOrders .customer-order-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:5px}
#customerOrders .customer-order .order-items{min-width:0;margin:0;color:#7a8496;font-size:12px;line-height:1.55}
#customerOrders .customer-order .order-items span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#customerOrders .customer-order-total{flex:0 0 auto;color:#ef5562;font-size:19px;line-height:1;font-weight:900;white-space:nowrap}
#customerOrders .customer-order-total i{margin-right:5px;color:#7a8496;font-size:11px;font-style:normal;font-weight:700;vertical-align:2px}
#customerOrders .customer-pending-actions{margin-top:12px;padding-top:10px;border-top:1px dashed #e7eaf0}
@media(max-width:480px){
  #customerOrders .order-section h3{min-height:42px;font-size:15px}
  #customerOrders .order-section-items{padding:10px}
  #customerOrders .order-section-items .customer-order{padding:12px!important;border-radius:10px}
  #customerOrders .customer-order-head strong{font-size:15px}
  #customerOrders .customer-order-delivery{gap:7px;font-size:12px}
  #customerOrders .customer-order-delivery b{font-size:13px}
  #customerOrders .customer-order-total{font-size:18px}
}

/* Client order detail layout: delivery facts first, then a three-column item list. */
#customerOrders .customer-order-head strong .order-number-label{margin-right:7px;color:inherit;font-size:inherit;font-style:normal;font-weight:inherit;letter-spacing:0;white-space:nowrap}
#customerOrders .customer-order-head strong em{display:none}
#customerOrders .customer-order .customer-order-delivery{display:block;margin:9px 0 8px;padding:7px 0;border-bottom:1px solid #edf0f4;color:#69758a;font-size:13px;line-height:1.55}
#customerOrders .customer-order .customer-order-delivery p{display:flex;align-items:baseline;gap:0;margin:0;min-width:0}
#customerOrders .customer-order .customer-order-delivery p+p{margin-top:2px}
#customerOrders .customer-order .customer-order-delivery b{flex:0 0 auto;color:#526076;font-size:12px;font-weight:800}
#customerOrders .customer-order .customer-order-delivery p>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#customerOrders .customer-order-item-list{display:block!important;margin:0;padding:1px 0 3px}
#customerOrders .customer-order-item{display:grid!important;grid-template-columns:minmax(0,1fr) 108px 76px;align-items:baseline;gap:8px;min-height:22px;color:#647086;font-size:12px;line-height:1.45}
#customerOrders .customer-order-item+.customer-order-item{margin-top:3px}
#customerOrders .customer-order-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536077}
#customerOrders .customer-order-item-price{color:#778196;text-align:right;white-space:nowrap}
#customerOrders .customer-order-item-amount{color:#39455b;text-align:right;font-weight:800;white-space:nowrap}
#customerOrders .customer-order-total{display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #e9edf3;color:#ef5562;font-size:20px;line-height:1;font-weight:900;white-space:nowrap}
#customerOrders .customer-order-total i{margin:0;color:#6f7b8f;font-size:12px;font-style:normal;font-weight:800;vertical-align:0}
@media(max-width:480px){
  #customerOrders .customer-order .customer-order-delivery{font-size:12px}
  #customerOrders .customer-order-item{grid-template-columns:minmax(0,1fr) 96px 66px;gap:6px;font-size:11px}
  #customerOrders .customer-order-total{font-size:19px}
}

/* Final customer-facing emphasis: a quiet stacked-paper depth to the right and below. */
#customerOrders .order-section-items{padding:13px 18px 17px 13px}
#customerOrders .order-section-items .customer-order{margin-right:5px;margin-bottom:7px!important;border-color:#dce3ee!important;box-shadow:5px 6px 0 #e2e7f0,0 8px 18px #27365a10}
#customerOrders .order-section-items .customer-order+.customer-order{margin-top:13px}
#customerOrders .customer-order-head{padding-bottom:8px;border-bottom:1px solid #e8edf4}
#customerOrders .customer-order-head strong{font-size:17px;font-weight:900}
#customerOrders .customer-order-head strong .order-number-label{color:inherit;font-size:inherit;font-weight:inherit}
#customerOrders .customer-order-head .status{padding:5px 9px;font-size:12px;box-shadow:0 1px 2px #313d5614}
#customerOrders .customer-order .order-progress{margin:8px 0;padding:6px 0;border-top:0;background:#fafbfd}
#customerOrders .customer-order .order-progress span.current{font-weight:900}
#customerOrders .customer-order .customer-order-delivery{margin:8px 0;padding:8px 9px;border:0;border-radius:7px;background:#f7f9fc}
#customerOrders .customer-order .customer-order-delivery p:first-child b{color:#293955;font-size:13px}
#customerOrders .customer-order .customer-order-delivery p:not(:first-child){color:#667389}
#customerOrders .customer-order-item-list{padding:3px 1px 4px}
#customerOrders .customer-order-item{min-height:24px;font-size:12px}
#customerOrders .customer-order-item-name{color:#35425a;font-weight:700}
#customerOrders .customer-order-item-price{color:#69768c}
#customerOrders .customer-order-item-amount{color:#293650;font-size:13px;font-weight:900}
#customerOrders .customer-order-total{margin-top:9px;padding:10px 10px 9px;border:0;border-radius:8px;background:#fff2f3;color:#e94756;font-size:21px}
#customerOrders .customer-order-total i{color:#af5660;font-size:12px}
@media(max-width:480px){
  #customerOrders .order-section-items{padding:11px 16px 15px 10px}
  #customerOrders .order-section-items .customer-order{margin-right:4px;margin-bottom:5px!important;box-shadow:4px 5px 0 #e2e7f0,0 6px 15px #27365a10}
  #customerOrders .customer-order-head strong{font-size:16px}
  #customerOrders .customer-order .customer-order-delivery{padding:7px 8px}
  #customerOrders .customer-order-total{padding:9px;font-size:20px}
}