{% extends "emails/_layout.html" %}
{% block preheader %}{{ heading }} — CampusCart security{% endblock %}
{% block content %}
  <h1 style="margin:8px 0 10px; font-size:20px; font-weight:700; color:#1f2540; text-align:center;">{{ heading }}</h1>
  <p style="margin:0 0 18px; font-size:15px; line-height:1.6; color:#4a5169; text-align:center;">{{ intro }}</p>

  {% if lines %}
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
    <tr>
      <td style="padding:14px 18px; background:#f6f8fc; border:1px solid #e6ebf3; border-radius:12px;">
        {% for line in lines %}
        <p style="margin:0 0 8px; font-size:14px; line-height:1.6; color:#4a5169;">{{ line }}</p>
        {% endfor %}
      </td>
    </tr>
  </table>
  {% endif %}

  {% if cta_url %}
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center" style="padding:20px 0 4px;">
        <a href="{{ cta_url }}" style="display:inline-block; padding:11px 22px; background:#4f46e5; color:#ffffff; font-size:14px; font-weight:600; text-decoration:none; border-radius:10px;">{{ cta_label or 'Review security' }}</a>
      </td>
    </tr>
  </table>
  {% endif %}
{% endblock %}