/* /Pages/Cleaners/QrCodeManagement.razor.rz.scp.css */
/* QR Code Management Styles */

.qrcode-canvas[b-70d8pcbz21] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 256px;
    background: white;
}

.qrcode-item[b-70d8pcbz21] {
    page-break-inside: avoid;
}

/* Print Styles */
@media print {
    /* Hide everything except the QR codes */
    body *[b-70d8pcbz21] {
        visibility: hidden;
    }
    
    #qrcode-print-area[b-70d8pcbz21],
    #qrcode-print-area *[b-70d8pcbz21] {
        visibility: visible;
    }
    
    #qrcode-print-area[b-70d8pcbz21] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    
    /* Print button should be hidden */
    .mud-button[b-70d8pcbz21] {
        display: none !important;
    }
    
    /* Each QR code on its own page or arranged neatly */
    .qrcode-item[b-70d8pcbz21] {
        page-break-inside: avoid;
        margin: 20px;
    }
    
    /* Ensure QR codes are clearly visible */
    .qrcode-canvas[b-70d8pcbz21] {
        background: white;
    }
}