/* Custom scrollbars and styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0b0e14;
}

::-webkit-scrollbar-thumb {
  background: #1f2937;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #374151;
}

/* Tab Active State */
.nav-tab.active {
  background-color: #059669 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2);
}

.tf-btn.active {
  background-color: #059669 !important;
  color: #ffffff !important;
}

/* Pulsing indicators */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.pulsing-badge {
  animation: pulse-dot 2s infinite ease-in-out;
}

/* 1-Second Live Tick Animations */
@keyframes tick-green-flash {
  0% { background-color: rgba(16, 185, 129, 0.4); color: #34d399; }
  100% { background-color: transparent; }
}

@keyframes tick-red-flash {
  0% { background-color: rgba(244, 63, 94, 0.4); color: #fb7185; }
  100% { background-color: transparent; }
}

.tick-flash-up {
  animation: tick-green-flash 0.75s ease-out;
}

.tick-flash-down {
  animation: tick-red-flash 0.75s ease-out;
}