/* Small custom overrides on top of Tailwind. */

.nav-link {
  display: block;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.9rem;
  color: #4b5563;
  transition: background 0.15s, color 0.15s;
}
.nav-link:hover {
  background: #f3f4f6;
  color: #111827;
}
.nav-link.active {
  background: #ecfdf5;
  color: #047857;
  font-weight: 600;
}

/* History chart time-range buttons (1d / 1W / 1M / 6M / 1Y / All) */
.range-btn {
  color: #4b5563;
  background: white;
  transition: background 0.15s, color 0.15s;
  cursor: pointer;
}
.range-btn.active {
  background: #10b981;
  color: white;
  font-weight: 600;
}
.range-btn.active:hover {
  background: #059669;
}

/* View toggle buttons (Value / Performance) */
.view-toggle {
  color: #4b5563;
  background: white;
  transition: background 0.15s, color 0.15s;
  cursor: pointer;
}
.view-toggle.active {
  background: #10b981;
  color: white;
  font-weight: 600;
}
.view-toggle.active:hover {
  background: #059669;
}