/* ----- Анимации ----- */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeInUp 0.8s ease forwards; }
.delay-200 { animation-delay: 0.2s; }

/* ----- Карточки ----- */
.card {
  opacity: 0;
  transform: translateY(20px);
}
.card.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease;
}

/* ----- Пульсация для сердечка ----- */
.heart {
  display: inline-block;
  animation: pulse 2s infinite ease-in-out;
}
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.95; }
}

/* ----- Поиск сотрудника ----- */
#search-results {
  max-width: 300px;
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
}
.dark #search-results {
  background: #2c3849;
  border: 1px solid #4B5563;
}
#search-results:empty {
  display: none;
}
#search-results div {
  padding: 8px;
  cursor: pointer;
}
#search-results div:hover {
  background: #4B5563;
}
.dark #search-results div:hover {
  background: #afb7c2;
}

/* ----- Анимации и эффекты для кнопок, если нужно ----- */
button, .btn, a.button {
  transition: background 0.2s, color 0.2s;
}

/* ----- Пульс для кнопки кофе ----- */
@keyframes pulseBtn {
  0%, 100% { box-shadow: 0 0 0 0 #f8ad99; }
  50% { box-shadow: 0 0 16px 4px #f8ad99; }
}
.coffee-btn {
  animation: pulseBtn 2s infinite;
}