/**
 * Visa Bot — public styles (Part 24)
 * Tailwind utilities are loaded via CDN in layout.ejs.
 * @tailwind directives apply only when using a PostCSS/Tailwind build pipeline.
 */

/* Task log line colors (terminal + dashboard) */
.log-kind-error {
  color: #f87171;
  font-weight: 600;
}

.log-kind-success {
  color: #4ade80;
  font-weight: 600;
}

.log-kind-slot {
  color: #fde047;
  font-weight: 700;
}

.log-kind-cycle {
  color: #67e8f9;
}

.log-kind-start {
  color: #60a5fa;
  font-weight: 600;
}

.log-kind-no-slot {
  color: #fdba74;
}

.log-kind-otp {
  color: #e879f9;
}

.log-kind-cloudflare {
  color: #fb923c;
}

.log-kind-warn {
  color: #facc15;
}

.log-kind-info {
  color: #d1d5db;
}

/* Custom scrollbar for log panels */
.logs-container::-webkit-scrollbar {
  width: 8px;
}

.logs-container::-webkit-scrollbar-track {
  background: #1f2937;
}

.logs-container::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 4px;
}

.logs-container::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}

/* Status badges */
.status-badge {
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
}

.status-running {
  background: #d1fae5;
  color: #065f46;
  animation: pulse 2s infinite;
}

.status-pending {
  background: #fef3c7;
  color: #92400e;
}

.status-completed {
  background: #dbeafe;
  color: #1e40af;
}

.status-failed {
  background: #fee2e2;
  color: #991b1b;
}

.status-paused {
  background: #f3f4f6;
  color: #374151;
}

.embassy-germany {
  background: #dbeafe;
  color: #1e40af;
}

.embassy-italy {
  background: #fce7f3;
  color: #9d174d;
}

.embassy-greece {
  background: #d1fae5;
  color: #065f46;
}

/* Status animations */
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Card hover effects */
.task-card,
.card-hover {
  transition: transform 0.2s, box-shadow 0.2s;
}

.task-card:hover,
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}