/* Extra styles on top of Tailwind */

body {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

/* Smooth number transitions */
#result * { transition: opacity 0.3s ease; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 8px; }

/* Table row hover */
tbody tr:hover { background: rgba(51, 65, 85, 0.4); }

/* Status pill base */
.pill { padding: 2px 10px; border-radius: 9999px; font-size: 12px; font-weight: 600; }

/* Small utility */
.no-select { user-select: none; }