{{-- Gaya bersama lembar infografis (layar & cetak A4); dipakai laporan/infografis & laporan/infografis-keuangan --}}
<style>
    .viz-root {
        --surface-1: #fcfcfb;
        --text-primary: #0b0b0b; --text-secondary: #52514e; --text-muted: #898781;
        --grid: #e1e0d9; --axis: #c3c2b7; --border: rgba(11,11,11,.10);
        --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a;
        --div-pos: #2a78d6; --div-neg: #e34948; --good-text: #006300; --bad-text: #d03b3b;
        --ord-1: #86b6ef; --ord-2: #3987e5; --ord-3: #1c5cab; --ord-4: #0d366b;
        color: var(--text-primary);
    }
    .lembar { background: #fff; max-width: 1100px; margin: 0 auto; padding: 24px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
    .lembar .kop { border-bottom: 2px solid var(--text-primary); }
    .lembar .tile { background: var(--surface-1); border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; }
    .lembar .judul { font-weight: 600; font-size: .85rem; margin-bottom: 6px; }
    .lembar .teks-2 { color: var(--text-secondary); }
    .lembar .teks-3 { color: var(--text-muted); }
    .lembar .angka { font-variant-numeric: tabular-nums; }
    .lembar .table { --bs-table-bg: transparent; }
    .lembar .table th { color: var(--text-secondary); font-weight: 600; border-bottom-color: var(--axis); }
    .lembar .grafik { position: relative; }
    .tabel-batang td { border: 0; padding: .3rem .25rem; vertical-align: middle; }
    .batang { height: 10px; background: var(--grid); border-radius: 4px; overflow: hidden; }
    .batang span { display: block; height: 100%; background: var(--series-1); border-radius: 0 4px 4px 0; }

    @media print {
        @page { size: A4 portrait; margin: 10mm; }
        .sidebar, body > .d-lg-flex > div > header, footer, .alert { display: none !important; }
        body { background: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        main { padding: 0 !important; }
        .lembar { max-width: none; padding: 0; box-shadow: none; font-size: 11px; }
        .lembar .tile { break-inside: avoid; }
        .lembar .blok { break-inside: avoid; }
        /* A4 portrait: susun KPI 3 kolom, grafik tetap berdampingan */
        .lembar .kpi-col { flex: 0 0 auto; width: 33.333%; }
        .lembar .col-md-5 { flex: 0 0 auto; width: 41.667%; }
        .lembar .col-md-7 { flex: 0 0 auto; width: 58.333%; }
        .lembar .col-md-6 { flex: 0 0 auto; width: 50%; }
        .lembar .fs-5 { font-size: 1rem !important; }
        /* Kanvas grafik diskalakan ke lebar kolom cetak (resolusi 2x tetap tajam) */
        .lembar .grafik { height: auto !important; }
        .lembar .grafik canvas { width: 100% !important; height: auto !important; }
    }
</style>
<style>
    .lembar .delta { font-size: .72rem; font-weight: 600; }
    .lembar .delta.naik { color: var(--good-text); }
    .lembar .delta.turun { color: var(--bad-text); }
    .lembar .delta.netral { color: var(--text-muted); font-weight: 400; }
    .batang.beban span { background: var(--series-2); }
</style>