/* Final action row: total at left, customer controls at right. */
#customerOrders .customer-order-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid var(--order-line)}
#customerOrders .customer-order-control-row .customer-order-total{display:flex!important;align-items:center!important;gap:7px;margin:0;padding:0;border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
#customerOrders .customer-order-control-row .customer-order-total i{color:inherit;font-size:inherit;font-style:normal;font-weight:inherit}
#customerOrders .customer-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
#customerOrders .customer-order-actions button,#customerOrders .customer-order-contact,#customerOrders .customer-order-cancellation-state{height:31px;padding:0 10px;border:1px solid var(--order-line);border-radius:7px;background:#fff;color:var(--order-theme);font:700 13px "Microsoft YaHei",sans-serif;line-height:29px;text-decoration:none;white-space:nowrap}
#customerOrders .customer-order-actions .customer-order-pay{border-color:var(--order-action);background:var(--order-action);color:#fff}
#customerOrders .customer-order-actions .customer-order-cancel{border-color:color-mix(in srgb,var(--order-total-red) 48%,#fff);color:var(--order-total-red)}
#customerOrders .customer-order-actions .customer-order-cancel:disabled,#customerOrders .customer-order-actions .disabled{border-color:#e5e9f0;background:#f4f6f9;color:#a6afbd;cursor:not-allowed}
#customerOrders .customer-order-cancellation-state{border-color:color-mix(in srgb,var(--order-action) 36%,#fff);background:color-mix(in srgb,var(--order-action) 8%,#fff);color:var(--order-action)}
#customerOrders .cancellation-reviewing{opacity:.9}
@media(max-width:720px){
  #customerOrders .customer-order-control-row{gap:8px;align-items:center}
  #customerOrders .customer-order-control-row .customer-order-total{font-size:12px}
  #customerOrders .customer-order-actions{gap:5px}
  #customerOrders .customer-order-actions button,#customerOrders .customer-order-contact,#customerOrders .customer-order-cancellation-state{height:29px;padding:0 8px;font-size:12px;line-height:27px}
}

/* Emphasise only the order stage that is currently in progress. */
#customerOrders .customer-order .order-progress span.current,
#customerOrders .active-list .order-progress span.current{
  font-size:16px;
  line-height:1.35;
}
@media(max-width:720px){
  #customerOrders .customer-order .order-progress span.current,
  #customerOrders .active-list .order-progress span.current{
    font-size:15px;
  }
}

/* Client orders: compact reference number, clearer progress, and a clean delivery/items break. */
#customerOrders .customer-order-head strong,
#customerOrders .active-list .customer-order-head strong{font-size:16px}
#customerOrders .customer-order-head strong .order-number-label{margin-right:0}
#customerOrders .customer-order-delivery .customer-order-delivery-method{display:flex;align-items:baseline;gap:0}
#customerOrders .customer-order-delivery .customer-order-delivery-method time{margin-left:auto;color:#647086;font-size:12px;font-style:normal;font-weight:400;line-height:1.35;white-space:nowrap}
#customerOrders .customer-order .order-progress span,
#customerOrders .active-list .order-progress span{font-size:14px;line-height:1.5}
#customerOrders .customer-order .customer-order-delivery{margin-top:6px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid var(--order-line)}
#customerOrders .active-list .customer-order .customer-order-delivery{margin-top:6px}
#customerOrders .customer-order .customer-order-delivery .customer-order-address b{color:inherit;font-size:inherit;font-weight:inherit}
#customerOrders .customer-order .customer-order-delivery p:first-child span{color:var(--order-theme);font-size:14px;font-weight:850}
#customerOrders .active-list .customer-order .customer-order-delivery p:first-child span{font-size:15px}
#customerOrders .customer-order-total .order-total-value{display:inline-flex;align-items:center;line-height:1}
#customerOrders .customer-order-total .order-total-currency{margin:0 1px 0 0;color:inherit;font-size:1em;font-style:normal;font-weight:inherit;vertical-align:0}
#customerOrders .customer-order-item{grid-template-columns:minmax(0,1fr) max-content;gap:8px}
#customerOrders .active-list .customer-order-item-price{color:#526076;font-weight:400}
#customerOrders .active-list .customer-order-delivery p:not(:first-child),
#customerOrders .active-list .customer-order-delivery p:not(:first-child) b,
#customerOrders .active-list .customer-order-delivery p:not(:first-child) span{color:#526076;font-weight:400}
#customerOrders .customer-order .order-progress{margin:0;padding:10px 0;border-bottom:1px solid var(--order-line)}
#customerOrders .customer-order-item-list{margin:0;padding:6px 1px}
#customerOrders .customer-order-control-row{margin-top:0}
@media(max-width:720px){
  #customerOrders .customer-order-head strong,
  #customerOrders .active-list .customer-order-head strong{font-size:15px}
  #customerOrders .customer-order .order-progress span,
  #customerOrders .active-list .order-progress span{font-size:13px}
  #customerOrders .active-list .customer-order .customer-order-delivery p:first-child span{font-size:14px}
  #customerOrders .customer-order-item{grid-template-columns:minmax(0,1fr) max-content;gap:7px}
  #customerOrders .customer-order .order-progress{padding:9px 0}
  #customerOrders .customer-order-item-list{padding:6px 1px}
}