<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Form Submission: {{ subject }}</title>
</head>
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 600px; margin: 40px auto; padding: 0 24px; color: #111827;">
  <h2 style="font-size: 1.25rem; font-weight: 700; margin-bottom: 4px;">New {{ form_type }} submission</h2>
  <p style="color: #6b7280; font-size: 0.875rem; margin-top: 0; margin-bottom: 24px;">{{ submitted_at }}</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 24px;">
    <tr>
      <td style="padding: 8px 12px; background: #f4f4f5; font-weight: 600; width: 120px;">From</td>
      <td style="padding: 8px 12px; border-bottom: 1px solid #e5e7eb;">{{ name }} &lt;{{ email }}&gt;</td>
    </tr>
    <tr>
      <td style="padding: 8px 12px; background: #f4f4f5; font-weight: 600;">Subject</td>
      <td style="padding: 8px 12px; border-bottom: 1px solid #e5e7eb;">{{ subject }}</td>
    </tr>
  </table>

  <div style="background: #f9fafb; border-left: 4px solid #6366f1; padding: 16px 20px; border-radius: 0 6px 6px 0; white-space: pre-wrap; font-size: 0.9375rem; line-height: 1.6;">{{ message }}</div>
</body>
</html>
