/* Custom High-End Styling & Animations */

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: #090d16;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Resolution Timeframe Active Button */
.btn-res.active {
  background-color: #f43f5e !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(244, 63, 94, 0.35);
}

/* Calculator Pill Active */
.calc-rate-pill.active {
  background-color: rgba(244, 63, 94, 0.15) !important;
  border-color: #f43f5e !important;
  color: #f43f5e !important;
  font-weight: 700;
}

/* Pulse Glow Animation on Data Refresh */
@keyframes flashGlow {
  0% { box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.5); }
  50% { box-shadow: 0 0 20px 6px rgba(244, 63, 94, 0.3); }
  100% { box-shadow: 0 0 0 0 rgba(244, 63, 94, 0); }
}

.flash-update {
  animation: flashGlow 0.8s ease-in-out;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}