/* Product Switcher Panel Styles (Minimalist Tab System) */
.product-preview-pane {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.98);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 0;
}

.product-preview-pane.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  z-index: 10;
}

/* Auto vertical scrolling lists inside dashboard preview showcases */
@keyframes auto-scroll-sms-timetable {
  0%, 15% { transform: translateY(0); }
  45%, 55% { transform: translateY(-70px); }
  85%, 100% { transform: translateY(0); }
}
.animate-scroll-sms-timetable {
  animation: auto-scroll-sms-timetable 10s ease-in-out infinite;
}

@keyframes auto-scroll-lms-activities {
  0%, 15% { transform: translateY(0); }
  45%, 55% { transform: translateY(-60px); }
  85%, 100% { transform: translateY(0); }
}
.animate-scroll-lms-activities {
  animation: auto-scroll-lms-activities 10s ease-in-out infinite;
}

@keyframes auto-scroll-enterprise-progress {
  0%, 15% { transform: translateY(0); }
  45%, 55% { transform: translateY(-75px); }
  85%, 100% { transform: translateY(0); }
}
.animate-scroll-enterprise-progress {
  animation: auto-scroll-enterprise-progress 10s ease-in-out infinite;
}

@keyframes auto-scroll-enterprise-applicants {
  0%, 15% { transform: translateY(0); }
  45%, 55% { transform: translateY(-55px); }
  85%, 100% { transform: translateY(0); }
}
.animate-scroll-enterprise-applicants {
  animation: auto-scroll-enterprise-applicants 10s ease-in-out infinite;
}

@keyframes auto-scroll-lms-orders {
  0%, 15% { transform: translateY(0); }
  45%, 55% { transform: translateY(-70px); }
  85%, 100% { transform: translateY(0); }
}
.animate-scroll-lms-orders {
  animation: auto-scroll-lms-orders 10s ease-in-out infinite;
}

@keyframes row-highlight-pulse {
  0% { background-color: rgba(59, 130, 246, 0); }
  30% { background-color: rgba(59, 130, 246, 0.2); }
  100% { background-color: rgba(59, 130, 246, 0); }
}

.highlight-pulse td {
  animation: row-highlight-pulse 2s ease-out;
}