/* --- Gaya untuk Kartu QR Code --- */
        .qrcode-item {
            width: 100%;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            padding: 10px;
            text-align: center;
            margin-bottom: 20px;
            transition: transform 0.2s, box-shadow 0.2s;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .qrcode-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.15);
        }
        
        /* --- Gaya untuk Print (DIPERBAIKI) --- */
        @media print {
            /* Sembunyikan semua elemen kecuali yang akan dicetak */
            body * {
                visibility: hidden;
            }
            /* Tampilkan kontainer utama dan isinya */
            .content, .content * {
                visibility: visible;
            }
            /* Atur ulang posisi konten agar memenuhi halaman */
            .content {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                margin: 0;
                padding: 20px; /* Beri jarak di tepi kertas */
                background-color: #fff; /* Pastikan latar putih */
            }
            /* Sembunyikan elemen yang tidak perlu */
            .sidebar, .main-header, .page-header, .no-print {
                display: none !important;
            }
            /* Hilangkan bayangan pada kartu QR Code agar hasil cetak lebih bersih */
            .qrcode-item {
                box-shadow: none;
                border: 1px solid #eee; /* Tambahkan border tipis sebagai pemisah */
                break-inside: avoid; /* Cegah QR Code terpotong saat halaman berganti */
            }
            /* Atur grid agar lebih rapat di kertas */
            #qrcode-container {
                display: grid;
                grid-template-columns: repeat(4, 1fr); /* 4 kolom di kertas A4 */
                gap: 15px;
            }
            #qrcode-container > div {
                width: 100% !important;
            }
        }

        @media (max-width: 768px) { .sidebar { margin-left: -260px; } .sidebar.active { margin-left: 0; } .content { margin-left: 0; } .main-header { left: 0; } .sidebar-btn { display: block; } }