/* FORCE DARK THEME BUTTONS - ULTIMATE OVERRIDE */

/* Target ALL button elements regardless of how they're styled */
button:not([disabled]),
.btn:not(:disabled),
[class*="btn"]:not(:disabled),
[role="button"]:not(:disabled),
input[type="button"]:not(:disabled),
input[type="submit"]:not(:disabled),
a.btn:not(:disabled) {
  transition: all 0.2s ease-in-out !important;
}

/* Force override Approve/Success buttons with inline styles */
button:not(:disabled):has-text("Approve"),
button:not(:disabled):has-text("Accept"),
.btn-success:not(:disabled),
[class*="success"]:not(:disabled),
[style*="background-color: rgb(40, 167, 69)"]:not(:disabled),
[style*="background-color: #28a745"]:not(:disabled),
[style*="background: rgb(40, 167, 69)"]:not(:disabled),
[style*="background: #28a745"]:not(:disabled) {
  background-color: #10b981 !important;
  background: #10b981 !important;
  border-color: #059669 !important;
  color: #ffffff !important;
}

/* Force override Reject/Danger buttons with inline styles */
button:not(:disabled):has-text("Reject"),
button:not(:disabled):has-text("Delete"),
.btn-danger:not(:disabled),
[class*="danger"]:not(:disabled),
[style*="background-color: rgb(220, 53, 69)"]:not(:disabled),
[style*="background-color: #dc3545"]:not(:disabled),
[style*="background: rgb(220, 53, 69)"]:not(:disabled),
[style*="background: #dc3545"]:not(:disabled) {
  background-color: #ef4444 !important;
  background: #ef4444 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

/* Use attribute selectors for button text content */
button[class*="success"],
button[class*="Success"],
button[class*="approve"],
button[class*="Approve"],
button[class*="accept"],
button[class*="Accept"] {
  background-color: #10b981 !important;
  border-color: #059669 !important;
}

button[class*="danger"],
button[class*="Danger"],
button[class*="reject"],
button[class*="Reject"],
button[class*="delete"],
button[class*="Delete"] {
  background-color: #ef4444 !important;
  border-color: #dc2626 !important;
}

/* Hover states */
button[class*="success"]:hover,
button[class*="approve"]:hover,
button[class*="accept"]:hover {
  background-color: #059669 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4) !important;
}

button[class*="danger"]:hover,
button[class*="reject"]:hover,
button[class*="delete"]:hover {
  background-color: #dc2626 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4) !important;
}