<!-- Email to Client: Professional Quote Template -->
<table width="100%" cellpadding="0" cellspacing="0" style="font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#0f172a; background:#f5f5f5; padding:24px;">
  <tr>
    <td align="center">
      <table width="640" cellpadding="0" cellspacing="0" style="background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden;">
        <tr>
          <td style="background:#111827; color:#fff; padding:24px;">
            <h1 style="margin:0; font-size:20px;">Your Project Quote</h1>
            <p style="margin:6px 0 0; color:#e5e7eb; font-size:14px;">{{ company_name }}</p>
          </td>
        </tr>
        <tr>
          <td style="padding:24px;">
            <p style="margin:0 0 12px;">Hi {{ client_name }},</p>
            <p style="margin:0 0 12px;">Thanks for reaching out! Here’s our estimate for <strong>{{ project_title }}</strong>.</p>

            <table width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #e5e7eb; border-radius:8px; margin:16px 0;">
              <tr>
                <td style="padding:12px; font-size:14px; border-bottom:1px solid #e5e7eb;"><strong>Overview</strong></td>
              </tr>
              <tr>
                <td style="padding:12px; color:#374151; font-size:14px;">{{ proposal_summary }}</td>
              </tr>
              <tr>
                <td style="padding:12px; font-size:14px; border-top:1px solid #e5e7eb;">
                  Estimated Hours: <strong>{{ est_hours }}</strong> &nbsp;|&nbsp; Hourly Rate: <strong>${{ '%.2f'|format(hourly_rate|float) }}</strong> &nbsp;→&nbsp;
                  Estimated Cost: <strong>${{ '%.2f'|format(est_cost|float) }}</strong>
                </td>
              </tr>
            </table>

            <p style="margin:0 0 12px; color:#374151; font-size:14px;">
              This quote is valid until <strong>{{ valid_until }}</strong>. If everything looks good, the next step is to reply to this email or visit the link below so we can finalize scope and timeline.
            </p>

            {% if next_steps_url %}
            <p style="margin:16px 0;">
              <a href="{{ next_steps_url }}" style="display:inline-block; background:#fde047; color:#111827; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600;">Proceed</a>
            </p>
            {% endif %}

            <p style="margin:12px 0 0; color:#6b7280; font-size:12px;">
              Questions? Reach us at <a href="mailto:{{ contact_email }}" style="color:#2563eb;">{{ contact_email }}</a>.
            </p>
          </td>
        </tr>
        <tr>
          <td style="background:#111827; color:#9ca3af; padding:16px; font-size:12px;">
            © {{ 2025 }} {{ company_name }}. All rights reserved.
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
