/* TKSE-WEB-009I8-EMERALD-GREEN-BRAND-SYSTEM
   Objective: replace bright/neon greens with premium Emerald Green #009B63,
   standardize hover/active/mint backgrounds, and keep navy/white enterprise balance.
   This is a non-layout visual polish layer. */
:root{
  --tkse-emerald-50:#EAF7F1;
  --tkse-emerald-100:#D2F0E2;
  --tkse-emerald-200:#A7E1C7;
  --tkse-emerald-300:#78D0AA;
  --tkse-emerald-400:#42BC88;
  --tkse-emerald-500:#009B63;
  --tkse-emerald-600:#008457;
  --tkse-emerald-700:#006F49;
  --tkse-emerald-800:#05583B;
  --tkse-emerald-900:#044730;

  --tkse-green:#009B63;
  --tkse-green-dark:#008457;
  --tkse-green-active:#006F49;
  --tkse-green-soft:#EAF7F1;
  --tkse-green-border:#A7E1C7;
  --tkse-green-glow:rgba(0,155,99,.24);
  --tkse-green-glow-soft:rgba(0,155,99,.14);

  --tkse-i5-green:#009B63!important;
  --tkse-i5-navy:#061A3A!important;
  --tkse-i5-text:#071B3A!important;
  --tkse-i5-muted:#64748B!important;
}

/* Core text accents */
html body .text-green,
html body .accent-green,
html body .highlight-green,
html body .hero-accent,
html body .green,
html body .metric-value,
html body .stat-value,
html body .kpi-value,
html body .section-kicker,
html body .eyebrow,
html body .tkse-kicker,
html body .tkse-label,
html body .tkse-i5-drop-link b,
html body .tkse-i5-chev,
html body .tkse-i5-lang button i,
html body .tkse-i5-mobile-lang button i{
  color:var(--tkse-emerald-500)!important;
}

/* Primary CTA buttons and submit controls */
html body a[href*="gui-hoa-don"],
html body .btn-primary,
html body .primary-btn,
html body .cta-primary,
html body .hero-cta,
html body .tkse-i5-cta,
html body button[type="submit"],
html body input[type="submit"],
html body .submit-btn,
html body .sticky-cta,
html body .mobile-cta .primary,
html body .bottom-cta .primary{
  background:linear-gradient(135deg,var(--tkse-emerald-500),var(--tkse-emerald-600))!important;
  border-color:rgba(0,155,99,.32)!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(0,155,99,.22)!important;
}
html body a[href*="gui-hoa-don"]:hover,
html body .btn-primary:hover,
html body .primary-btn:hover,
html body .cta-primary:hover,
html body .hero-cta:hover,
html body .tkse-i5-cta:hover,
html body button[type="submit"]:hover,
html body input[type="submit"]:hover,
html body .submit-btn:hover{
  background:linear-gradient(135deg,var(--tkse-emerald-600),var(--tkse-emerald-700))!important;
  border-color:rgba(0,132,87,.38)!important;
  box-shadow:0 20px 44px rgba(0,155,99,.28)!important;
}

/* Secondary outlines that were previously neon green */
html body .btn-outline,
html body .secondary-btn,
html body .cta-secondary,
html body a.btn-secondary{
  color:var(--tkse-emerald-600)!important;
  border-color:rgba(0,155,99,.28)!important;
}
html body .btn-outline:hover,
html body .secondary-btn:hover,
html body .cta-secondary:hover,
html body a.btn-secondary:hover{
  background:var(--tkse-emerald-50)!important;
  color:var(--tkse-emerald-700)!important;
  border-color:rgba(0,155,99,.36)!important;
}

/* Navigation / language / utility hover */
html body .tkse-i5-nav-link:hover,
html body .tkse-i5-nav-item.is-active>.tkse-i5-nav-link,
html body .tkse-i5-topbar a:hover,
html body .tkse-i5-account-link.is-register,
html body .tkse-i5-account-link:hover,
html body .tkse-i5-lang-list a:hover,
html body .tkse-i5-mobile-lang-list a:hover,
html body .tkse-i5-panel-nav a:hover,
html body .tkse-i5-panel-nav summary:hover,
html body .tkse-i5-panel-accounts a:hover,
html body .tkse-i5-panel-languages a:hover{
  color:var(--tkse-emerald-500)!important;
}
html body .tkse-i5-lang-list a:hover,
html body .tkse-i5-mobile-lang-list a:hover,
html body .tkse-i5-panel-nav a:hover,
html body .tkse-i5-panel-nav summary:hover,
html body .tkse-i5-panel-accounts a:hover,
html body .tkse-i5-panel-languages a:hover{
  background:var(--tkse-emerald-50)!important;
  border-color:rgba(0,155,99,.22)!important;
}

/* Mega menu cards and icon system */
html body .tkse-i5-drop-link:hover{
  background:var(--tkse-emerald-50)!important;
  border-color:rgba(0,155,99,.24)!important;
  color:var(--tkse-emerald-700)!important;
}
html body .tkse-i5-drop-icon,
html body .mega-icon,
html body .menu-icon,
html body .card-icon,
html body .feature-icon,
html body .solution-icon,
html body .finance-icon,
html body .project-icon{
  background:var(--tkse-emerald-50)!important;
  color:var(--tkse-emerald-500)!important;
  border-color:rgba(0,155,99,.18)!important;
}
html body .tkse-i5-drop-icon svg,
html body .mega-icon svg,
html body .menu-icon svg,
html body .card-icon svg,
html body .feature-icon svg,
html body .solution-icon svg,
html body .finance-icon svg,
html body .project-icon svg{
  color:var(--tkse-emerald-500)!important;
  stroke:currentColor!important;
}
html body .tkse-i5-drop-card{
  background:linear-gradient(180deg,#F7FFFB,var(--tkse-emerald-50))!important;
  border-color:rgba(0,155,99,.18)!important;
}
html body .tkse-i5-drop-card strong,
html body .tkse-i5-drop-card h3,
html body .tkse-i5-drop-card h4{
  color:var(--tkse-emerald-700)!important;
}

/* Cards, badges, chips, checkmarks */
html body .badge,
html body .chip,
html body .pill,
html body .tag,
html body .label,
html body .hero-pill,
html body .tkse-pill{
  border-color:rgba(0,155,99,.26)!important;
}
html body .badge.green,
html body .chip.green,
html body .pill.green,
html body .tag.green,
html body .label.green,
html body .hero-pill,
html body .tkse-pill{
  background:rgba(0,155,99,.10)!important;
  color:var(--tkse-emerald-600)!important;
}
html body .check,
html body .check-icon,
html body .tick,
html body .tick-icon,
html body .feature-check,
html body .benefit-check{
  color:var(--tkse-emerald-500)!important;
}
html body .check-circle,
html body .tick-circle,
html body .status-success,
html body .success-icon{
  background:var(--tkse-emerald-50)!important;
  color:var(--tkse-emerald-500)!important;
  border-color:rgba(0,155,99,.20)!important;
}

/* Hero and dark-section emerald tone */
html body .hero,
html body .hero-section,
html body .dark-section,
html body .energy-dark,
html body .smart-energy-section{
  --tkse-green:#009B63!important;
  --tkse-accent:#009B63!important;
}
html body .hero [style*="#009B63"],
html body .hero-section [style*="#009B63"],
html body .dark-section [style*="#009B63"]{
  color:var(--tkse-emerald-500)!important;
}
html body .dark-card,
html body .glass-card,
html body .hero-card,
html body .metric-card{
  border-color:rgba(0,155,99,.20)!important;
}
html body .dark-card:hover,
html body .glass-card:hover,
html body .hero-card:hover,
html body .metric-card:hover{
  border-color:rgba(0,155,99,.30)!important;
  box-shadow:0 24px 70px rgba(0,155,99,.12),0 28px 90px rgba(3,17,39,.22)!important;
}

/* Form focus */
html body input:focus,
html body textarea:focus,
html body select:focus{
  border-color:var(--tkse-emerald-500)!important;
  box-shadow:0 0 0 4px rgba(0,155,99,.14)!important;
  outline:none!important;
}

/* Footer contact and floating actions */
html body .tkse-i5-footer-contact-card a:hover,
html body footer a:hover{
  color:var(--tkse-emerald-400)!important;
}
html body .floating-cta a,
html body .float-cta a,
html body .contact-float a,
html body .tkse-floating a,
html body .quick-contact a{
  color:var(--tkse-emerald-500)!important;
}
html body .floating-cta a:hover,
html body .float-cta a:hover,
html body .contact-float a:hover,
html body .tkse-floating a:hover,
html body .quick-contact a:hover{
  background:var(--tkse-emerald-50)!important;
  color:var(--tkse-emerald-700)!important;
}

/* Decorative lines, SVG strokes and gradient replacements */
html body .accent-line,
html body .green-line,
html body .section-line,
html body .progress-line,
html body .underline-green{
  background:var(--tkse-emerald-500)!important;
}
html body svg [stroke="#009B63"],
html body svg [stroke="#009B63"],
html body svg [stroke="#009B63"],
html body svg [stroke="#009B63"],
html body svg [stroke="#009B63"],
html body svg [stroke="#00A86B"],
html body svg [stroke="#00A86B"],
html body svg [stroke="#78D0AA"],
html body svg [stroke="#78D0AA"]{
  stroke:var(--tkse-emerald-500)!important;
}
html body svg [fill="#009B63"],
html body svg [fill="#009B63"],
html body svg [fill="#009B63"],
html body svg [fill="#009B63"],
html body svg [fill="#009B63"],
html body svg [fill="#00A86B"],
html body svg [fill="#00A86B"],
html body svg [fill="#78D0AA"],
html body svg [fill="#78D0AA"]{
  fill:var(--tkse-emerald-500)!important;
}

/* Direct legacy green utility classes that appear across older patches */
html body .bg-green,
html body .bg-success,
html body .bg-accent{
  background-color:var(--tkse-emerald-500)!important;
}
html body .bg-green-soft,
html body .bg-mint,
html body .bg-success-soft{
  background-color:var(--tkse-emerald-50)!important;
}
html body .border-green,
html body .border-success,
html body .border-accent{
  border-color:rgba(0,155,99,.28)!important;
}

/* Maintain softer mobile drawer after emerald switch */
@media (max-width:920px){
  html body .tkse-i5-panel-accounts{
    background:var(--tkse-emerald-50)!important;
    border-color:rgba(0,155,99,.18)!important;
  }
  html body .tkse-i5-panel-cta{
    background:linear-gradient(135deg,var(--tkse-emerald-500),var(--tkse-emerald-600))!important;
    box-shadow:0 18px 38px rgba(0,155,99,.22)!important;
  }
}