/* ===== 图二锁定：订单确认 / 销售开单 数据操作区（不依赖 scoped hash，防缓存回退） ===== */
.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}
.el-statistic__head{color:var(--el-statistic-title-color);font-size:var(--el-statistic-title-font-size);font-weight:var(--el-statistic-title-font-weight);line-height:20px;margin-bottom:4px}
.el-statistic__content{color:var(--el-statistic-content-color);font-size:var(--el-statistic-content-font-size);font-weight:var(--el-statistic-content-font-weight)}
.el-statistic__value{display:inline-block}.el-statistic__prefix{display:inline-block;margin-right:4px}.el-statistic__suffix{display:inline-block;margin-left:4px}

/* 汇总四格 */
.order-confirm .summary-area,
.order .summary-area,
.summary-area{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  margin-top:15px!important;
  padding:12px 8px!important;
  background-color:#fff!important;
  border-radius:6px!important;
  border:1px solid #e4e7ed!important;
  gap:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  flex-direction:unset!important;
}
.order-confirm .summary-card,
.order .summary-card,
.summary-area .summary-card{
  text-align:center!important;
  min-width:0!important;
  max-width:none!important;
  border-right:1px solid #ebeef5!important;
  border-bottom:none!important;
  position:relative!important;
  padding:8px 6px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex:unset!important;
  width:auto!important;
}
.order-confirm .summary-card:last-child,
.order .summary-card:last-child,
.summary-area .summary-card:last-child{border-right:none!important;border-bottom:none!important}
.summary-unit{font-size:12px;color:#909399;margin-top:4px}
.summary-dividend{background:linear-gradient(180deg,#fff8ef 0%,#fff 60%)}
.dividend-meta{margin-top:6px;font-size:12px;color:#b88230;line-height:1.35;padding:0 4px;white-space:normal;word-break:break-all;max-width:100%;box-sizing:border-box}
.dividend-admin-link{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #f0d7a8;border-radius:6px;background:#fff8ef;text-decoration:none;font-size:13px;flex:0 0 auto;white-space:nowrap;color:#8a6d3b}

/* 数据操作一行：搜索在左，按钮组靠最右（图二） */
.order-confirm .operational-area,
.order .operational-area,
.operational-area{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 16px!important;
  margin-top:10px!important;
  background-color:#fff!important;
  border-radius:6px!important;
  border:1px solid #e4e7ed!important;
  box-shadow:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.order-confirm .ops-top,
.order .ops-top,
.operational-area .ops-top{
  display:contents!important;
}
.order-confirm .operational-area h3,
.order .operational-area h3,
.operational-area h3,
.ops-top h3{
  margin:0!important;font-size:15px!important;font-weight:600!important;white-space:nowrap!important;flex:0 0 auto!important
}
.order-confirm .ops-search,
.order .ops-search,
.operational-area .ops-search,
.ops-top .ops-search{
  width:260px!important;
  max-width:36vw!important;
  flex:0 0 260px!important;
}
.order-confirm .btn-group,
.order .btn-group,
.operational-area .btn-group{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  width:auto!important;
  min-width:0!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.order-confirm .btn-group .el-button,
.order-confirm .btn-group button,
.order .btn-group .el-button,
.order .btn-group button,
.operational-area .btn-group .el-button,
.operational-area .btn-group button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:auto!important;
  max-width:none!important;
  display:inline-flex!important;
}
.status-tag{transition:all .3s;display:inline-block}

@media (max-width:1100px){
  .order-confirm .operational-area,
  .order .operational-area,
  .operational-area{flex-wrap:wrap!important}
  .order-confirm .btn-group,
  .order .btn-group,
  .operational-area .btn-group{width:100%!important;flex:1 1 100%!important;justify-content:flex-end!important}
}
@media (max-width:640px){
  .order-confirm .summary-area,
  .order .summary-area,
  .summary-area{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .summary-area .summary-card:nth-child(2n){border-right:none!important}
}