body {
  background-color: #f3f4f6;
  min-height: 100vh;
}

.step-panel {
  animation: fadeIn 0.2s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Stepper connector lines */
#stepper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* Toggle switch fine-tuning */
.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  transform: translateX(100%);
}

/* Table row expansion */
tr.expand-row {
  cursor: pointer;
}
tr.expand-row:hover td:first-child span {
  color: #2563eb;
}

/* Input focus states */
input:focus, select:focus {
  outline: none;
}

/* Scrollbar styling for code blocks */
pre::-webkit-scrollbar {
  height: 6px;
}
pre::-webkit-scrollbar-thumb {
  background-color: #4b5563;
  border-radius: 3px;
}