/* Additional custom styles beyond Tailwind can go here */

/* Mobile optimizations */
@media (max-width: 640px) {
  .workout-card {
    padding: 0.75rem;
  }
  
  .plate-button {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
}

/* Animations */
.fade-in {
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Optional: Add custom scrollbar for workout history */
.workout-history::-webkit-scrollbar {
  width: 8px;
}

.workout-history::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.workout-history::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.workout-history::-webkit-scrollbar-thumb:hover {
  background: #999;
}