.inline-success {
  position: relative;
  animation: successGlow 1.2s ease-out;
}

@keyframes successGlow {
  0% {
    box-shadow: 0 0 0px rgba(0, 200, 0, 0.0);
  }
  40% {
    box-shadow: 0 0 8px rgba(0, 200, 0, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(0, 200, 0, 0.0);
  }
}

.inline-success::after {
  content: "✔";
  position: absolute;
  right: -18px;
  top: 0;
  color: #28a745;
  font-weight: bold;
  opacity: 0;
  animation: successCheck 1.2s ease-out;
}

@keyframes successCheck {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  30% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

.inline-error {
  position: relative;
  animation: errorGlow 1.2s ease-out;
}

@keyframes errorGlow {
  0% {
    box-shadow: 0 0 0px rgba(255, 0, 0, 0.0);
  }
  40% {
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(255, 0, 0, 0.0);
  }
}

.inline-error::after {
  content: "❌";
  position: absolute;
  right: -18px;
  top: 0;
  color: #dc3545;
  font-weight: bold;
  opacity: 0;
  animation: errorIcon 1.2s ease-out;
}

@keyframes errorIcon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  30% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}

.modal-backdrop.show.modal-backdrop-stack {
  z-index: 2000 !important;
}

.modal.modal-stack {
  z-index: 2050 !important;
}