<!-- Support Ticket Replied -->
<h1 class="email-title">New Response on Your Ticket</h1>

<p>Hi {{first_name}},</p>
<p>Our support team has responded to your ticket.</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Ticket ID</span>
    <span class="detail-value" style="font-family: monospace"
      >#{{ticket_id}}</span
    >
  </div>
  <div class="detail-row">
    <span class="detail-label">Subject</span>
    <span class="detail-value">{{subject}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Status</span>
    <span class="detail-value" style="color: #d97706"
      >Awaiting Your Response</span
    >
  </div>
</div>

<div
  class="info-box"
  style="background-color: #eff6ff; border-left-color: #3b82f6"
>
  <p class="info-box-title" style="color: #1e40af">💬 Latest Message:</p>
  <p style="margin: 0; color: #1e3a8a; font-style: italic">
    "{{latest_message}}"
  </p>
  <p style="margin: 10px 0 0 0; color: #3b82f6; font-size: 12px">
    — {{support_agent_name}}
  </p>
</div>

<div style="text-align: center">
  <a href="{{ticket_url}}" class="cta-button">Reply to Ticket</a>
</div>

<p style="margin-top: 20px; font-size: 14px; color: #6b7280">
  Please reply if you need further assistance or if the issue is resolved.
</p>

<p>
  Best regards,<br /><strong>{{support_agent_name}}</strong><br />Nxtgauge
  Support Team
</p>
