/* assets/css/style.css */
body { 
    font-family: 'Inter', sans-serif; 
    -webkit-tap-highlight-color: transparent; 
}

::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Animasi Transisi Halaman (Lebih halus) */
.view-section { 
    display: none; 
    opacity: 0; 
    transition: opacity 0.3s ease, transform 0.3s ease; 
    transform: translateY(15px); 
}
.view-section.active { 
    display: flex; 
    opacity: 1; 
    transform: translateY(0); 
}

/* Animasi Toast & Modal */
.toast-enter { animation: slideUp 0.3s forwards; }
.toast-leave { animation: slideDown 0.3s forwards; }
@keyframes slideUp { from { bottom: -50px; opacity: 0; } to { bottom: 20px; opacity: 1; } }
@keyframes slideDown { from { bottom: 20px; opacity: 1; } to { bottom: -50px; opacity: 0; } }

.modal-enter { animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
@keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* Penyesuaian Cetak PDF agar tampilan persis dengan HTML */
@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    body, .w-full.max-w-md.h-full, .view-section.active, .flex-1.overflow-y-auto {
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        max-width: none !important;
        overflow: visible !important;
        position: relative !important;
        box-shadow: none !important;
    }
    body {
        background-color: white !important;
    }
    body.flex.justify-center {
        display: block !important;
    }
    .view-section:not(.active), #custom-toast, #custom-modal-overlay {
        display: none !important;
    }
}