.customer-order-card{margin:0;padding:18px;overflow:hidden}.customer-order-card>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.customer-order-card>header>b{padding:6px 9px;border-radius:var(--ui-radius,12px);background:rgba(var(--admin-accent-rgb),.10);color:var(--admin-accent-ink);font-size:var(--fs-xs)}.customer-card-person{display:flex;align-items:center;gap:10px;min-width:0}.customer-card-person>span{flex:0 0 38px;width:38px;height:38px;border-radius:var(--ui-radius,12px);display:grid;place-items:center;background:linear-gradient(135deg,rgba(var(--admin-accent-rgb),.14),rgba(var(--admin-accent-rgb),.07));color:var(--admin-accent-ink);font-size:var(--fs-xl);font-weight:800}.customer-card-person h3{margin:0;font-size:var(--fs-xl)}.customer-card-person small{display:block;margin-top:3px;color:var(--admin-text-muted);font-size:9px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-money{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.customer-card-money div{padding:10px 8px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft)}.customer-card-money span,.customer-card-money strong{display:block}.customer-card-money span{font-size:9px;color:var(--admin-text-muted)}.customer-card-money strong{margin-top:5px;font-size:var(--fs-md)}.customer-card-money .due,.customer-order-amount .due,.customer-orders-summary .due{color:var(--brand-amber-deep)}.customer-order-card>footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--admin-surface-soft)}.customer-order-card>footer>span{font-size:9px;color:var(--admin-text-muted)}.view-customer-orders{border:0;border-radius:var(--ui-radius,12px);padding:8px 12px;background:rgba(var(--admin-accent-rgb),.12);color:var(--admin-accent-ink);font-size:var(--fs-xs);font-weight:700;cursor:pointer}.view-customer-orders:hover{background:rgba(var(--admin-accent-rgb),.18)}.customer-orders-dialog{max-width:1050px}.customer-orders-head{display:flex;align-items:center;justify-content:space-between;padding-right:30px}.customer-orders-identity{display:flex;align-items:center;gap:12px}.customer-orders-identity>span{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--ui-radius,12px);background:rgba(var(--admin-accent-rgb),.12);color:var(--admin-accent-ink);font-size:var(--fs-2xl);font-weight:800}.customer-orders-identity h2{margin:0 0 4px}.customer-orders-identity p{color:var(--admin-text-muted)}.customer-orders-summary{display:flex;gap:7px}.customer-orders-summary div{min-width:100px;padding:10px 13px;border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft)}.customer-orders-summary span,.customer-orders-summary b{display:block}.customer-orders-summary span{font-size:9px;color:var(--admin-text-muted)}.customer-orders-summary b{margin-top:4px}.customer-orders-status{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 20px;margin:20px 0;padding:14px 16px;border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft)}.customer-orders-status>div{display:grid;grid-template-columns:46px 1fr 20px;align-items:center;gap:8px;font-size:9px}.customer-orders-list-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.customer-orders-list-head b{margin-right:8px}.customer-orders-list-head span,.customer-orders-list-head small{color:var(--admin-text-muted);font-size:var(--fs-xs)}.customer-orders-list{display:grid;gap:8px;max-height:52vh;overflow:auto;padding-right:3px}.customer-order-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 100px 100px 75px minmax(180px,auto);align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px)}.customer-order-main span,.customer-order-main b,.customer-order-main small,.customer-order-amount span,.customer-order-amount b{display:block}.customer-order-main span{font-size:9px;color:var(--admin-text-muted)}.customer-order-main b{margin:3px 0}.customer-order-main small,.customer-order-amount span{font-size:9px;color:var(--admin-text-muted)}.customer-order-amount b{margin-top:4px}.customer-order-actions{display:flex;justify-content:flex-end;gap:5px}.customer-order-actions select,.customer-order-actions button{border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:7px 8px;background:var(--admin-surface);font-size:9px}.customer-order-actions button{cursor:pointer}.customer-order-collect{color:var(--brand-emerald-deep);background:var(--admin-success-soft)!important}.customer-order-delete{color:var(--danger-deep);background:rgba(var(--brand-danger-rgb),.10)!important}@media(max-width:800px){.customer-card-money{grid-template-columns:1fr}.customer-orders-head{align-items:flex-start;gap:12px;flex-direction:column}.customer-orders-summary{width:100%}.customer-orders-summary div{min-width:0;flex:1}.customer-orders-status{grid-template-columns:1fr 1fr}.customer-order-main,.customer-order-actions{grid-column:1/-1}.customer-order-actions{justify-content:flex-start}}

.customer-orders-search{display:grid;grid-template-columns:minmax(220px,1fr) 130px 130px auto;gap:8px;margin:0 0 14px;padding:11px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft)}.customer-orders-keyword{display:flex;align-items:center;padding:0 10px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);background:var(--admin-surface);color:var(--admin-text-sub)}.customer-orders-keyword input{width:100%;border:0;outline:0;padding:9px 7px;background:transparent}.customer-orders-search select{border:1px solid var(--admin-border-soft);padding:8px 10px;background:var(--admin-surface)}.customer-orders-search>button{border:0;border-radius:var(--ui-radius,12px);padding:8px 12px;background:rgba(var(--admin-accent-rgb),.10);color:var(--admin-text-muted);cursor:pointer}.customer-orders-empty{padding:42px;text-align:center;border:1px dashed var(--admin-border-soft);border-radius:var(--ui-radius,12px);color:var(--admin-text-muted);background:var(--admin-surface)}@media(max-width:800px){.customer-orders-search{grid-template-columns:1fr 1fr}.customer-orders-keyword{grid-column:1/-1}}
.customer-order-row{grid-template-columns:minmax(170px,1.35fr) 85px 85px 155px 70px minmax(175px,auto)}.customer-order-payment>div{display:flex;align-items:center;justify-content:space-between;color:var(--admin-text-muted);font-size:8px;gap:5px}.customer-order-payment>div b{color:var(--admin-text-muted);font-size:9px}.customer-order-payment>i{display:block;height:5px;margin:5px 0;background:var(--admin-border-soft);border-radius:var(--ui-radius,12px);overflow:hidden}.customer-order-payment>i em{display:block;height:100%;border-radius:var(--ui-radius,12px);background:var(--success)}.customer-order-payment>small{display:inline-block;font-size:8px}.customer-order-payment>small.settled{color:var(--success-deep)}.customer-order-payment>small.unpaid{color:var(--brand-amber-deep)}@media(max-width:800px){.customer-order-payment{align-self:center}.customer-order-row{grid-template-columns:1fr 1fr}}
.dialog.wide.customer-orders-dialog{width:min(1050px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));max-width:none;max-height:none;overflow:hidden;display:flex;flex-direction:column}.customer-orders-head,.customer-orders-status,.customer-orders-search,.customer-orders-list-head{flex:0 0 auto}.customer-orders-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:7px}.customer-orders-list::-webkit-scrollbar{width:8px}.customer-orders-list::-webkit-scrollbar-track{background:var(--admin-surface-soft);border-radius:var(--ui-radius,12px)}.customer-orders-list::-webkit-scrollbar-thumb{background:var(--admin-border-soft);border-radius:var(--ui-radius,12px)}.customer-orders-list::-webkit-scrollbar-thumb:hover{background:var(--admin-accent)}@media(max-width:800px){.dialog.wide.customer-orders-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);padding:18px}.customer-orders-list{overflow-x:auto}.customer-orders-status{margin:12px 0}.customer-orders-search{margin-bottom:10px}}
.customer-orders-dialog .customer-orders-empty{height:auto;min-height:110px;align-self:start}@media(max-width:800px){}
.customer-status-summary{margin:14px 0}.customer-status-summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.customer-status-summary-head>span{font-size:var(--fs-xs);font-weight:700}.customer-status-summary-head>small{font-size:8px;color:var(--admin-text-muted)}.customer-status-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.customer-status-stats button{position:relative;text-align:left;padding:9px 8px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft);color:inherit;cursor:pointer}.customer-status-stats button:hover,.customer-status-stats button.active{border-color:var(--admin-accent);background:rgba(var(--admin-accent-rgb),.12);box-shadow:0 3px 10px rgba(var(--admin-accent-rgb),.09)}.customer-status-stats span{display:block;color:var(--admin-text-muted);font-size:8px}.customer-status-stats strong{display:inline-block;margin-top:4px;font-size:var(--fs-lg)}.customer-status-stats small{margin-left:3px;color:var(--admin-text-muted);font-size:8px}@media(max-width:800px){.customer-status-stats{grid-template-columns:repeat(2,1fr)}}
.customer-status-stats button.active:after{content:"已筛选";position:absolute;right:7px;top:6px;padding:2px 4px;border-radius:var(--ui-radius,12px);background:var(--admin-accent);color:#fff;font-size:7px}.customer-status-stats button.active span{padding-right:30px;color:var(--admin-accent-ink);font-weight:700}
.customer-avatar[data-customer-orders],.table-person>span[data-customer-orders]{cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.customer-avatar[data-customer-orders]:hover,.table-person>span[data-customer-orders]:hover{background:rgba(var(--admin-accent-rgb),.14);box-shadow:0 5px 14px rgba(var(--admin-accent-rgb),.18)}.customer-avatar[data-customer-orders]:focus-visible,.table-person>span[data-customer-orders]:focus-visible{outline:3px solid rgba(var(--admin-accent-rgb),.25);outline-offset:3px}
.customer-order-items{grid-column:1/-1;display:grid;gap:5px;padding:8px 10px;background:var(--admin-surface-soft);border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);margin-top:2px}.customer-order-item{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.1fr) auto minmax(120px,.8fr) auto;gap:10px;align-items:center;font-size:var(--fs-sm);color:var(--admin-text);padding:4px 2px;border-bottom:1px dashed var(--admin-border-soft)}.customer-order-item:last-child{border-bottom:0}.customer-order-item b{font-size:var(--fs-base);color:var(--admin-text)}.customer-order-item span{color:var(--admin-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-order-item .customer-order-supplier{color:var(--admin-accent-ink);font-weight:700}.customer-order-item b:last-child{color:var(--admin-accent-ink);font-weight:800}.item-detail b{display:block;font-size:var(--fs-base);margin-bottom:3px}.item-detail small{display:block;color:var(--admin-text-sub);margin-top:2px;font-size:var(--fs-xs)}.item-detail .order-supplier-tag{display:inline-block;width:max-content;max-width:100%;margin-top:5px;padding:2px 7px;border-radius:var(--ui-radius,12px);background:rgba(var(--admin-accent-rgb),.10);color:var(--admin-accent-ink);font-weight:700}@media(max-width:800px){.customer-order-item{grid-template-columns:1fr 1fr}}

/* Stable two-tier order cards: summary/actions above, product details below. */
.customer-orders-dialog .customer-orders-list{grid-auto-rows:132px;gap:10px}
.customer-orders-dialog .customer-order-row{
  box-sizing:border-box;
  height:132px;
  min-height:132px;
  overflow:hidden;
  grid-template-columns:minmax(160px,1.25fr) 78px 78px minmax(135px,1fr) 66px 70px minmax(195px,auto);
  grid-template-areas:
    "main total due payment status image actions"
    "items items items items items items items";
  grid-template-rows:minmax(46px,auto) 48px;
  column-gap:10px;
  row-gap:8px;
  align-items:center;
}
.customer-orders-dialog .customer-order-main{grid-area:main;min-width:0}
.customer-orders-dialog .customer-order-main b,
.customer-orders-dialog .customer-order-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-orders-dialog .customer-order-total{grid-area:total}
.customer-orders-dialog .customer-order-due{grid-area:due}
.customer-orders-dialog .customer-order-payment{grid-area:payment;min-width:0}
.customer-orders-dialog .customer-order-status-cell{grid-area:status;text-align:center;white-space:nowrap}
.customer-orders-dialog .customer-order-images{grid-area:image;min-width:0}
.customer-orders-dialog .customer-order-actions{grid-area:actions;flex-wrap:nowrap;align-items:center;min-width:0}
.customer-orders-dialog .customer-order-items{
  grid-area:items;
  box-sizing:border-box;
  min-height:44px;
  max-height:48px;
  margin:0;
  padding:5px 10px;
  overflow-y:auto;
  overflow-x:hidden;
  align-content:start;
}

.customer-orders-dialog .customer-order-items::-webkit-scrollbar{width:6px}
.customer-orders-dialog .customer-order-items::-webkit-scrollbar-thumb{background:var(--admin-border-soft);border-radius:var(--ui-radius,12px)}
@media(max-width:800px){
  .customer-orders-dialog .customer-orders-list{grid-auto-rows:auto}
  .customer-orders-dialog .customer-order-row{
    height:auto;
    min-height:0;
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "main main"
      "items items"
      "total due"
      "payment payment"
      "status image"
      "actions actions";
    grid-template-rows:auto;
  }
  .customer-orders-dialog .customer-order-items{max-height:96px}
  .customer-orders-dialog .customer-order-actions{justify-content:flex-start;flex-wrap:wrap}
}

/* Customer order details follow the same vertical item layout as order management. */
.customer-orders-dialog .customer-orders-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-content:start;
}
.customer-orders-dialog .customer-order-row{
  flex:0 0 auto;
  align-self:stretch;
  width:100%;
  height:auto;
  min-height:0;
  overflow:visible;
  grid-template-columns:minmax(150px,1.15fr) 78px 78px minmax(128px,1fr) 92px minmax(178px,auto);
  grid-template-areas:
    "main total due payment status actions"
    "items items items items items items";
  grid-template-rows:auto auto;
}
.customer-orders-dialog .customer-order-images{
  display:none;
}
.customer-orders-dialog .customer-order-items{
  min-height:0;
  max-height:none;
  padding:4px 12px;
  overflow:visible;
  gap:0;
}
.customer-orders-dialog .customer-order-item{
  min-height:54px;
  grid-template-columns:52px minmax(150px,1.45fr) auto minmax(120px,.8fr) auto;
  gap:10px;
  padding:7px 0;
}
.customer-order-item-image{
  display:grid;
  place-items:center;
  width:48px;
}
.customer-order-item-image img{
  width:46px;
  height:38px;
  display:block;
  object-fit:cover;
  border:1px solid var(--admin-border-soft);
  border-radius:var(--ui-radius,12px);
  cursor:zoom-in;
  background:var(--admin-surface-soft);
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.customer-order-item-image img:hover{
  border-color:var(--admin-accent);
  box-shadow:0 0 0 3px rgba(var(--admin-accent-rgb),.14);
  transform:scale(1.04);
}
.customer-order-item-no-image{
  width:46px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px dashed var(--admin-border-soft);
  border-radius:var(--ui-radius,12px);
  color:var(--admin-text-sub)!important;
  background:var(--admin-surface);
  font-size:8px;
  white-space:nowrap!important;
}
.customer-order-item-detail b,
.customer-order-item-detail small{
  display:block;
}
.customer-order-item-detail b{
  color:var(--admin-text);
  font-weight:700;
}
.customer-order-item-detail small{
  margin-top:4px;
  color:var(--admin-text-muted);
  font-size:var(--fs-xs);
}
@media(max-width:800px){
  .customer-orders-dialog .customer-order-row{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "main main"
      "items items"
      "total due"
      "payment payment"
      "status status"
      "actions actions";
  }
  .customer-orders-dialog .customer-order-item{
    grid-template-columns:48px minmax(0,1fr) auto;
  }
  .customer-orders-dialog .customer-order-item .customer-order-supplier,
  .customer-orders-dialog .customer-order-item>b:last-child{
    grid-column:2 / -1;
  }
}