/* ==========================================================================
   CSS Cetak Resmi Standar F4 / A4 - SMKS Nurul Haromain Pujon
   ========================================================================== */

@media print {
    /* Sembunyikan SEMUA elemen navigasi, wrapper aplikasi utama, dan kontrol interaktif */
    .no-print,
    #mainAppWrapper,
    #sidebar,
    #navbar,
    main,
    header,
    aside,
    nav,
    footer,
    #modalScanner,
    #modalPreview,
    #modalSuratMasuk,
    #modalDisposisi,
    #modalSuratKeluar,
    #modalSppd,
    #modalPejabat,
    #modalLoginOverlay,
    #modalPrintPreviewSppd,
    .btn-action,
    .swal2-container,
    .toast-container {
        display: none !important;
    }

    /* Reset background dan margin body agar tidak terpotong atau overflow */
    html, body {
        display: block !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        font-family: 'Times New Roman', Times, serif !important;
        font-size: 11pt !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        overflow: visible !important;
    }

    @page {
        size: A4 portrait;
        margin: 10mm 15mm 12mm 15mm;
    }

    /* Tampilkan area cetak secara penuh */
    #printableArea {
        display: block !important;
        visibility: visible !important;
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        color: #000000 !important;
    }

    #printableArea * {
        visibility: visible !important;
    }

    /* Khusus Lembar SPPD atau dokumen multi-halaman */
    .print-page {
        page-break-after: always !important;
        break-after: page !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        width: 100% !important;
        background: #ffffff !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-shadow: none !important;
        border: none !important;
    }

    .print-page:last-child {
        page-break-after: auto !important;
        break-after: auto !important;
    }

    /* Kop Surat Resmi */
    .kop-surat {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-bottom: 3px double #000000 !important;
        padding-bottom: 6px !important;
        margin-bottom: 12px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .kop-logo {
        width: 75px !important;
        height: 75px !important;
        object-fit: contain !important;
    }

    .kop-text {
        flex: 1 !important;
        padding: 0 10px !important;
        text-align: center !important;
    }

    .kop-yayasan {
        font-size: 11pt !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        margin-bottom: 1px !important;
    }

    .kop-instansi {
        font-size: 15pt !important;
        font-weight: 800 !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 2px !important;
        text-transform: uppercase !important;
    }

    .kop-status {
        font-size: 9.5pt !important;
        font-weight: bold !important;
        margin-bottom: 2px !important;
    }

    .kop-kontak {
        font-size: 8.5pt !important;
        line-height: 1.25 !important;
    }

    /* Tabel Cetak Standar */
    table.print-table {
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 10px 0 !important;
        font-size: 10pt !important;
    }

    table.print-table th, 
    table.print-table td {
        border: 1px solid #000000 !important;
        padding: 4px 7px !important;
        vertical-align: top !important;
    }

    table.print-table th {
        background-color: #f2f2f2 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        font-weight: bold !important;
        text-align: center !important;
    }

    /* Border borderless table untuk form rincian */
    table.table-borderless {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 10.5pt !important;
    }

    table.table-borderless td {
        border: none !important;
        padding: 3px 5px !important;
        vertical-align: top !important;
    }

    /* Blok Tanda Tangan */
    .ttd-container {
        display: flex !important;
        justify-content: space-between !important;
        margin-top: 25px !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .ttd-box {
        width: 45% !important;
        text-align: center !important;
    }

    .ttd-img {
        max-height: 70px !important;
        margin: 5px auto !important;
        display: block !important;
    }

    .ttd-nama {
        font-weight: bold !important;
        text-decoration: underline !important;
        margin-top: 50px !important;
    }

    .ttd-nama.has-img {
        margin-top: 5px !important;
    }

    .ttd-nip {
        font-size: 9.5pt !important;
    }

    /* QR Code verifikasi */
    .qr-verify {
        display: inline-block !important;
        text-align: center !important;
    }

    .qr-verify img,
    .qr-verify canvas {
        width: 65px !important;
        height: 65px !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .qr-label {
        font-size: 7pt !important;
        color: #333333 !important;
        margin-top: 2px !important;
    }
}