.disabled-button {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  transform: none !important;
  filter: grayscale(50%);
}

.disabled-button:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Ensure form elements can't be interacted with when disabled */
.form-disabled {
  pointer-events: none !important;
  opacity: 0.8;
}

.form-disabled * {
  cursor: not-allowed !important;
}