/* ==========================================================================
   latar-kerja.css — LATAR BELAKANG HALAMAN KERJA (ADMIN) BERSAMA
   --------------------------------------------------------------------------
   Gradient krem SANGAT HALUS (krem terang -> krem sedikit lebih gelap, arah
   diagonal) + pola titik-titik tipis di atasnya (opacity ~4%). Menggantikan
   latar polos `var(--surface-alt)` pada halaman-halaman kerja.

   Dipakai oleh (di-<link> pada <head>, SETELAH blok <style> halaman supaya
   menang atas aturan `body{ background: ... }` bawaan halaman):
     kelola-anggota.html   kelola-staf.html   laporan.html   peminjaman.html
     kelola-buku.html      kelola-fasilitas.html   kelola-struktur.html
     tambah-ebook.html

   Ubah nuansa krem / kepekatan titik cukup di file ini (berlaku semua halaman).
   ========================================================================== */
/* Default (tanpa tema / belum pilih tema): KREM netral hangat. */
:root{
  --kerja-krem-terang:#FDFBF6;    /* ujung terang gradient        */
  --kerja-krem-gelap:#F1EDE2;     /* ujung sedikit lebih gelap    */
  --kerja-dot:rgba(58,45,20,.04); /* titik — hangat, opacity ~4%  */
}

/* --------------------------------------------------------------------------
   NUANSA PER TEMA — mengikuti pilihan "5 warna tema" di sidebar dashboard
   (localStorage "dasborTema" -> tema-kerja.js -> <html data-theme="...">).
   Nilai sengaja SANGAT muda/lembut supaya latar tetap tenang.
   -------------------------------------------------------------------------- */
:root[data-theme="biru"]{
  --kerja-krem-terang:#F5F8FE; --kerja-krem-gelap:#E6EDF9; --kerja-dot:rgba(28,50,95,.05);
}
:root[data-theme="hijau"]{
  --kerja-krem-terang:#F3FBF6; --kerja-krem-gelap:#E2F0E8; --kerja-dot:rgba(16,66,46,.055);
}
:root[data-theme="ungu"]{
  --kerja-krem-terang:#F8F5FE; --kerja-krem-gelap:#E9E3F6; --kerja-dot:rgba(58,34,105,.05);
}
:root[data-theme="marun"]{
  --kerja-krem-terang:#FEF6F6; --kerja-krem-gelap:#F5E7E9; --kerja-dot:rgba(120,38,48,.05);
}
/* Mode gelap: halaman kerja ini BELUM dirancang untuk dark-mode penuh
   (judul & teks di luar panel memakai warna navy tua yang akan hilang di
   latar gelap). Jadi di sini "gelap" -> latar abu-abu netral dingin & tetap
   terang, sekadar beda nuansa dari krem. Dark-mode penuh = pekerjaan terpisah. */
:root[data-theme="gelap"]{
  --kerja-krem-terang:#F2F3F6; --kerja-krem-gelap:#E4E6EC; --kerja-dot:rgba(40,44,58,.05);
}

body{
  min-height:100vh;
  background-color:var(--kerja-krem-terang);   /* cadangan bila gradient tak didukung */
  background-image:
    radial-gradient(var(--kerja-dot) 1px, transparent 1.6px),                                   /* pola titik halus */
    linear-gradient(158deg, var(--kerja-krem-terang) 0%, var(--kerja-krem-gelap) 100%);         /* gradient krem diagonal */
  background-size:22px 22px, auto;
  background-repeat:repeat, no-repeat;
  background-attachment:fixed, fixed;           /* menempel viewport: transisi mulus, tak "belang" */
}

/* Cetak: latar putih bersih, tanpa gradient / titik. */
@media print{
  body{
    background-color:#fff;
    background-image:none;
  }
}
