@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply bg-discord-dark text-crypto-text overflow-hidden antialiased;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  @apply bg-discord-black;
}

::-webkit-scrollbar-thumb {
  @apply bg-discord-sidebar rounded-full;
}

::-webkit-scrollbar-thumb:hover {
  @apply bg-white/10;
}

.glass {
  @apply backdrop-blur-md bg-white/[0.03] border border-white/10;
}

.glass-panel {
  @apply backdrop-blur-xl bg-discord-sidebar/80 border-r border-white/5;
}

.led {
  @apply w-2 h-2 rounded-full shadow-lg;
}

.led-orange {
  @apply bg-status-pending shadow-status-pending/50 animate-led-pulse;
}

.led-green {
  @apply bg-status-validated shadow-status-validated/50;
}

.led-red {
  @apply bg-status-failed shadow-status-failed/50 animate-pulse;
}

/* Mobile responsiveness helpers */
@media (max-width: 768px) {
  .sidebar-hidden {
    @apply -translate-x-full;
  }

  .sidebar-visible {
    @apply translate-x-0;
  }
}