/* =============================================================================
 *  ringan.css — MODE RINGAN
 *
 *  Aktif bila <html data-ringan="1">. Ditentukan di <head> index.html (sebelum
 *  gaya dimuat) dan oleh assets/js/tema.js:
 *    - Otomatis pada perangkat RAM ≤ 4 GB, prosesor ≤ 2 inti, mode hemat data,
 *      atau koneksi 2G;
 *    - atau dipilih sendiri lewat Tampilan → Efek visual → Ringan/Penuh.
 *
 *  Yang dimatikan HANYA efek dekoratif yang berat bagi GPU/baterai: blur kaca,
 *  gumpalan cahaya ber-blur, dan animasi latar yang berjalan terus-menerus.
 *  Seluruh fitur, tata letak, warna tema, corak, dan animasi yang memberi umpan
 *  balik (pemuat, progres, centang, transisi halaman/modal) tetap ada.
 *  Dimuat PALING AKHIR supaya menang atas lapisan gaya mana pun.
 * ========================================================================== */

/* ---- 1. Tanpa blur kaca di mana pun --------------------------------------- */
html[data-ringan="1"] *,
html[data-ringan="1"] *::before,
html[data-ringan="1"] *::after {
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
}
/* Permukaan tembus pandang dipekatkan supaya tetap terbaca tanpa blur. */
html[data-ringan="1"]:not(.dark) .glass-panel { background: rgb(255 255 255 / .97) !important; }
html[data-ringan="1"].dark .glass-panel        { background: rgb(10 16 30 / .97) !important; }
html[data-ringan="1"] .login-form-shell         { background: rgba(255, 255, 255, .97); }
html[data-ringan="1"] .v14l-kartu               { background: linear-gradient(165deg, rgba(22, 38, 66, .97), rgba(9, 18, 34, .98)); }
html[data-ringan="1"] .login-preview            { background: rgb(255 255 255 / .06); }

/* ---- 2. Lapisan cahaya ber-blur (dekorasi murni) disembunyikan ------------ */
html[data-ringan="1"] .sky-aurora,
html[data-ringan="1"] .hero-aurora,
html[data-ringan="1"] .splash-orb,
html[data-ringan="1"] .splash-particles,
html[data-ringan="1"] .login-orb,
html[data-ringan="1"] .login-aurora,
html[data-ringan="1"] .v14l-aurora,
html[data-ringan="1"] .v14l-partikel { display: none !important; }

/* ---- 3. Animasi latar yang berjalan tanpa henti dihentikan ---------------- */
/* Corak latar & panel tetap tampil — hanya tidak hanyut. */
html[data-ringan="1"] .sky-corak,
html[data-ringan="1"] .v14l-geo,
html[data-ringan="1"] .v14l-berkas,
html[data-ringan="1"] .login-brand-panel::after,
html[data-ringan="1"] .login-submit::before,
html[data-ringan="1"] .panel-waktu::after,
html[data-ringan="1"] .v12-hero::after,
html[data-ringan="1"] .pc-hero-aura,
html[data-ringan="1"] .pc-hero-crown,
html[data-ringan="1"] .pc-ava-ring,
html[data-ringan="1"] .titik-hidup::before,
html[data-ringan="1"] .badge-count,
html[data-ringan="1"] .nav-btn.is-active .nav-dot,
html[data-ringan="1"] .sync-chip.is-online .dot,
html[data-ringan="1"] #fab-absen,
html[data-ringan="1"] #fab-absen::before,
html[data-ringan="1"] .ses-card.is-due::after,
html[data-ringan="1"] .splash-halo { animation: none !important; }
html[data-ringan="1"] #fab-absen::before { opacity: 0; }
html[data-ringan="1"] .sky-corak { will-change: auto; }

/* Layar pembuka: mandala muncul tanpa berputar, keluar tanpa blur layar penuh. */
html[data-ringan="1"] .splash-mandala { animation: mandalaFade 1.2s ease-out both !important; }
html[data-ringan="1"] #splash-screen.splash-hidden { filter: none !important; }