/**
 * Instant Loading CSS
 * Override CSS yang memperlambat loading halaman
 */

/* Pastikan body langsung terlihat tanpa animasi */
body {
    opacity: 1 !important;
    animation: none !important;
}

/* Nonaktifkan semua animasi yang memperlambat initial load */
.gate-overlay,
.loading-overlay,
.page-loader {
    display: none !important;
    visibility: hidden !important;
}

/* Optimasi untuk transition - lebih cepat */
* {
    transition-duration: 0.15s !important;
}

/* Tapi tetap smooth untuk hover effects */
a:hover,
button:hover,
.btn:hover {
    transition-duration: 0.2s !important;
}

/* Preload critical resources */
@media (prefers-reduced-motion: no-preference) {
    * {
        /* Gunakan will-change untuk performa lebih baik */
        will-change: auto;
    }
}

/* Instant feedback untuk clicks */
a:active,
button:active,
.btn:active {
    transform: scale(0.98);
    transition-duration: 0.05s !important;
}

/* Optimasi card rendering */
.card,
.stats-card,
.data-card {
    contain: layout style paint;
    content-visibility: auto;
}

/* Lazy load untuk sections yang tidak terlihat */
.table-responsive {
    content-visibility: auto;
}

/* Reduce repaints */
.navbar {
    will-change: transform;
    transform: translateZ(0);
}

/* Hardware acceleration untuk smooth scrolling */
html {
    scroll-behavior: auto; /* Instant scroll */
}

/* Disable animations saat page load */
.no-animations * {
    animation-duration: 0s !important;
    transition-duration: 0s !important;
}
