/* Single-level order page: the category bar replaces nested section cards. */
#customerOrders.customer-orders-shell{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
#customerOrders .customer-order-tabs{display:flex;align-items:stretch;gap:0;margin:0 0 12px;border-bottom:1px solid #dfe5ef;background:transparent}
#customerOrders .customer-order-tabs button{position:relative;min-width:92px;padding:9px 14px;border:0;border-radius:0;background:transparent;color:#7a8799;font-size:15px;font-weight:800}
#customerOrders .customer-order-tabs button.active{color:var(--ink)}
#customerOrders .customer-order-tabs button.active:after{position:absolute;right:14px;bottom:-1px;left:14px;height:3px;border-radius:3px 3px 0 0;background:var(--coral);content:""}
#customerOrders .customer-order-tabs .customer-order-find-toggle{min-width:auto;margin-left:auto;padding-right:0;color:#68768d;font-size:13px}
#customerOrders .customer-order-tabs .customer-order-find-toggle:before{content:"⌕";margin-right:4px;font-size:16px;vertical-align:-1px}
#customerOrders .customer-order-find{display:flex;gap:7px;margin:-2px 0 12px;padding:8px;border-radius:9px;background:#f5f7fb}
#customerOrders .customer-order-find[hidden]{display:none!important}
#customerOrders .customer-order-find input{min-width:0;flex:1;height:34px;border:1px solid #dce3ee;border-radius:7px;padding:0 9px;background:#fff;color:var(--ink);font:13px "Microsoft YaHei",sans-serif;outline:0}
#customerOrders .customer-order-find button{height:34px;padding:0 10px;border:0;border-radius:7px;background:var(--coral);color:#fff;font:13px "Microsoft YaHei",sans-serif;font-weight:800}
#customerOrders .customer-order-find .secondary{border:1px solid #dce3ee;background:#fff;color:#69768d}
#customerOrders .customer-order-list{display:grid;gap:14px}
#customerOrders .customer-order-list .customer-order{position:relative;margin:0 5px 7px 0!important;padding:13px 14px 12px!important;border:1px solid #dce3ee!important;border-left:4px solid #92a0b7!important;border-radius:12px;background:#fff;box-shadow:5px 6px 0 #e2e7f0,0 8px 18px #27365a10}
#customerOrders .customer-order-list .customer-order.tone-payment{border-left-color:#ff5966!important;background:#fffafb}
#customerOrders .customer-order-list .customer-order.tone-attention{border-left-color:#ef9c36!important}
#customerOrders .customer-order-list .customer-order.tone-processing{border-left-color:#677ddd!important}
#customerOrders .customer-order-list .customer-order.tone-delivery{border-left-color:#8c6dde!important}
#customerOrders .customer-order-list .customer-order.tone-completed{border-left-color:#54a87d!important}
#customerOrders .customer-order-list .customer-order.tone-cancelled{border-left-color:#a4abb8!important;background:#fafbfc}
#customerOrders .history-order-card{margin-right:3px;border:1px solid #e0e5ed;border-radius:10px;background:#fff;box-shadow:3px 4px 0 #e9edf4}
#customerOrders .history-order-summary{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;font-family:"Microsoft YaHei",sans-serif;cursor:pointer}
#customerOrders .history-order-main{display:flex;align-items:center;min-width:0;gap:7px}
#customerOrders .history-order-main>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900}
#customerOrders .history-order-main .status{padding:3px 6px;font-size:10px}
#customerOrders .history-order-meta{grid-column:1/-1;grid-row:2;min-width:0;overflow:visible;color:#526076;font-size:12px;font-weight:400;line-height:1.45;text-overflow:clip;white-space:normal}
#customerOrders .history-order-summary>strong{grid-column:2;grid-row:1;align-self:center;color:#e85562;font-size:16px;white-space:nowrap}
#customerOrders .history-order-summary>i{display:none}
#customerOrders .history-order-summary[aria-expanded="true"]{border-bottom:1px solid #e8edf4;border-radius:10px 10px 0 0;background:#fafbfd}
#customerOrders .history-order-detail{padding:10px 12px 12px}
#customerOrders .history-order-detail[hidden]{display:none!important}
#customerOrders .history-order-delivery{margin:0 0 8px;padding:7px 8px;border-radius:7px;background:#f7f9fc;color:#667389;font-size:12px;line-height:1.55}
#customerOrders .history-order-delivery p{margin:0}
#customerOrders .history-order-delivery p+p{margin-top:2px}
#customerOrders .history-order-delivery b{color:#293955;font-weight:850}
#customerOrders .history-order-detail .customer-order-item-list{display:block!important;margin:0;padding:1px 0 3px}
#customerOrders .history-order-detail .customer-order-item{display:grid!important;grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:8px;min-height:22px;color:#647086;font-size:11px;line-height:1.45}
#customerOrders .history-order-detail .customer-order-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536077;font-weight:700}
#customerOrders .history-order-detail .customer-order-item-price{color:#778196;text-align:right;white-space:nowrap}
#customerOrders .history-order-detail .customer-order-total{display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:7px;margin-top:7px;padding:8px;border:0;border-radius:7px;background:#fff2f3;color:#e94756;font-size:19px;font-weight:900}
#customerOrders .history-order-detail .customer-order-total i{color:inherit;font-size:inherit;font-style:normal;font-weight:inherit}
#customerOrders .customer-order-load-more{display:block;width:100%;margin:2px 0 0;padding:10px;border:1px solid #dce3ee;border-radius:9px;background:#fff;color:#536178;font:13px "Microsoft YaHei",sans-serif;font-weight:800}
#customerOrders .customer-order-list .empty{margin:0;padding:30px 12px;text-align:center;color:#8792a3}
@media(max-width:480px){
  #customerOrders .customer-order-tabs{margin-bottom:10px}
  #customerOrders .customer-order-tabs button{min-width:78px;padding:8px 10px;font-size:14px}
  #customerOrders .customer-order-tabs button.active:after{right:10px;left:10px}
  #customerOrders .customer-order-tabs .customer-order-find-toggle{font-size:12px}
  #customerOrders .customer-order-list{gap:12px}
  #customerOrders .customer-order-list .customer-order{margin-right:4px;margin-bottom:5px!important;padding:12px!important;box-shadow:4px 5px 0 #e2e7f0,0 6px 15px #27365a10}
  #customerOrders .history-order-summary{padding:10px}
  #customerOrders .history-order-main>b{font-size:13px}
  #customerOrders .history-order-meta{font-size:11px}
  #customerOrders .history-order-summary>strong{font-size:15px}
}

/* Full-width order reading area, using the current top-bar colour as its quiet base. */
#myOrders{--order-theme:var(--content-selection-color,var(--navy));--order-action:var(--theme-action-color,var(--coral));--order-soft:color-mix(in srgb,var(--order-theme) 5%,#fff);--order-line:color-mix(in srgb,var(--order-theme) 15%,#fff);margin-inline:-14px}
#myOrders .page-intro{max-width:none;padding:16px 14px 9px}
#myOrders .page-intro h2{margin:0;color:var(--order-theme);font-size:25px;line-height:1.18;letter-spacing:.01em}
#myOrders #customerOrders{padding-inline:14px}
#customerOrders .customer-order-tabs{margin:0 0 10px;border-bottom-color:var(--order-line)}
#customerOrders .customer-order-tabs button{color:color-mix(in srgb,var(--order-theme) 56%,#fff);font-weight:850}
#customerOrders .customer-order-tabs button.active{color:var(--order-theme);font-weight:900}
#customerOrders .customer-order-tabs button.active:after{background:var(--order-action)}
#customerOrders .customer-order-tabs .customer-order-find-toggle{color:color-mix(in srgb,var(--order-theme) 72%,#fff)}
#customerOrders .customer-order-find{border:1px solid var(--order-line);background:var(--order-soft)}
#customerOrders .customer-order-find input{border-color:var(--order-line)}
#customerOrders .customer-order-find button{background:var(--order-action)}
#customerOrders .customer-order-find .secondary{border-color:var(--order-line);color:var(--order-theme)}
#customerOrders .customer-order-list{gap:15px}
#customerOrders .customer-order-list .customer-order{margin:0 6px 8px 0!important;padding:14px 15px 13px!important;border:1px solid var(--order-line)!important;border-left:1px solid var(--order-line)!important;background:#fff;box-shadow:6px 7px 0 color-mix(in srgb,var(--order-theme) 10%,#fff),0 10px 20px color-mix(in srgb,var(--order-theme) 10%,transparent)}
#customerOrders .customer-order-list .customer-order.tone-payment,#customerOrders .customer-order-list .customer-order.tone-attention,#customerOrders .customer-order-list .customer-order.tone-processing,#customerOrders .customer-order-list .customer-order.tone-delivery,#customerOrders .customer-order-list .customer-order.tone-completed,#customerOrders .customer-order-list .customer-order.tone-cancelled{border-left:1px solid var(--order-line)!important;background:#fff}
#customerOrders .customer-order-head{padding-bottom:9px;border-bottom-color:var(--order-line)}
#customerOrders .customer-order-head strong{color:var(--order-theme);font-size:18px;letter-spacing:.015em}
#customerOrders .customer-order-head .status{box-shadow:none;font-size:12px;font-weight:900}
#customerOrders .customer-order .order-progress{margin:8px 0;background:var(--order-soft)}
#customerOrders .customer-order .order-progress span.done{color:color-mix(in srgb,var(--order-theme) 76%,#fff)}
#customerOrders .customer-order .order-progress span.current{color:var(--order-action)}
#customerOrders .customer-order .customer-order-delivery{margin:9px 0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--order-theme) 8%,#fff);background:var(--order-soft)}
#customerOrders .customer-order .customer-order-delivery p:first-child b{color:var(--order-theme);font-size:14px}
#customerOrders .customer-order-item-list{padding:4px 1px 5px}
#customerOrders .customer-order-item{min-height:25px}
#customerOrders .customer-order-item-name{color:#34425a;font-weight:800}
#customerOrders .customer-order-item-amount{color:var(--order-theme);font-size:13px}
#customerOrders .customer-order-total{margin-top:10px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--order-action) 14%,#fff);background:color-mix(in srgb,var(--order-action) 8%,#fff);color:var(--order-action);font-size:22px}
#customerOrders .customer-order-total i{color:color-mix(in srgb,var(--order-action) 70%,#6e7788)}
#customerOrders .history-order-card{margin-right:4px;border-color:var(--order-line);box-shadow:4px 5px 0 color-mix(in srgb,var(--order-theme) 8%,#fff)}
#customerOrders .history-order-delete-action{display:none}
#customerOrders .history-order-summary{padding:12px 13px}
#customerOrders .history-order-main>b{color:var(--order-theme);font-size:15px}
#customerOrders .history-order-summary>strong{color:var(--order-action);font-size:17px}
#customerOrders .history-order-summary[aria-expanded="true"]{border-bottom-color:var(--order-line);background:var(--order-soft)}
#customerOrders .history-order-detail{padding:11px 13px 13px}
#customerOrders .history-order-delivery{border:1px solid color-mix(in srgb,var(--order-theme) 8%,#fff);background:var(--order-soft)}
#customerOrders .history-order-delivery b{color:var(--order-theme)}
#customerOrders .history-order-detail .customer-order-item-amount{color:var(--order-theme)}
#customerOrders .history-order-detail .customer-order-total{border:1px solid color-mix(in srgb,var(--order-action) 14%,#fff);background:color-mix(in srgb,var(--order-action) 8%,#fff);color:var(--order-action)}
#customerOrders .customer-order-load-more{border-color:var(--order-line);color:var(--order-theme);box-shadow:3px 4px 0 color-mix(in srgb,var(--order-theme) 7%,#fff)}
@media(max-width:720px){
  #myOrders{margin-inline:-5px}
  #myOrders .page-intro{padding:10px 5px 7px}
  #myOrders .page-intro h2{font-size:23px}
  #myOrders #customerOrders{padding-inline:5px}
  #customerOrders .customer-order-list{gap:13px}
  #customerOrders .customer-order-list .customer-order{margin:0 5px 6px 0!important;padding:12px 12px 11px!important;box-shadow:5px 6px 0 color-mix(in srgb,var(--order-theme) 10%,#fff),0 8px 17px color-mix(in srgb,var(--order-theme) 10%,transparent)}
  #customerOrders .customer-order-head strong{font-size:17px}
  #customerOrders .customer-order .customer-order-delivery{padding:8px}
  #customerOrders .customer-order-total{font-size:21px}
  #customerOrders .history-order-summary{padding:11px}
  #customerOrders .history-order-card{position:relative;overflow:hidden}
  #customerOrders .history-order-swipe-content{position:relative;z-index:1;background:#fff;transition:transform .2s ease;will-change:transform;touch-action:pan-y}
  #customerOrders .history-order-card.swiped .history-order-swipe-content{transform:translateX(-76px)}
  #customerOrders .history-order-delete-action{position:absolute;top:0;right:0;bottom:0;width:76px;display:flex;align-items:stretch;background:var(--order-total-red)}
  #customerOrders .history-order-delete-action button{width:100%;border:0;background:transparent;color:#fff;font:800 13px "Microsoft YaHei",sans-serif}
}

/* Order content keeps stable business colours when the top-bar theme changes. */
#myOrders{
  --order-heading-color:#242b3c;
  --order-label-color:#34425a;
  --order-subtotal-color:#39455b;
}
#myOrders .page-intro h2,
#customerOrders .customer-order-head strong,
#customerOrders .history-order-main>b{
  color:var(--order-heading-color);
}
#customerOrders .customer-order .customer-order-delivery p:first-child b,
#customerOrders .history-order-delivery b{
  color:var(--order-label-color);
}
#customerOrders .customer-order-item-amount,
#customerOrders .history-order-detail .customer-order-item-amount{
  color:var(--order-subtotal-color);
}

/* Active orders are few: favour large, plain text over multiple coloured blocks. */
#myOrders{--order-total-red:#e94656}
#customerOrders .customer-order-tabs .customer-order-find-toggle{display:none!important}
#customerOrders .customer-order .order-progress{background:transparent}
#customerOrders .customer-order .customer-order-delivery{padding:5px 0;border:0;border-radius:0;background:transparent}
#customerOrders .customer-order .customer-order-delivery p:first-child b{font-size:14px}
#customerOrders .customer-order-total{padding:9px 0 0;border:0;border-top:1px solid var(--order-line);border-radius:0;background:transparent;color:var(--order-total-red)}
#customerOrders .customer-order-total i{color:#8a7380}
#customerOrders .history-order-summary>strong{color:var(--order-total-red)}
#customerOrders .history-order-detail .customer-order-total{justify-content:flex-end!important;margin-top:7px;padding:0;border:0;border-radius:0;background:transparent;color:#647086;font-size:12px;font-weight:400}
#customerOrders .history-order-detail .customer-order-total i{color:inherit;font-size:inherit;font-weight:inherit}
#customerOrders .history-order-delivery{padding:5px 0;border:0;border-radius:0;background:transparent}
#customerOrders .active-list .customer-order-head strong{font-size:20px}
#customerOrders .active-list .customer-order-head .status{padding:6px 10px;font-size:13px}
#customerOrders .active-list .order-progress{padding:7px 0}
#customerOrders .active-list .order-progress span{font-size:12px}
#customerOrders .active-list .customer-order .customer-order-delivery{margin:10px 0 8px;font-size:14px;line-height:1.65}
#customerOrders .active-list .customer-order .customer-order-delivery p:first-child b{font-size:15px}
#customerOrders .active-list .customer-order-item{min-height:27px;font-size:13px}
#customerOrders .active-list .customer-order-item-amount{font-size:14px}
#customerOrders .active-list .customer-order-total{margin-top:10px;font-size:24px}
@media(max-width:720px){
  #customerOrders .active-list .customer-order-head strong{font-size:19px}
  #customerOrders .active-list .customer-order-head .status{padding:5px 8px;font-size:12px}
  #customerOrders .active-list .customer-order .customer-order-delivery{font-size:13px}
  #customerOrders .active-list .customer-order .customer-order-delivery p:first-child b{font-size:14px}
  #customerOrders .active-list .customer-order-item{min-height:26px;font-size:12px}
  #customerOrders .active-list .customer-order-total{font-size:23px}
}