@media print {

    /* Default global (Finance dkk) TETAP A5 — jangan diubah, blok print ini dipakai
       bareng banyak halaman. Sales Analytics punya kertasnya sendiri (A4) di bawah. */
    @page {
        size: A5 portrait;
        margin: 12mm 14mm;
    }

    /* Sales Analytics dicetak A4 portrait. .sa-page dipasang cuma di wrapper
       .dashboard-page halaman ini (pages/sales-analytics.php) lewat named page, jadi
       halaman lain (Finance, Data Breakdown) gak ikut kebawa. */
    @page dashboard-a4 {
        size: A4 portrait;
        margin: 16mm 15mm;
    }
    .sa-page { page: dashboard-a4; }

    body {
        font-size: 10pt;
        color: #0f172a;
        background: #fff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Hide UI chrome. .dash-pagehead = kepala halaman "Sales Analytics" + ikon + badge
       "Update terakhir" -> sengaja gak dicetak biar PDF-nya rapih; kop laporan diambil
       alih .print-header di bawah. */
    #sidebar,
    .navbar,
    .dash-pagehead,
    .dashboard-filter,
    .sa-tabs,
    .sa-toolbar,
    .sa-range,
    .sa-rankcard,
    .sa-contrib,
    .ranking {
        display: none !important;
    }

    /* Ringkasan gaya Shopee: grid ditumpuk buat kertas (Kriteria + Grafik + Sorotan). */
    .sa-grid { display: block !important; }
    .sa-col-left, .sa-sorot { display: block !important; }
    .sa-kcards { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8pt !important; margin-bottom: 10pt !important; }
    .sa-kcard { break-inside: avoid; }
    .sa-sorot { margin-top: 10pt !important; break-inside: avoid; }

    /* ── Hero band (redesign Ringkasan) — gradient diganti blok bersih buat kertas ── */
    .sa-hero {
        grid-template-columns: 1fr 1fr !important;
        border: 1pt solid #e2e8f0 !important;
        box-shadow: none !important;
        margin-bottom: 12pt !important;
        break-inside: avoid;
    }
    .sa-hero-main { background: #fff !important; color: #0f172a !important; padding: 10pt !important; gap: 6pt !important; }
    .sa-hero-eyebrow { color: #64748b !important; font-size: 8pt !important; }
    .sa-hero-eyebrow i, .sa-stat-ic { display: none !important; }
    .sa-hero-value { font-size: 22pt !important; color: #0f172a !important; }
    .sa-hero-delta { background: #f1f5f9 !important; color: #0f172a !important; font-size: 8.5pt !important; }
    .sa-hero-unit { color: #64748b !important; font-size: 8.5pt !important; }
    .sa-hero-stats { grid-template-columns: 1fr 1fr !important; background: #fff !important; }
    .sa-stat { padding: 8pt 10pt !important; border-color: #e2e8f0 !important; }
    .sa-stat-top { color: #64748b !important; font-size: 7.5pt !important; }
    .sa-stat-val { color: #0f172a !important; font-size: 14pt !important; }
    .sa-stat-val.sa-stat-text { font-size: 11pt !important; }
    .sa-lower { display: block !important; }
    .sa-chartcard-head p { color: #64748b !important; }

    .main {
        margin-left: 0 !important;
        padding: 0 !important;
    }

    /* Reveal print header (kop laporan). Ukuran dinaikin buat A4 — dulu dikecilin
       buat A5. */
    .print-header {
        display: flex !important;
        justify-content: space-between;
        align-items: flex-end;
        border-bottom: 2pt solid #2563EB;
        padding-bottom: 10pt;
        margin-bottom: 18pt;
    }

    .print-header h1 {
        font-size: 16pt;
        font-weight: 700;
        color: #2563EB;
        margin-bottom: 4pt;
    }

    .print-header h2 {
        font-size: 12pt;
        font-weight: 600;
        color: #0f172a;
    }

    .print-meta {
        text-align: right;
        font-size: 9pt;
        color: #64748b;
        line-height: 1.7;
    }

    /* Cards 2 per row */
    .cards {
        grid-template-columns: 1fr 1fr !important;
        gap: 8pt !important;
        margin-bottom: 14pt !important;
    }

    .card {
        box-shadow: none !important;
        border: 1pt solid #e2e8f0 !important;
        padding: 10pt !important;
        border-radius: 6pt !important;
        break-inside: avoid;
    }

    .card h3 { font-size: 7.5pt !important; margin-bottom: 3pt !important; }
    .card h2 { font-size: 15pt !important; margin-bottom: 2pt !important; }
    .card span { font-size: 8pt !important; }
    .card-growth { font-size: 7.5pt !important; margin-top: 4pt !important; }
    .card-icon { display: none !important; }

    /* Chart */
    .analytics-grid {
        grid-template-columns: 1fr !important;
        gap: 10pt !important;
        margin-bottom: 0 !important;
    }

    .chart {
        box-shadow: none !important;
        border: 1pt solid #e2e8f0 !important;
        padding: 10pt !important;
        border-radius: 6pt !important;
        margin-bottom: 10pt !important;
        break-inside: avoid;
    }

    .chart-header select { display: none !important; }

    .chart-container { height: 130pt !important; }

    /* Intelligence / Conclusions */
    .intelligence {
        box-shadow: none !important;
        border: 2pt solid #2563EB !important;
        padding: 10pt !important;
        border-radius: 6pt !important;
        break-inside: avoid;
    }

    .intelligence-header {
        margin-bottom: 10pt !important;
    }

    .intelligence-header h2 { font-size: 11pt !important; font-weight: 700 !important; }
    .intelligence-header span { font-size: 8pt !important; }
    .status-online { display: none !important; }

    .intelligence-body { gap: 10pt !important; }

    .insight-item {
        border-left: 3pt solid #2563EB !important;
        padding-left: 8pt !important;
    }

    .insight-item h4 {
        font-size: 9pt !important;
        font-weight: 700 !important;
        margin-bottom: 3pt !important;
        color: #0f172a !important;
    }

    .insight-item p {
        font-size: 8.5pt !important;
        line-height: 1.6 !important;
        color: #334155 !important;
    }

    /* ── Laporan Analisis per Model (Sales Analytics) ─────────────────────────
       Ini isi utama Export PDF (tab "Laporan Model"). Dicetak di A4 (lihat named page
       .sa-page di atas), jadi fontnya dinaikin biar enak dibaca — bukan lagi diciutin
       kayak versi A5 lama. Tabel Growth Per Warna bisa 9+ kolom -> tetap font paling
       kecil sendiri + boleh wrap biar muat selebar A4. */

    .model-report-empty { display: none !important; }

    .model-report { margin-top: 4pt !important; }

    .mr-doc {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        background: #fff !important;
    }

    .mr-head {
        border-bottom: 1.5pt solid #2563EB !important;
        padding-bottom: 7pt !important;
        margin-bottom: 14pt !important;
    }

    .mr-head h2 { font-size: 16pt !important; font-weight: 800 !important; color: #0f172a !important; }
    .mr-periode { font-size: 9.5pt !important; color: #64748b !important; margin-top: 2pt !important; }

    /* Jangan sampai judul bagian ketinggalan sendirian di dasar halaman, kepisah
       dari tabel/teksnya. */
    .mr-section, .mr-insight { break-inside: avoid; page-break-inside: avoid; }
    .mr-section { margin-bottom: 14pt !important; }
    .mr-section h3 { font-size: 11.5pt !important; font-weight: 700 !important; margin-bottom: 6pt !important; }

    .mr-text, .mr-note { font-size: 9.5pt !important; line-height: 1.6 !important; color: #334155 !important; }

    .mr-note {
        background: #f8fafc !important;
        border-left: 2.5pt solid #2563EB !important;
        padding: 7pt 9pt !important;
        margin-top: 7pt !important;
    }

    .mr-hint { font-size: 8.5pt !important; color: #64748b !important; }

    /* Wrapper scroll gak ada artinya di kertas — batasnya dilepas biar tabel
       nyetak penuh, bukan kepotong di lebar viewport. */
    .mr-tablewrap {
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
    }

    .mr-table {
        font-size: 8.5pt !important;
        white-space: normal !important;
        border: 1pt solid #cbd5e1 !important;
    }

    .mr-table th, .mr-table td {
        padding: 5pt 7pt !important;
        border: 0.5pt solid #cbd5e1 !important;
        color: #0f172a !important;
    }

    .mr-table th {
        background: #f1f5f9 !important;
        font-size: 8pt !important;
        color: #334155 !important;
    }

    .mr-table tfoot td { background: #f1f5f9 !important; font-weight: 800 !important; }
    .mr-table tbody tr:hover { background: transparent !important; }

    .mr-insight {
        background: #f8fafc !important;
        border: 1pt solid #2563EB !important;
        padding: 10pt 12pt !important;
        margin-top: 4pt !important;
    }

    .mr-insight h3 { font-size: 11pt !important; color: #2563EB !important; }
    .mr-insight p { font-size: 9.5pt !important; line-height: 1.65 !important; color: #334155 !important; }
}