/* Modern primary buttons – Upload + Submit */
html body #UploadButton.btn,
html body #UpdateButton.btn,
html body #CancelButton.btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  height: 40px !important;
  padding: 0 16px !important;

  border-radius: 10px !important;
  border: none !important;

  background: linear-gradient(135deg, #013248, #6366f1);
  color: #ffffff !important;

  box-shadow: 0 6px 14px rgba(79, 70, 229, 0.25) !important;
  transition: all 0.2s ease !important;
}

/* Icons (Upload has one, Submit usually doesn't — harmless) */
html body #UploadButton.btn .fa,
html body #UpdateButton.btn .fa, 
html body #CancelButton.btn .fa {
  font-size: 16px !important;
  color: #ffffff !important;
}

/* Hover */
html body #UploadButton.btn:hover,
html body #UpdateButton.btn:hover,
html body #CancelButton.btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(79, 70, 229, 0.35) !important;
}

/* Active */
html body #UploadButton.btn:active,
html body #UpdateButton.btn:active,
html body #CancelButton.btn:active {
  transform: translateY(0) !important;
}

/* Focus (keyboard accessibility) */
html body #UploadButton.btn:focus,
html body #UpdateButton.btn:focus,
html body #CancelButton.btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.45) !important;
}