/* ============================================================
   simkatmawa.css — TAMBAHAN KECIL UNTUK SIMKATMAWA
   ------------------------------------------------------------
   File ini SENGAJA hanya berisi 3 hal:
     1. Zoom seluruh halaman 80%
     2. Penyesuaian tinggi (supaya tidak ada ruang kosong)
     3. Foto halaman login + ikon kartu statistik
   Semua warna & gaya lain memakai bawaan Mazer (app.css).
   ============================================================ */

/* ------------------------------------------------------------
   1. ZOOM SELURUH HALAMAN 80%
   ------------------------------------------------------------
   Bikin seluruh tampilan (menu, dashboard, login, tabel, font)
   mengecil jadi 80%.
   MAU DIUBAH? Ganti angkanya di bawah:
     0.75 = 75%   (lebih kecil)
     0.8  = 80%   (SEKARANG)
     0.9  = 90%   (lebih besar)
     1    = 100%  (normal / bawaan)
   ------------------------------------------------------------ */
body {
    zoom: 0.8;
}

/* ------------------------------------------------------------
   2. PENYESUAIAN TINGGI — KARENA EFEK ZOOM 80%
   ------------------------------------------------------------
   PENTING, BACA INI:
   Zoom 0.8 mengecilkan LEBAR dan TINGGI sekaligus.
   Jadi "100vh" (setinggi layar) hanya tampil 80% layar
   -> sisa 20% di bawah jadi RUANG KOSONG (putih).

   Karena itu tinggi diubah jadi 125vh:
       125vh x 0.8 = 100vh  -> pas penuh layar lagi

   - .sidebar-wrapper : menu kiri (memakai 100vh bawaan app.css)
   - #auth .auth-hero : wadah foto di halaman login
   - #main            : area isi di kanan menu

   KALAU NANTI ZOOM DIUBAH (misal jadi 0.9), angka 125vh HARUS
   disesuaikan juga, dengan rumus:  100 / zoom
      zoom 0.8 -> 125vh       zoom 0.75 -> 133vh
      zoom 0.9 -> 111vh       zoom 1    -> 100vh (tidak perlu aturan ini)
   ------------------------------------------------------------ */
/* Menu kiri (sidebar) */
.sidebar-wrapper {
    height: 125vh;
}

/* Area isi di kanan menu */
#main {
    min-height: 125vh;
}

/* Halaman login: wadah UTAMA-nya juga harus ditinggikan.
   Kalau tidak, tinggi 100vh bawaan auth.css (900px x 0.8 = 720px)
   akan MEMOTONG foto yang tingginya 900px -> muncul area putih. */
#auth {
    height: 125vh;
    min-height: 125vh;
}

/* ------------------------------------------------------------
   3. FOTO DI HALAMAN LOGIN
   ------------------------------------------------------------
   Wadah foto tingginya 125vh (lihat alasan di atas), lalu fotonya
   dibuat "cover" supaya MEMENUHI seluruh area tanpa ruang kosong.

   object-position: center = bagian tengah foto yang diutamakan.
   Ganti jadi "top" kalau bagian penting foto ada di ATAS,
   atau "bottom" kalau ada di BAWAH.
   ------------------------------------------------------------ */
#auth .auth-hero {
    position: relative;
    width: 100%;
    height: 125vh;
    overflow: hidden;
}

#auth .auth-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Tulisan SIMKATMAWA di atas foto (pojok kiri bawah) */
#auth .auth-hero-caption {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    color: #fff;
    z-index: 2;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85);
}

#auth .auth-hero-caption h5,
#auth .auth-hero-caption p {
    color: #fff;
}

/* ------------------------------------------------------------
   4. KOTAK IKON STATISTIK (.stats-icon)
   ------------------------------------------------------------
   Kotak ini ukurannya cuma 3rem (±48 piksel). Kalau di dalamnya
   dipasang <img> dari file PNG 512x512 (ikon-mahasiswa.png dsb),
   gambarnya jadi KEGEDEAN. Aturan ini memaksa gambar mengecil
   pas di dalam kotak dan tidak gepeng.
   ------------------------------------------------------------ */
.stats-icon img {
    width: 1.7rem;
    height: 1.7rem;
    object-fit: contain;
    display: block;
}