/* ============================================================
   icons.css — Font ikon Material Symbols Outlined (SELF-HOSTED)
   ============================================================
   File .woff2 disimpan lokal di statis/fonts/, BUKAN diambil dari
   fonts.googleapis.com/fonts.gstatic.com lagi — supaya ikon selalu
   tampil benar (bukan jadi teks mentah "home", "settings", dst)
   walau koneksi ke Google lambat/diblokir di jaringan pelanggan.

   Sengaja file TERPISAH dari global.css (bukan digabung) — supaya
   halaman yang TIDAK pakai global.css (login, invoice/struk, landing,
   isolir, superadmin) tetap bisa <link> file ini sendiri tanpa ikut
   kebawa seluruh desain global.css yang tidak relevan buat mereka.

   Font teks (Montserrat/Poppins) TETAP dari Google Fonts — fallback ke
   font sistem kalau gagal sudah wajar/tidak mengganggu, beda dengan
   ikon yang jadi teks mentah aneh kalau font-nya tidak kebaca.

   PENTING soal ukuran file: versi PERTAMA yang di-self-host itu ambil
   seluruh variable font Material Symbols mentah-mentah (~4 MB, semua
   ribuan ikon walau yang kepakai di app cuma ~200-an) — di koneksi
   lambat/tidak stabil (pas dites, bahkan window Incognito) itu bikin
   font GAGAL/lama kebaca, browser jatuh ke teks mentah ("dashboard",
   "group", dst) persis masalah yang tadinya mau dihindari. Sekarang
   dipangkas pakai subsetting resmi Google (parameter icon_names, HANYA
   ikon yang benar-benar dipakai di seluruh app) → jadi ~200 KB saja
   (~18x lebih kecil). Kalau nambah ikon BARU yang belum pernah dipakai
   di app manapun, font ini perlu di-generate ulang dgn daftar ikon yg
   sudah termasuk yang baru itu — approach: fetch
   https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&icon_names=nama1,nama2,...
   ambil url font di dalamnya, download, timpa file ini. */

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style:  normal;
  font-weight: 100 700;
  font-display: block;
  /* PENTING: file .woff2 ini SENDIRI juga butuh cache-bust lewat ?v=
     di sini — TERPISAH dari ?v= pada tag <link> icons.css di tiap HTML.
     Ketauan 19 Agt 2026: font-nya sudah berkali-kali di-regenerate isi
     iconnya (nambah icon baru) di sesi2 sebelumnya, tapi angka di sini
     TIDAK PERNAH ikut dinaikkan — jadi browser yg SUDAH PERNAH buka app
     ini sebelumnya tetap pakai file .woff2 LAMA yg tersimpan di cache-nya
     selamanya (URL-nya sama persis, jadi tidak pernah diunduh ulang),
     walau file di server sudah beda — icon yg baru ditambahkan jadi
     tampil sbg teks mentah ("expand_more" dst) di browser lama itu.
     Kalau nanti font ini diregenerate lagi (nambah icon baru), WAJIB naikkan
     angka INI JUGA, bukan cuma ?v= di tag <link> HTML-nya. */
  src: url('fonts/material-symbols-outlined.woff2?v=4') format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}