/**
 * SIMFONI - panduan-admin.css
 *
 * Berkas AKSEN untuk bantuan/panduanAdmin.php. Seluruh kerangka halamannya —
 * daftar isi, bab, tabel, kotak sorot, diagram — berada di
 * pages/manual-peran.css, yang dimuat lebih dulu (lihat partials/page_assets.php).
 *
 * Yang tinggal di sini hanya dua hal, dan keduanya memang tidak dapat pindah:
 *
 *   1. Blok token aksen. Nilainya identik dengan bawaan manual-peran.css —
 *      ditulis tegas supaya perubahan aksen manual lain tidak diam-diam
 *      menggeser tampilan manual ini.
 *   2. Aturan yang menyasar elemen DI LUAR .pa-doc, yaitu .wrapper milik
 *      kerangka aplikasi. Aturan itu butuh kelas scope <body>.
 *
 * @filename    panduan-admin.css
 * @description Aksen dan penyesuaian kerangka halaman Panduan Admin
 * @author      Syams
 * @created     August 29, 2026
 * @license     SIMFONI Dual License (GPL v3 / Commercial)
 * @version     3.1
 * @project     SIMFONI - Sistem Informasi Monitoring dan Evaluasi Kearsipan
 */

/* ── Aksen: biru tua, sejalan dengan menu Admin ───────────────────────────── */
.page--panduan-admin .pa-doc {
  --pa-navy:          #0b2a4a;
  --pa-navy-2:        #123a63;
  --pa-navy-3:        #071d33;
  --pa-navy-fg:       #93c5fd;
  --pa-navy-fg-2:     #7dd3fc;
  --pa-navy-rule:     rgba(147, 197, 253, .55);
  --pa-masthead-glow: rgba(59, 130, 246, .35);
  --pa-accent:        #1d4ed8;
  --pa-accent-sf:     #eff6ff;
  --pa-accent-bd:     #bfdbfe;
  --pa-accent-hv:     #dbeafe;
  --pa-accent-st:     #93c5fd;
  --pa-accent-sh:     rgba(29, 78, 216, .10);
}

/* ── Kerangka aplikasi ────────────────────────────────────────────────────
   .wrapper memasang `overflow: hidden` agar sudut membulatnya terpotong rapi.
   Efek sampingnya: ia MEMBUAT KONTEKS GULIR, dan `position: sticky` di dalamnya
   berhenti bekerja — daftar isi ikut tergulir habis. `clip` memberi pemotongan
   yang persis sama TANPA membuat konteks gulir, sehingga sticky hidup kembali.
   Peramban yang belum mengenal `clip` mengabaikan baris ini dan kembali ke
   perilaku lama. */
.page--panduan-admin .wrapper { overflow: clip; }

@media print {
  .page--panduan-admin .navbar,
  .page--panduan-admin footer { display: none !important; }
}