/* Order-center composition: one page title,compact metrics,one data surface. */
.oc-page{
  gap: 14px;
}.oc-page .oc-stats{
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}.oc-stat{
  align-items: center;
  gap: 11px;
  min-height: 54px;
  padding: 8px 12px;
  border-color: #dce5ee;
  border-radius: 14px;
  box-shadow: 0 7px 20px rgb(38 74 124 / 3.5%);
}.oc-stat-icon{
  width: 26px;
  height: 26px;
  border-radius: 10px;
  font-size: 12px;
}.oc-stat strong{
  margin-top: 4px;
  font-size: 18px;
}.oc-stat-amounts{
  gap: 3px;
  margin-top: 4px;
}.oc-directory{
  border-color: #d8e2eb;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgb(36 75 125 / 4.5%);
}.oc-directory-head{
  align-items: center;
  padding: 10px 16px;
}.oc-directory-head h3{
  margin: 3px 0 2px;
  font-size: 17px;
}.oc-page .order-center-filter{
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}.oc-page .order-filter-grid{
  gap: 8px 10px;
}.oc-page .order-filter-actions{
  margin-top: 8px;
  padding-top: 8px;
}.order-custom-select{position:relative;display:block}.order-custom-select-button{box-sizing:border-box;width:100%;height:40px;padding:0 32px 0 12px;border:1px solid #dce5f0;border-radius:9px;background:#fff;color:#2d3d53;font-size:13px;text-align:left;cursor:pointer}.order-custom-select-button:after{position:absolute;right:14px;top:16px;border:5px solid transparent;border-top-color:#718198;content:"";pointer-events:none}.order-custom-select-menu{position:fixed;z-index:10060;display:none;max-height:min(320px,50vh);overflow:auto;padding:5px;border:1px solid #d7e2f0;border-radius:10px;background:#fff;box-shadow:0 14px 30px rgba(30,50,80,.16)}.order-custom-select-menu.open{display:grid;gap:2px}.order-custom-select-option{width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#354862;text-align:left;font-size:13px;cursor:pointer}.order-custom-select-option:hover,.order-custom-select-option.selected{background:#edf4ff;color:#176ee8;font-weight:700}.order-center-heading-actions,.oc-directory-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-environment-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #d7e3f1;border-radius:9px;background:#f4f8fd}.order-environment-switch button{min-height:32px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#62748b;font-size:12px;font-weight:700;cursor:pointer}.order-environment-switch button.active{background:#2678e8;color:#fff;box-shadow:0 2px 5px rgba(38,120,232,.18)}.order-environment-badge,[data-order-environment-label]{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eaf3ff;color:#2876df;font-size:12px;font-weight:650}.order-environment-badge.sandbox,[data-order-environment-label].sandbox{background:#fff3dd;color:#aa6a09}.payout-dispatch-controls[hidden]{display:none!important}.oc-page .order-center-table th{
  background: #f3f6f9 !important;
}

@media (max-width: 1280px) {.oc-page .oc-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {.oc-page .oc-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {.oc-page .oc-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.oc-stat{
    min-height: 60px;
    padding: 8px;
  }
}

.oc-result-note{flex:1 1 180px;white-space:normal;border-radius:6px}.order-center-heading>.section-head{margin:0 0 10px;justify-content:flex-end}

.order-heading-tabs{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.order-heading-tabs .fp-section-tabs{margin-bottom:0}.order-heading-tabs>.section-head{margin:0}.order-center-summary .oc-stat{min-height:54px;padding:8px 10px}.order-center-summary .oc-stat-icon{width:24px;height:24px}.order-center-summary .oc-stat strong{font-size:18px;margin-top:2px}#page .order-filter-actions{padding-top:8px;margin-top:8px}.oc-page .oc-result-note{flex:1 1 auto;min-height:0;margin:0;padding:0;font-size:12px}.oc-page .oc-directory-head{min-height:0;gap:8px;padding:8px 12px}.oc-page .oc-stats{gap:6px}.oc-page .oc-stat{min-height:54px;padding:8px 10px}@media(max-width:620px){.order-heading-tabs{align-items:flex-start}.order-heading-tabs .order-center-heading-actions{gap:4px}.oc-page .oc-directory-head{flex-wrap:wrap}.oc-page .oc-result-note{flex-basis:100%;background:transparent}.oc-page .oc-stat-icon{display:none}.order-center-summary .oc-stat-icon{display:none}#page .order-center-summary .oc-stat{min-height:54px;gap:4px}#page .order-center-summary .oc-stat strong{font-size:16px}.order-center-summary .oc-stat small{font-size:12px}.order-center-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.payout-batch-toolbar>span{flex-basis:auto!important}.order-center-heading-actions{justify-content:flex-start}}