/* =========================================
FILE: style.css
========================================= */

/* Mengatur font dan scrollbar dasar */
body { font-family: 'Inter', sans-serif; background-color: #f8fafc; }

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Animasi Transisi */
.animate-fade-in { animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* =========================================
SOLUSI CETAK PRINT / PDF (TEKS BUKAN GAMBAR)
========================================= */
@media print {
@page {
size: A4 portrait;
margin: 1.5cm;
}

body {
    background: white !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    font-size: 11pt !important;
}

/* 1. SEMBUNYIKAN SEMUA ELEMEN UI APLIKASI SECARA PAKSA */
#loginScreen, 
#appContainer, 
#sidebarOverlay,
#modalOverlay, 
#clientModal, 
#serviceModal, 
#expenseModal, 
#waModal, 
#invoiceModal, 
#editInvoiceModal, 
#receiptModal, 
#editReceiptModal, 
#deleteModal, 
#toastContainer,
#distributionModal,
#otherIncomeModal {
    display: none !important;
}

/* 2. SEMBUNYIKAN KERANGKA CETAK HANYA JIKA TIDAK AKTIF */
/* Menggunakan :not(.print-active-area) agar CSS tidak melawan JS saat cetak */
#printAreaWrapper:not(.print-active-area), 
#printExpenseWrapper:not(.print-active-area), 
#printCashFlowWrapper:not(.print-active-area),
#printIncomeWrapper:not(.print-active-area) {
    display: none !important;
}

/* 3. ATURAN KHUSUS KERANGKA YANG AKTIF DICETAK */
.print-active-area {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background-color: white !important;
}

/* 4. MENCEGAH TERPOTONGNYA TABEL DI TENGAH HALAMAN */
table { page-break-inside: auto; width: 100% !important; }
tr { page-break-inside: avoid; page-break-after: auto; }
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
.avoid-page-break { page-break-inside: avoid; }


}

/* Sembunyikan area cetak ketika di layar browser biasa */
@media screen {
#printAreaWrapper,
#printExpenseWrapper,
#printCashFlowWrapper,
#printIncomeWrapper {
display: none !important;
}
}