Stirling-PDF/engine/src/default_templates/executive_summary.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Executive Summary</title>
  <style>
    /* ── Theme variables (replaced at generation time) ── */
    {{THEME_CSS}}

    /* ── Print / page setup ── */
    @page {
      size: A4;
      margin: 20mm;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: var(--theme-font, 'Helvetica Neue', Arial, sans-serif);
      font-size: 10pt;
      color: var(--theme-text, #1a1a1a);
      background: var(--theme-bg, #ffffff);
      line-height: 1.4;
    }

    .document {
      max-width: 170mm;
      margin: 0 auto;
    }

{{HEADER_CSS}}

    /* ── Meta grid ── */
    .meta-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10pt;
      margin: 8pt 0;
    }

    .info-label {
      font-weight: 600;
      font-size: 8.5pt;
      color: var(--theme-text-muted, #6b7280);
    }

    .info-value {
      font-size: 9pt;
      color: var(--theme-text, #1a1a1a);
    }

    /* ── Section heading ── */
    .section-heading {
      font-size: 10pt;
      font-weight: 700;
      color: var(--theme-primary, #1e3a5f);
      border-bottom: 1pt solid var(--theme-accent, #2563eb);
      padding-bottom: 2pt;
      margin: 10pt 0 6pt;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* ── Text sections ── */
    .text-section {
      font-size: 8.5pt;
      color: var(--theme-text, #1a1a1a);
      line-height: 1.5;
      margin-bottom: 4pt;
      white-space: pre-line;
    }

    /* ── Page-break controls ── */
    thead { display: table-header-group; }
    tr { break-inside: avoid; page-break-inside: avoid; }
    .section-heading { break-after: avoid; page-break-after: avoid; }

    /* ── Print overrides ── */
    @media print {
      body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
      .document { max-width: 100%; }
    }
  </style>
</head>
<body>
  <div class="document">

    <div class="top-bar"></div>

    <!-- Header -->
    <div class="doc-header">
      {{LOGO_BLOCK}}
      <div class="doc-header-text">
        <div class="doc-title">{{DOCUMENT_TITLE}}</div>
        <div class="doc-subtitle">{{COMPANY_NAME}}</div>
      </div>
    </div>

    <hr>

    <!-- Meta -->
    <div class="meta-grid">
      <div>
        <div class="info-label">Prepared By</div>
        <div class="info-value">{{PREPARED_BY}}</div>
      </div>
      <div style="text-align:right">
        <div class="info-label">Date</div>
        <div class="info-value">{{DATE}}</div>
      </div>
    </div>

    <!-- Overview -->
    <div class="section-heading">Overview</div>
    <div class="text-section">{{OVERVIEW_TEXT}}</div>

    <!-- Key Findings -->
    <div class="section-heading">Key Findings</div>
    <div class="text-section">{{FINDINGS_TEXT}}</div>

    <!-- Recommendations -->
    <div class="section-heading">Recommendations</div>
    <div class="text-section">{{RECOMMENDATIONS_TEXT}}</div>

    <!-- Financial Impact -->
    <div class="section-heading">Financial Impact</div>
    <div class="text-section">{{FINANCIAL_IMPACT_TEXT}}</div>

    <!-- Next Steps -->
    <div class="section-heading">Next Steps</div>
    <div class="text-section">{{NEXT_STEPS_TEXT}}</div>

    <!-- Conclusion -->
    <div class="section-heading">Conclusion</div>
    <div class="text-section">{{CONCLUSION_TEXT}}</div>

  </div>
</body>
</html>