/* assets/css/demo.css — Banner MODE DEMO (hanya dimuat bila DEMO_MODE nyala; lib/demo.php).
   Tanpa inline style (patuh CSP). Layar: teks lengkap.
   Cetak (v0.5.2.8, gugatan Kevin G4): baris "DOKUMEN DEMO — BUKAN DOKUMEN MEDIS SAH" di halaman pertama, watermark
   diagonal besar 3 baris di SETIAP halaman (position:fixed diulang per halaman oleh Chrome/Firefox), dan kepala + kaki
   di setiap halaman lewat @page margin box (Chrome/Edge ≥131). Bila margin box tidak didukung / margin "None",
   watermark tetap ada di setiap halaman. */
.kklp-demo-banner {
    position: relative;
    z-index: 1100;               /* di atas sidebar fixed & topbar sticky */
    background: #ffc107;
    color: #212529;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    padding: 5px 12px;
    border-bottom: 1px solid #d39e00;
}
.kklp-demo-banner .kklp-demo-cetak { display: none; }
.kklp-demo-wm { display: none; }

.kklp-demo-login {
    font-size: 13px;
    color: #495057;
    border-top: 1px dashed #ced4da;
    padding-top: 12px;
}
.kklp-demo-kontak-teks { font-weight: 600; }

@page {
    @top-center {
        content: "DOKUMEN DEMO — BUKAN DOKUMEN MEDIS SAH · data fiktif";
        color: #b00000;
        font: bold 8pt sans-serif;
    }
    @bottom-center {
        content: "DEMO — BUKAN DOKUMEN SAH · data fiktif · hlm " counter(page) "/" counter(pages);
        color: #b00000;
        font: bold 8pt sans-serif;
    }
}

@media print {
    .kklp-demo-banner {
        background: none !important;
        color: #b00000 !important;
        border: 0;
        border-bottom: 0.4mm solid #b00000;
        font-size: 9pt;
        font-weight: bold;
        padding: 0 0 1mm 0;
        margin: 0 0 2mm 0;
    }
    .kklp-demo-wm {
        display: block !important;
        position: fixed !important;
        top: 0; left: 0; right: 0; bottom: 0;
        pointer-events: none;
        z-index: 2147483000;
        overflow: visible;
    }
    .kklp-demo-wm span {
        position: absolute;
        left: 50%;
        white-space: nowrap;
        font: bold 26pt sans-serif;
        letter-spacing: 1px;
        color: rgba(192, 0, 0, .2) !important;
        transform: translate(-50%, -50%) rotate(-35deg);
    }
    .kklp-demo-wm .kklp-demo-wm-1 { top: 18%; }
    .kklp-demo-wm .kklp-demo-wm-2 { top: 50%; }
    .kklp-demo-wm .kklp-demo-wm-3 { top: 82%; }
    .kklp-demo-banner .kklp-demo-layar { display: none; }
    .kklp-demo-banner .kklp-demo-cetak { display: inline; }
}