/* Minimal overrides on top of Tailwind */

.nav{
  padding: 0.5rem 0.75rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(39,39,42,0.7);
  background: rgba(24,24,27,0.45);
  color: rgba(228,228,231,0.9);
  font-size: 0.9rem;
  transition: all 120ms ease;
}

.nav:hover{
  background: rgba(39,39,42,0.5);
  border-color: rgba(63,63,70,0.9);
  color: #fff;
}

.nav.active{
  border-color: rgba(250,204,21,0.35);
  background: rgba(250,204,21,0.08);
  color: rgba(254,243,199,0.95);
}

.card{
  border: 1px solid rgba(39,39,42,0.85);
  background: rgba(24,24,27,0.6);
  border-radius: 1.25rem;
}
.badge-hidden{
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(244,63,94,0.25);
  background: rgba(244,63,94,0.08);
  color: rgba(254,205,211,0.95);
  font-size: 0.75rem;
}