.table-finance thead th {
    background-color: #f8fafc;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    padding: 12px 10px;
    border-top: none;
}

.input-grid {
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 6px;
    transition: all 0.2s;
}

.input-grid:focus {
    border-color: var(--accent-color);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.row-active {
    background-color: #eff6ff !important;
}

.total-section {
    background: var(--primary-color);
    color: white;
    border-radius: 12px;
    padding: 1.5rem;
}



/* CSS Document 
.card-table { border-radius: 15px; border: none; }
.table thead th { background-color: #f8f9fa; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; color: #6c757d; border-bottom: 2px solid #f1f1f1; }
.ref-pill { padding: 4px 12px; border-radius: 50px; font-weight: 600; font-size: 0.85rem; }
.bg-bkm { background-color: rgba(25, 135, 84, 0.1); color: #198754; }
.bg-bkk { background-color: rgba(220, 53, 69, 0.1); color: #dc3545; }*/


/* --- STYLE UNTUK LAYAR WEB --- */
.signature-box { border: 1px solid #000; height: 70px; margin-top: 5px; }
#areaKwitansi { font-family: 'Georgia', serif; }

/* --- CSS PRINT FIX (ANTI BLANK & ANTI MARGIN) --- */
@media print {
    /* 1. Sembunyikan seluruh isi halaman */
    body { 
        visibility: hidden; 
        background: none !important; 
    }

    /* 2. Tampilkan HANYA area yang diinginkan */
    #areaBuktiKas, #areaBuktiKas *, 
    #areaKwitansi, #areaKwitansi * { 
        visibility: visible !important; 
    }

    /* 3. Tarik area cetak ke pojok kiri atas kertas agar margin hilang */
    #areaBuktiKas, #areaKwitansi {
        position: fixed; /* Gunakan fixed agar dia nempel di halaman 1 */
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 10mm; /* Ini margin kertas aslinya (1 cm) */
    }

    /* 4. Sembunyikan elemen UI yang mengganggu */
    .modal-header, .modal-footer, .btn, .btn-close, .swal2-container, .modal-backdrop { 
        display: none !important; 
        visibility: hidden !important; 
    }

    /* 5. Setting Kertas */
    @page { 
        margin: 0; /* Menghilangkan header/footer URL browser */
    }
    
    /* Mengatur orientasi berdasarkan class body */
    body.print-bukti @page { size: portrait; }
    body.print-kwitansi @page { size: landscape; }
}