/* FinControl Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Custom subtle scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
  background: rgba(51, 65, 85, 0.8);
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 1);
}

.nav-item {
  color: #94a3b8;
  transition: all 0.15s ease-in-out;
}

.nav-item:hover {
  background-color: rgba(30, 41, 59, 0.7);
  color: #f8fafc;
}

.nav-item.active {
  background-color: rgba(16, 185, 129, 0.12);
  color: #34d399;
  border-left: 3px solid #10b981;
}

/* Pulse badge animation */
@keyframes soft-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.9; }
}

.badge-pulse {
  animation: soft-pulse 2s infinite ease-in-out;
}

.cat-badge {
  background-color: color-mix(in srgb, var(--cat-color) 20%, transparent);
  color: var(--cat-color);
}
.cat-dot {
  background-color: var(--cat-color);
}