.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:20px;background:#edf6f1;color:var(--green);font-size:10px}.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:11px;display:grid;place-items:center;background:linear-gradient(135deg,#dcefe5,#edf7f2);color:var(--green);font-size:16px;font-weight:800}.customer-card-person h3{margin:0;font-size:16px}.customer-card-person small{display:block;margin-top:3px;color:var(--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 #e9efeb;border-radius:9px;background:#fbfcfb}.customer-card-money span,.customer-card-money strong{display:block}.customer-card-money span{font-size:9px;color:var(--muted)}.customer-card-money strong{margin-top:5px;font-size:13px}.customer-card-money .due,.customer-order-amount .due,.customer-orders-summary .due{color:#bb6d1f}.customer-status-chart{margin:15px 0;padding:12px;border-radius:10px;background:#f6f9f7}.customer-chart-title{display:flex;justify-content:space-between;margin-bottom:8px}.customer-chart-title span{font-weight:700;font-size:10px}.customer-chart-title small{color:var(--muted);font-size:9px}.customer-status-row{display:grid;grid-template-columns:45px 1fr 18px;align-items:center;gap:7px;margin:6px 0;font-size:9px;color:#66746c}.customer-status-row i,.customer-orders-status i{height:5px;border-radius:6px;background:#e5ebe7;overflow:hidden}.customer-status-row em,.customer-orders-status em{display:block;height:100%;border-radius:6px;background:#5aa980}.customer-status-row em[data-status="待确认"],.customer-orders-status em[data-status="待确认"]{background:#d79b45}.customer-status-row em[data-status="制作中"],.customer-orders-status em[data-status="制作中"]{background:#4287bd}.customer-status-row em[data-status="已完成"],.customer-orders-status em[data-status="已完成"]{background:#25855d}.customer-status-row em[data-status="已取消"],.customer-orders-status em[data-status="已取消"]{background:#a5ada8}.customer-order-card>footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #edf1ee}.customer-order-card>footer>span{font-size:9px;color:var(--muted)}.view-customer-orders{border:0;border-radius:8px;padding:8px 12px;background:#e9f5ef;color:#176c4b;font-size:10px;font-weight:700;cursor:pointer}.view-customer-orders:hover{background:#d8eee3}.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:13px;background:#e5f2eb;color:var(--green);font-size:20px;font-weight:800}.customer-orders-identity h2{margin:0 0 4px}.customer-orders-identity p{color:var(--muted)}.customer-orders-summary{display:flex;gap:7px}.customer-orders-summary div{min-width:100px;padding:10px 13px;border-radius:9px;background:#f5f8f6}.customer-orders-summary span,.customer-orders-summary b{display:block}.customer-orders-summary span{font-size:9px;color:var(--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:11px;background:#f6f9f7}.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(--muted);font-size:10px}.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 #e6ece8;border-radius:10px}.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(--muted)}.customer-order-main b{margin:3px 0}.customer-order-main small,.customer-order-amount span{font-size:9px;color:var(--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 #dce5df;border-radius:7px;padding:7px 8px;background:#fff;font-size:9px}.customer-order-actions button{cursor:pointer}.customer-order-collect{color:#16704d;background:#eaf6f0!important}.customer-order-delete{color:#b84d46;background:#fff1ee!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-row{grid-template-columns:1fr 1fr}.customer-order-main,.customer-order-actions{grid-column:1/-1}.customer-order-actions{justify-content:flex-start}}
.dialog.wide.customer-orders-dialog{width:min(1050px,100%);max-width:1050px}
.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 #e5ebe7;border-radius:11px;background:#fbfcfb}.customer-orders-keyword{display:flex;align-items:center;padding:0 10px;border:1px solid #dfe6e1;border-radius:8px;background:#fff;color:#89948e}.customer-orders-keyword input{width:100%;border:0;outline:0;padding:9px 7px;background:transparent}.customer-orders-search select{border:1px solid #dfe6e1;border-radius:8px;padding:8px 10px;background:#fff}.customer-orders-search>button{border:0;border-radius:8px;padding:8px 12px;background:#edf4f0;color:#52635a;cursor:pointer}.customer-orders-empty{padding:42px;text-align:center;border:1px dashed #dce5df;border-radius:10px;color:var(--muted);background:#fafcfa}@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(--muted);font-size:8px;gap:5px}.customer-order-payment>div b{color:#45534b;font-size:9px}.customer-order-payment>i{display:block;height:5px;margin:5px 0;background:#e8edea;border-radius:8px;overflow:hidden}.customer-order-payment>i em{display:block;height:100%;border-radius:8px;background:#319069}.customer-order-payment>small{display:inline-block;font-size:8px}.customer-order-payment>small.settled{color:#21825a}.customer-order-payment>small.unpaid{color:#bb6d1f}@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:#f0f4f1;border-radius:8px}.customer-orders-list::-webkit-scrollbar-thumb{background:#b8c9bf;border-radius:8px}.customer-orders-list::-webkit-scrollbar-thumb:hover{background:#91ad9e}@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-list{align-content:start;grid-auto-rows:88px}.customer-orders-dialog .customer-order-row{height:88px;min-height:88px;align-self:start}.customer-orders-dialog .customer-orders-empty{height:auto;min-height:110px;align-self:start}@media(max-width:800px){.customer-orders-dialog .customer-orders-list{grid-auto-rows:auto}.customer-orders-dialog .customer-order-row{height:auto;min-height:118px}}
.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:10px;font-weight:700}.customer-status-summary-head>small{font-size:8px;color:var(--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 #e9efeb;border-radius:9px;background:#fbfcfb;color:inherit;cursor:pointer}.customer-status-stats button:hover,.customer-status-stats button.active{border-color:#91c5aa;background:#edf7f1;box-shadow:0 3px 10px rgba(31,104,72,.08)}.customer-status-stats span{display:block;color:var(--muted);font-size:8px}.customer-status-stats strong{display:inline-block;margin-top:4px;font-size:14px}.customer-status-stats small{margin-left:3px;color:var(--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:8px;background:#27865e;color:#fff;font-size:7px}.customer-status-stats button.active span{padding-right:30px;color:#176b49;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{transform:translateY(-2px) scale(1.05);background:#dcefe5;box-shadow:0 5px 14px rgba(27,100,70,.16)}.customer-avatar[data-customer-orders]:focus-visible,.table-person>span[data-customer-orders]:focus-visible{outline:3px solid rgba(39,134,94,.25);outline-offset:3px}
.customer-order-items{grid-column:1/-1;display:grid;gap:5px;padding:8px 10px;background:#f7faf8;border:1px solid #e7eee9;border-radius:9px;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:11px;color:#33453c;padding:4px 2px;border-bottom:1px dashed #e4ebe6}.customer-order-item:last-child{border-bottom:0}.customer-order-item b{font-size:12px;color:#24382f}.customer-order-item span{color:#7b8780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-order-item .customer-order-supplier{color:#16734f;font-weight:700}.customer-order-item b:last-child{color:#176b49;font-weight:800}.item-detail b{display:block;font-size:12px;margin-bottom:3px}.item-detail small{display:block;color:#8b968f;margin-top:2px;font-size:10px}.item-detail .order-supplier-tag{display:inline-block;width:max-content;max-width:100%;margin-top:5px;padding:2px 7px;border-radius:999px;background:#eaf6ef;color:#176b49;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-item{min-height:30px;padding:2px 0}
.customer-orders-dialog .customer-order-items::-webkit-scrollbar{width:6px}
.customer-orders-dialog .customer-order-items::-webkit-scrollbar-thumb{background:#c4d3cb;border-radius:6px}
@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(160px,1.25fr) 78px 78px minmax(135px,1fr) 66px minmax(195px,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 #d6e4dc;
  border-radius:7px;
  cursor:zoom-in;
  background:#f4f8f5;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.customer-order-item-image img:hover{
  border-color:#23845e;
  box-shadow:0 0 0 3px rgba(35,132,94,.14);
  transform:scale(1.04);
}
.customer-order-item-no-image{
  width:46px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px dashed #d4ddd7;
  border-radius:7px;
  color:#a7b1ab!important;
  background:#fff;
  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:#20362b;
  font-weight:700;
}
.customer-order-item-detail small{
  margin-top:4px;
  color:#7b8780;
  font-size:10px;
}
@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;
  }
}