/* ============================================================
   PAGE LOADER — overlay full-screen, logo video loop (lihat
   includes/loader.php + assets/js/page-loader.js).
   Latar SENGAJA pakai var(--sidebar) (selalu gelap di kedua tema,
   sama seperti sidebar), BUKAN var(--background): logo di video
   sumbernya putih/terang (dibuat buat nempel di sidebar yang
   gelap) — di atas var(--background) yang putih di mode terang,
   logo jadi nyaris tak kelihatan (putih di atas putih).
============================================================ */
.page-loader{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--sidebar);
    transition:opacity .4s ease;
}
.page-loader.is-hidden{
    opacity:0;
    pointer-events:none;
}

.page-loader-logo{
    position:relative;
    width:130px;
    height:130px;
    display:block;
    animation:page-loader-breathe 1.6s ease-in-out infinite;
}
.page-loader-logo canvas{
    width:100%;
    height:100%;
    display:block;
}

@keyframes page-loader-breathe{
    0%, 100%{ transform:scale(1); opacity:.92; }
    50%{ transform:scale(1.05); opacity:1; }
}

@media (prefers-reduced-motion: reduce){
    .page-loader-logo{ animation:none; }
}