/* Timer header component */

@keyframes timer-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.animation-blink {
  animation: timer-blink 1.5s ease-in-out infinite;
}

/* Timer running state — green tint */
#kt_timer_worker .btn.timer-active {
  background-color: rgba(80, 205, 137, 0.15);
  border: 1px solid rgba(80, 205, 137, 0.3);
}

/* Default: white text for dark header (services list) */
.header-timer-text {
  color: rgba(255, 255, 255, 0.9);
}

/* Light header (service detail — body.app-detail) */
body.app-detail #kt_timer_worker #workingTimeLoggerModal.btn.btn-custom {
  color: var(--bs-gray-600);
}

body.app-detail #kt_timer_worker #workingTimeLoggerModal.btn.btn-custom:hover {
  color: var(--bs-primary);
}

body.app-detail #kt_timer_worker #workingTimeLoggerModal.btn.btn-custom.timer-active {
  color: var(--bs-gray-800);
  background-color: rgba(80, 205, 137, 0.15);
  border: 1px solid rgba(80, 205, 137, 0.3);
}

body.app-detail .header-timer-text {
  color: var(--bs-gray-800);
}

body.app-detail .header-timer-text.opacity-75 {
  color: var(--bs-gray-600);
}