/* Custom styles on top of Tailwind */

/* Smooth page transitions */
body { transition: opacity 0.15s ease; }

/* Card hover lift */
.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

/* Exam option buttons */
.exam-option {
  @apply w-full text-left px-4 py-3 rounded-lg border-2 border-gray-200
         hover:border-blue-400 hover:bg-blue-50 transition-all cursor-pointer;
}
.exam-option.selected  { @apply border-blue-600 bg-blue-50; }
.exam-option.correct   { @apply border-green-500 bg-green-50; }
.exam-option.incorrect { @apply border-red-500 bg-red-50; }

/* Sidebar active state already in sidebar.php via Tailwind classes */

/* Scrollbar thin */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 9999px; }