/* Menggunakan font Inter sebagai default */ body { font-family: 'Inter', sans-serif; } /* Menghilangkan panah di input number */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; appearance: textfield; } /* CSS untuk cetak */ @media print { /* Sembunyikan tombol interaktif */ .btn-tambah, .btn-hapus, #print-btn, a[href*="github"] { display: none !important; } /* Sembunyikan input dan ganti dengan teks statis */ .input-nama, .input-nilai, .input-bobot { border: none !important; background: transparent !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; pointer-events: none; } /* Pastikan container utama mengambil lebar penuh */ .container { max-width: 100% !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } /* Hilangkan bayangan dan border untuk tampilan cetak yang bersih */ .bg-white\/80, .summary-container { box-shadow: none !important; border: none !important; background: white !important; } /* Hilangkan efek hover dan transisi */ .kriteria-row, .hasil-kriteria { background: transparent !important; transition: none !important; } /* Pastikan teks terlihat jelas */ .text-slate-800, .text-slate-700, .text-slate-600 { color: #000 !important; } /* Pastikan nilai akhir terlihat jelas (hilangkan gradien) */ #nilai-akhir { color: #000 !important; background: none !important; } /* Ganti teks judul saat mencetak */ .judul-cetak { position: relative; color: transparent !important; /* Sembunyikan teks asli */ } .judul-cetak:after { content: "EVALUASI NILAI PKL"; /* Teks baru */ position: absolute; top: 0; left: 0; color: #000 !important; /* Warna teks hitam untuk cetak */ font-size: inherit; /* Ukuran font sama dengan aslinya */ font-weight: inherit; /* Berat font sama dengan aslinya */ } /* Penting: Izinkan elemen untuk pecah antar halaman */ body, html, .container, .bg-white\/80, .bagian-penilaian, .summary-container { page-break-inside: avoid !important; } .kriteria-row { page-break-inside: auto !important; break-after: auto !important; } /* Atur agar header tidak terpisah dari isinya */ .bagian-penilaian { page-break-before: auto !important; page-break-after: auto !important; } /* Atur margin halaman */ @page { margin: 1.5cm; } }