/* ============================================================
   DATA LOADER — ikon inline bermerek buat status "Memuat..." di
   tabel/list (gantiin <i class="bx bx-loader-alt bx-spin">).
   Lihat assets/js/data-loader.js.

   Chip lingkaran GELAP (var(--sidebar), sama seperti page-loader)
   SENGAJA selalu dipasang di belakang logo, terlepas dari warna
   kartu/tabel di sekitarnya (putih di mode terang, dst) — logo di
   video sumbernya putih/terang, tanpa chip gelap ini nyaris tak
   kelihatan di atas kartu terang (lihat catatan yang sama di
   assets/css/page-loader.css).
============================================================ */
.sc-loader-icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.3em;
    height:1.3em;
    vertical-align:-0.28em;
    background:var(--sidebar);
    border-radius:50%;
    flex-shrink:0;
}
.sc-loader-icon-video{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}
.sc-loader-icon-canvas{
    width:68%;
    height:68%;
    display:block;
}

/* Varian besar & center — buat "empty state" tabel/kartu (icon di atas,
   teks keterangan di bawah), gantiin pola <i style="font-size:Npx;display:block"> */
.sc-loader-icon--block{
    display:flex;
    width:40px;
    height:40px;
    margin:0 auto 10px;
    vertical-align:initial;
}