<!-- Additional Documents Requested -->
<h1 class="email-title">Additional Documents Required</h1>

<p>Hi {{first_name}},</p>
<p>
  Our review team needs additional documents to complete the verification of
  your {{role_name}} profile.
</p>

<div
  class="info-box"
  style="background-color: #fef3c7; border-left-color: #d97706"
>
  <p class="info-box-title" style="color: #92400e">📋 Documents Requested:</p>
  <p style="margin: 0; color: #78350f; white-space: pre-line">
    {{document_request}}
  </p>
</div>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Profile Type</span>
    <span class="detail-value">{{role_name}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Status</span>
    <span class="detail-value" style="color: #d97706">Documents Requested</span>
  </div>
</div>

<p><strong>How to upload:</strong></p>
<ol style="margin: 10px 0; padding-left: 20px">
  <li>Go to your profile page</li>
  <li>Click on the "Documents" tab</li>
  <li>Upload the requested documents</li>
  <li>Click "Resubmit for Verification"</li>
</ol>

<div style="text-align: center">
  <a href="{{profile_url}}" class="cta-button">Upload Documents</a>
</div>

<div class="info-box">
  <p class="info-box-title">⏱️ Response Time</p>
  <p style="margin: 0">
    Please upload the documents within <strong>7 days</strong> to avoid delays
    in your verification.
  </p>
</div>

<p>Need help? Contact our support team.</p>
<p>Best regards,<br /><strong>The Nxtgauge Team</strong></p>
