pages/Calc_summary.php

<div class="page-content" id="page-calc-summary">
    <!-- Kalkyl-header (samma mönster som konfigurator.php) -->
    <div style="display:flex;align-items:center;gap:12px;margin-bottom:20px">
        <button class="dummy-btn secondary" onclick="closeCalcSummary()" style="padding:8px 14px">
            <svg viewBox="0 0 24 24" style="width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
            Tillbaka
        </button>
        <div><h1 class="page-title" style="margin-bottom:0">Kalkylsammanställning</h1></div>
        <div style="margin-left:auto;display:flex;gap:4px;flex-wrap:wrap">
            <a class="calc-summary-pill" href="/maps/view.php?file=pages/Calc_summary.php" target="_blank" rel="noreferrer">Calc_summary.php <span>SHELL</span></a>
            <a class="calc-summary-pill" href="/maps/view.php?file=js/Calc_summary.js" target="_blank" rel="noreferrer">Calc_summary.js <span>SOURCE</span></a>
            <a class="calc-summary-pill" href="/maps/view.php?file=css/Calc_summary.css" target="_blank" rel="noreferrer">Calc_summary.css <span>CSS</span></a>
        </div>
    </div>

    <!-- Kundinfo + prospektbilder + actions (renderas av Calc_summary.js) -->
    <div id="calcSummaryHeader" class="cs-header"></div>

    <!-- Två-kolumners layout: innehåll vänster, prissammanställning höger -->
    <div class="calc-summary-layout">
        <div class="calc-summary-main">
            <div class="calc-summary-session" id="calcSummarySession"></div>
            <div class="calc-summary-content" id="calcSummaryContent"></div>
        </div>
        <aside class="calc-summary-sidebar">
            <div id="calcSummaryPrisSidebar"></div>
        </aside>
    </div>
</div>