/* ============================================
   PRINT STYLES - BKK SIMBIKA SYSTEM
   Koperasi Mandiri Binakarya
   Untuk mencetak Bukti Kas Keluar
   ============================================ */

@media print {
    /* Reset untuk print */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    @page {
        size: A4;
        margin: 1.5cm;
        
        @top-center {
            content: "KOPERASI MANDIRI BINAKARYA (SIMBIKA)";
            font-size: 10pt;
            font-weight: bold;
        }
        
        @bottom-center {
            content: "Dicetak pada: " counter(page) " - " string(doc-date);
            font-size: 8pt;
        }
    }
    
    body {
        background: white;
        font-family: 'Times New Roman', 'Segoe UI', Arial, sans-serif;
        font-size: 11pt;
        line-height: 1.4;
        color: black;
        margin: 0;
        padding: 0;
    }
    
    /* Sembunyikan elemen yang tidak perlu saat print */
    .no-print,
    .navbar,
    .btn,
    button,
    .form-section,
    .action-buttons,
    .modal,
    .alert,
    .menu-toggle,
    .sidebar,
    .filter-section,
    .pagination,
    .button-group:not(.print-button),
    .logout-btn,
    .role-badge {
        display: none !important;
    }
    
    /* Tampilkan elemen yang hanya untuk print */
    .print-only {
        display: block !important;
    }
    
    /* Container utama untuk print */
    .container,
    .main-content,
    .content {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }
    
    /* Card styling untuk print */
    .card {
        border: 1px solid #ddd;
        box-shadow: none;
        margin: 0;
        page-break-inside: avoid;
    }
    
    .card-header {
        background: #f0f0f0 !important;
        color: black !important;
        border-bottom: 2px solid #1a5f7a;
        padding: 10px;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    
    .card-header h3 {
        color: #1a5f7a;
        font-size: 14pt;
        margin: 0;
    }
    
    .card-body {
        padding: 15px;
    }
    
    /* Tabel untuk print */
    .table-container {
        overflow: visible;
        margin: 10px 0;
    }
    
    .table {
        width: 100%;
        border-collapse: collapse;
        background: white;
    }
    
    .table th {
        background: #e8e8e8 !important;
        color: black !important;
        border: 1px solid #999;
        padding: 8px;
        font-weight: bold;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    
    .table td {
        border: 1px solid #ccc;
        padding: 6px;
    }
    
    /* Header kop surat untuk print */
    .print-header {
        text-align: center;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 3px solid #1a5f7a;
    }
    
    .print-header .logo {
        max-width: 100px;
        height: auto;
        margin-bottom: 10px;
    }
    
    .print-header h1 {
        font-size: 16pt;
        color: #1a5f7a;
        margin: 5px 0;
    }
    
    .print-header h2 {
        font-size: 14pt;
        color: #2e8b57;
        margin: 5px 0;
    }
    
    .print-header p {
        font-size: 10pt;
        color: #666;
        margin: 5px 0;
    }
    
    /* Detail BKK untuk print */
    .bkk-detail {
        margin: 20px 0;
    }
    
    .detail-row {
        display: flex;
        margin-bottom: 10px;
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
    }
    
    .detail-label {
        width: 120px;
        font-weight: bold;
    }
    
    .detail-value {
        flex: 1;
    }
    
    /* Tanda tangan untuk print */
    .signature-section {
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
    }
    
    .signature-box {
        width: 200px;
        text-align: center;
    }
    
    .signature-line {
        margin-top: 50px;
        border-top: 1px solid black;
        width: 100%;
    }
    
    .signature-label {
        margin-top: 5px;
        font-size: 9pt;
    }
    
    /* Footer print */
    .print-footer {
        margin-top: 30px;
        padding-top: 10px;
        border-top: 1px solid #ccc;
        font-size: 8pt;
        text-align: center;
        color: #666;
    }
    
    /* Page break handling */
    .page-break-before {
        page-break-before: always;
    }
    
    .page-break-after {
        page-break-after: always;
    }
    
    .page-break-inside {
        page-break-inside: avoid;
    }
    
    /* Styling khusus untuk bukti kas keluar */
    .bkk-title {
        text-align: center;
        margin: 20px 0;
    }
    
    .bkk-title .no-bkk {
        font-size: 14pt;
        font-weight: bold;
        color: #1a5f7a;
    }
    
    .amount-box {
        background: #f9f9f9;
        border: 1px solid #ccc;
        padding: 10px;
        margin: 15px 0;
        text-align: center;
    }
    
    .amount-box .amount {
        font-size: 16pt;
        font-weight: bold;
        color: #2e8b57;
    }
    
    .amount-box .terbilang {
        font-size: 10pt;
        font-style: italic;
    }
    
    /* QR Code untuk verifikasi */
    .qr-code {
        text-align: center;
        margin-top: 20px;
    }
    
    .qr-code img {
        max-width: 100px;
        height: auto;
    }
    
    /* Stempel */
    .stamp {
        font-family: 'Courier New', monospace;
        text-align: center;
        margin-top: 30px;
    }
}

/* Print preview specific */
@media print and (orientation: portrait) {
    @page {
        size: A4 portrait;
    }
}

@media print and (orientation: landscape) {
    @page {
        size: A4 landscape;
    }
    
    .signature-section {
        margin-top: 20px;
    }
}

/* Untuk elemen yang ingin dicetak dengan warna */
.print-color {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

/* Sembunyikan scrollbar saat print */
::-webkit-scrollbar {
    display: none;
}