/* Custom utility tweaks on top of Tailwind */
html, body { background: #0F172A; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
::-webkit-scrollbar-track { background: transparent; }

/* Loading spinner */
.spinner {
  display: inline-block; width: 16px; height: 16px;
  border: 2px solid #334155; border-top-color: #229ED9;
  border-radius: 50%; animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Sidebar active state */
.nav-link.active { background: #1E293B; color: #fff; }
.nav-link:hover { background: #1E293B; }

/* Table row hover */
.row:hover { background: #1E293B; }

/* Pill badge */
.pill { display: inline-block; padding: 2px 8px; border-radius: 9999px; font-size: 11px; font-weight: 600; }
.pill-active   { background: #064E3B; color: #6EE7B7; }
.pill-expired  { background: #422006; color: #FCD34D; }
.pill-banned   { background: #4C0519; color: #FDA4AF; }
.pill-sold     { background: #1E3A8A; color: #93C5FD; }
.pill-removed  { background: #44403C; color: #D6D3D1; }
.pill-pending  { background: #422006; color: #FCD34D; }