:root {
  --state-normal: #087a55;
  --state-normal-bg: #e9f7f1;
  --state-normal-border: #bfe4d6;
  --state-danger: #c33e4a;
  --state-danger-bg: #fceff1;
  --state-danger-border: #edc6cb;
  --state-muted: #69788b;
  --state-muted-bg: #f1f4f7;
  --state-muted-border: #dce2e8;
  --action-inspect: #216bc4;
  --action-modify: #6750b8;
  --action-positive: #087a55;
  --action-warning: #a45f0a;
  --action-danger: #c33e4a;
}

.ui-state-normal {
  color: var(--state-normal) !important;
  font-weight: 720 !important;
}

.ui-state-danger {
  color: var(--state-danger) !important;
  font-weight: 720 !important;
}

.ui-state-muted {
  color: var(--state-muted) !important;
  font-weight: 650 !important;
}

.ui-status-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  width: fit-content;
  min-height: 24px;
  padding: 3px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  line-height: 1.35;
  white-space: nowrap;
}

.ui-status-chip::before {
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.ui-status-chip.ui-state-normal {
  border-color: var(--state-normal-border) !important;
  background: var(--state-normal-bg) !important;
}

.ui-status-chip.ui-state-danger {
  border-color: var(--state-danger-border) !important;
  background: var(--state-danger-bg) !important;
}

.ui-status-chip.ui-state-muted {
  border-color: var(--state-muted-border) !important;
  background: var(--state-muted-bg) !important;
}

/* Keep legacy status components on the same three semantic colors. */
.tag.success,
.pc-status.active,
.pp-status.active,
.bd-status.active,
.pi-status.active,
.bm-status.active,
.sc-status.on,
.mc-tag.active,
.mas-status,
.oc-pay-status.paid,
.oc-notify-status.returned,
.oc-payout-status.succeeded,
.fp-user-otp-badge.bound {
  border-color: var(--state-normal-border) !important;
  background: var(--state-normal-bg) !important;
  color: var(--state-normal) !important;
}

.tag.fail,
.oc-pay-status.blocked,
.oc-payout-status.rejected,
.payout-state.failed,
.payout-state.rejected,
.payout-state.blocked {
  border-color: var(--state-danger-border) !important;
  background: var(--state-danger-bg) !important;
  color: var(--state-danger) !important;
}

.tag.pending,
.pc-status.disabled,
.pp-status.disabled,
.bd-status.disabled,
.pi-status.disabled,
.bm-status.disabled,
.sc-status.off,
.mc-tag.disabled,
.oc-pay-status.unpaid,
.oc-notify-status.no-return,
.oc-notify-status.not-sent,
.oc-payout-status.processing,
.fp-user-otp-badge,
.fp-user-otp-badge.off {
  border-color: var(--state-muted-border) !important;
  background: var(--state-muted-bg) !important;
  color: var(--state-muted) !important;
}

.mini-action.ui-action-inspect,
.order-action.ui-action-inspect {
  border-color: #cbdcf1 !important;
  background: #f5f9ff !important;
  color: var(--action-inspect) !important;
}

.mini-action.ui-action-modify,
.order-action.ui-action-modify {
  border-color: #d9d0f0 !important;
  background: #f8f5ff !important;
  color: var(--action-modify) !important;
}

.mini-action.ui-action-positive,
.order-action.ui-action-positive {
  border-color: var(--state-normal-border) !important;
  background: #f1faf6 !important;
  color: var(--action-positive) !important;
}

.mini-action.ui-action-warning,
.order-action.ui-action-warning {
  border-color: #ead7b9 !important;
  background: #fff9ef !important;
  color: var(--action-warning) !important;
}

.mini-action.ui-action-danger,
.order-action.ui-action-danger {
  border-color: var(--state-danger-border) !important;
  background: #fff6f7 !important;
  color: var(--action-danger) !important;
}

.mini-action.ui-action-inspect:hover:not(:disabled),
.order-action.ui-action-inspect:hover:not(:disabled) { background: #eaf3ff !important; }
.mini-action.ui-action-modify:hover:not(:disabled),
.order-action.ui-action-modify:hover:not(:disabled) { background: #f0ebff !important; }
.mini-action.ui-action-positive:hover:not(:disabled),
.order-action.ui-action-positive:hover:not(:disabled) { background: #e4f5ed !important; }
.mini-action.ui-action-warning:hover:not(:disabled),
.order-action.ui-action-warning:hover:not(:disabled) { background: #fff2dc !important; }
.mini-action.ui-action-danger:hover:not(:disabled),
.order-action.ui-action-danger:hover:not(:disabled) { background: #fbe9ec !important; }

.mini-action:disabled,
.order-action:disabled {
  border-color: #e1e5ea !important;
  background: #f4f6f8 !important;
  color: #929daa !important;
}

@media (forced-colors: active) {
  .ui-status-chip,
  .mini-action,
  .order-action { border-color: currentColor !important; }
}
.oc-notify-status.no-return,.oc-notify-status.not-sent{background:#eef2f7;color:#718198}