/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #09090b;
}
::-webkit-scrollbar-thumb {
  background: #27272a;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3f3f46;
}

/* Custom UI Transitions & States */
.tab-btn.active {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25);
}

.tab-btn:not(.active) {
  color: #a1a1aa;
}

.filter-btn.active {
  background: #8b5cf6;
  color: #ffffff;
}

.filter-btn:not(.active) {
  background: #18181b;
  color: #a1a1aa;
  border: 1px solid #27272a;
}

/* Glassmorphism overlays */
.glass-overlay {
  background: rgba(15, 15, 20, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Active navigation item styling */
.nav-item.active {
  color: #8b5cf6;
}

/* Safe Area Support for iPhone and premium notch screens */
body {
  padding-bottom: calc(76px + env(safe-area-inset-bottom));
  padding-top: env(safe-area-inset-top);
}

/* Button & Card Active scale */
button:active {
  transform: scale(0.97);
}

/* Custom Animations */
@keyframes pulseGlow {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.8;
  }
}

.glow-ambient {
  animation: pulseGlow 4s infinite ease-in-out;
}