/* Order experience: customer and admin */
.customer-order-card{display:grid;gap:13px;padding:16px;margin-bottom:13px}
.customer-order-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.customer-order-head>div:first-child{display:grid;gap:5px}
.customer-order-head small,.order-product-info small{display:block;color:var(--muted,#aab8ad);font-size:12px}
.customer-order-summary{display:grid;gap:5px;text-align:left}
.order-product-list{display:grid;gap:9px}
.order-product-row,.order-admin-product{display:flex;align-items:center;gap:13px;min-width:0;padding:11px;border:1px solid #b9954d35;border-radius:13px;background:#ffffff06}
.order-product-thumb{width:68px;height:68px;flex:0 0 68px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:#f5f5f0;color:#98733b;font-size:25px}
.order-product-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.order-product-info{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
.order-product-info b{font-size:14px}
.order-product-info span,.order-product-info strong{font-size:12px}
.order-cancellation-state{display:block;margin-top:4px}
.order-admin-products{display:grid;gap:10px;margin:12px 0 18px}
.order-admin-product{padding:13px}
.order-list-products{display:grid;gap:7px;min-width:170px}
.order-list-product{display:flex;align-items:center;gap:8px;min-width:0;line-height:1.5}
.order-list-product img,.order-list-thumb-fallback{width:42px;height:42px;flex:0 0 42px;border-radius:8px;object-fit:contain;background:#f4f3ed;padding:3px}
.order-list-thumb-fallback{display:grid;place-items:center}
.order-products-cell{min-width:190px}
#orderModal .dialog{width:min(1100px,96vw);max-height:92vh;overflow:auto;overscroll-behavior:contain}
#orderDetail .grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
#orderDetail .mini-item{min-width:0;overflow-wrap:anywhere}
#orderDetail .order-admin-product{width:100%;box-sizing:border-box}
@media(max-width:760px){
  .customer-order-card{padding:12px;gap:11px}
  .customer-order-head{align-items:flex-start}
  .customer-order-summary{text-align:right}
  .order-product-row,.order-admin-product{align-items:flex-start;gap:10px;padding:9px}
  .order-product-thumb{width:58px;height:58px;flex-basis:58px}
  #orderModal .dialog{width:calc(100vw - 16px);max-width:none;max-height:90vh;margin:8px;padding:13px}
  #orderDetail .grid-two{grid-template-columns:1fr}
  #orderDetail .order-admin-product{display:flex}
  #orderDetail .dialog-head{position:sticky;top:0;z-index:2}
  #ordersTable{min-width:900px}
  .order-products-cell{min-width:210px}
  .order-list-product img,.order-list-thumb-fallback{width:36px;height:36px;flex-basis:36px}
}