/* Additional modern styling & animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom scrollbar for API inspector */
pre::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
pre::-webkit-scrollbar-track {
  background: #1e293b;
}
pre::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 3px;
}
pre::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* Tab active highlight transition */
.tab-btn {
  transition: all 0.15s ease-in-out;
}