<!-- Manual Tracecoin Credit -->
<h1 class="email-title">Tracecoins Credited to Your Account</h1>

<div class="amount-display">
  <div class="amount-label">Tracecoins Added</div>
  <div class="amount-value">
    <span class="amount-currency">+</span>{{tracecoins_amount}}
  </div>
</div>

<p>Hi {{first_name}},</p>
<p>Tracecoins have been manually credited to your wallet by our admin team.</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Amount Credited</span>
    <span class="detail-value" style="color: #059669; font-weight: bold"
      >{{tracecoins_amount}} TC</span
    >
  </div>
  <div class="detail-row">
    <span class="detail-label">Date</span>
    <span class="detail-value">{{credited_at}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Reason</span>
    <span class="detail-value">{{reason}}</span>
  </div>
</div>

<div
  class="info-box"
  style="background-color: #dbeafe; border-left-color: #2563eb"
>
  <p class="info-box-title" style="color: #1e40af">
    ℹ️ Why did I receive this?
  </p>
  <p style="margin: 0; color: #1e3a8a">{{reason}}</p>
</div>

<div style="text-align: center">
  <a href="{{wallet_url}}" class="cta-button">View Wallet</a>
</div>

<p>
  If you have any questions about this credit, please contact our support team.
</p>

<p>Best regards,<br /><strong>The Nxtgauge Team</strong></p>
