/**
 * Earnsphere green — Login, Get Started, forms, nav CTAs (after app.css).
 */
:root {
  --es-btn-gradient: linear-gradient(135deg, #34d399 0%, #22c55e 55%, #059669 100%);
  --es-btn-gradient-hover: linear-gradient(135deg, #22c55e 0%, #059669 50%, #047857 100%);
}

#btnLogin.btn-secondary,
#btnRegister,
.top-nav .nav-auth-buttons #btnRegister,
.btn-primary {
  background: var(--es-btn-gradient) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

#btnLogin.btn-secondary:hover,
#btnRegister:hover,
.btn-primary:hover {
  background: var(--es-btn-gradient-hover) !important;
  box-shadow: 0 4px 14px rgba(34, 197, 94, 0.4) !important;
}

.nav-link-active {
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.55) !important;
}

.nav-link-active::after {
  background: linear-gradient(to right, #34d399, #059669) !important;
}

.homepage-menu .menu-panel-brand-e {
  background: var(--es-btn-gradient) !important;
  box-shadow: 0 4px 16px rgba(34, 197, 94, 0.4) !important;
}

.logo-text-main {
  background: linear-gradient(135deg, #6ee7b7 0%, #22c55e 45%, #059669 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.logo-text-accent {
  color: #6ee7b7 !important;
  -webkit-text-fill-color: #6ee7b7 !important;
}

.form-card {
  background: linear-gradient(
    165deg,
    rgba(12, 40, 28, 0.55) 0%,
    rgba(6, 21, 16, 0.92) 100%
  ) !important;
  border-color: rgba(52, 211, 153, 0.12) !important;
}

.input-with-icon input:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2) !important;
}

.status-text.ok {
  color: #6ee7b7 !important;
}

.friend-card-invite {
  background: linear-gradient(135deg, #059669 0%, #34d399 100%) !important;
}

.login-welcome,
.welcome-title {
  color: #6ee7b7 !important;
}