/* Batch board / batch detail shared visuals */

@keyframes bbPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(27, 158, 122, 0.5);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(27, 158, 122, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(27, 158, 122, 0);
  }
}

.bb-pulse-dot {
  animation: bbPulse 2.2s ease-out infinite;
}

.bb-card {
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.bb-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px -16px rgba(13, 60, 44, 0.26);
  border-color: var(--mantine-color-green-3);
}

.bb-card .bb-arrow {
  transition: transform 0.18s ease;
}

.bb-card:hover .bb-arrow {
  transform: translateX(4px);
}

.bb-window-accordion .mantine-Accordion-item {
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 14px;
  background: white;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bb-window-accordion .mantine-Accordion-item[data-active] {
  border-color: var(--mantine-color-green-3);
  box-shadow: 0 8px 22px -14px rgba(13, 60, 44, 0.2);
}

.bb-window-accordion .mantine-Accordion-control:hover {
  background: var(--mantine-color-green-0);
}
