/**
 * Approval action / status colors.
 * Theme remaps Bootstrap .btn-danger to brand primary, so Reject looked like a normal CTA.
 * Use .btn-approve / .btn-reject and .badge-approval-* for clear green vs red differentiation.
 */
:root {
  --approval-approve: #05a34a;
  --approval-approve-hover: #04823b;
  --approval-reject: #dc3545;
  --approval-reject-hover: #b02a37;
  --approval-pending: #eea404;
  --approval-pending-text: #212529;
  --approval-neutral: #6c757d;
}

.btn-approve,
.btn.btn-approve {
  color: #fff !important;
  background-color: var(--approval-approve) !important;
  border-color: var(--approval-approve) !important;
}

.btn-approve:hover,
.btn-approve:focus,
.btn.btn-approve:hover,
.btn.btn-approve:focus {
  color: #fff !important;
  background-color: var(--approval-approve-hover) !important;
  border-color: var(--approval-approve-hover) !important;
}

.btn-reject,
.btn.btn-reject {
  color: #fff !important;
  background-color: var(--approval-reject) !important;
  border-color: var(--approval-reject) !important;
}

.btn-reject:hover,
.btn-reject:focus,
.btn.btn-reject:hover,
.btn.btn-reject:focus {
  color: #fff !important;
  background-color: var(--approval-reject-hover) !important;
  border-color: var(--approval-reject-hover) !important;
}

.badge-approval-approved,
.badge-approval-approve {
  color: #fff !important;
  background-color: var(--approval-approve) !important;
}

.badge-approval-rejected,
.badge-approval-reject,
.badge-approval-cancelled {
  color: #fff !important;
  background-color: var(--approval-reject) !important;
}

.badge-approval-pending,
.badge-approval-waiting,
.badge-approval-in_progress {
  color: var(--approval-pending-text) !important;
  background-color: var(--approval-pending) !important;
}

.badge-approval-skipped,
.badge-approval-secondary {
  color: #fff !important;
  background-color: var(--approval-neutral) !important;
}