/* Custom styles complementing Tailwind */

[x-cloak] { display: none !important; }

.mol-canvas {
  background-color: white;
  border-radius: 6px;
}

img.mol-canvas {
  background-color: white;
  border-radius: 6px;
  display: block;
  object-fit: contain;
}

/* nicer scrollbar inside lists */
.overflow-y-auto::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.overflow-y-auto::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.overflow-y-auto::-webkit-scrollbar-track {
  background: transparent;
}

/* gentle entrance animation for cards */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.bg-white.rounded-xl {
  animation: fadeUp 0.25s ease-out;
}