141 lines
3.5 KiB
HTML
141 lines
3.5 KiB
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>
|