/* Onboarding / workflow banner styles */

.workflow-banner {
  transition: opacity 0.3s ease, max-height 0.3s ease;
}

.workflow-banner.d-none {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0;
}

.workflow-current {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  animation: workflow-pulse 2s infinite;
}

@keyframes workflow-pulse {
  0% {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  }
  50% {
    box-shadow: 0 0 0 0.45rem rgba(var(--bs-primary-rgb), 0.15);
  }
  100% {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  }
}

.workflow-steps .workflow-step a:hover .workflow-badge {
  transform: scale(1.1);
  transition: transform 0.2s ease;
}

/* Getting started wizard card enhancements */
.getting-started-card .card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.getting-started-card .card:hover {
  transform: translateY(-2px);
}