/*
 * barcode-print.css
 * Print-only styles for the barcode label dialog.
 * Hides everything except the printable barcode container.
 */

@media print {

    /* Hide the entire page */
    body * {
        visibility: hidden !important;
    }

    /* Show only the barcode print area wrapper and its children */
    .barcode-multi-print-wrapper,
    .barcode-multi-print-wrapper * {
        visibility: visible !important;
    }

    .barcode-print-area,
    .barcode-print-area * {
        visibility: visible !important;
    }

    /* Pull wrapper out of document flow to prevent blank pages */
    .barcode-multi-print-wrapper {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background: transparent !important;
    }

    /* Set labels relative for proper stacking and page breaking */
    .barcode-print-area {
        position: relative !important;
        width: auto !important;
        margin: 0 !important;
        padding: 4mm !important;
        background: #fff !important;
    }

    /* Hide MudBlazor overlay / dialog backdrop */
    .mud-overlay,
    .mud-dialog-container,
    .mud-popover-provider {
        display: none !important;
    }

    /* Ensure the barcode SVG fits the label */
    .barcode-print-area svg {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Company name styling for print */
    .barcode-label-company {
        font-size: 10pt !important;
        font-weight: 700 !important;
        text-align: center !important;
        margin-bottom: 2mm !important;
        color: #000 !important;
    }

    /* Product name and code styling for print */
    .barcode-label-product {
        font-size: 8pt !important;
        text-align: center !important;
        margin-top: 1mm !important;
        color: #000 !important;
    }

    /* Product price styling for print */
    .barcode-label-price {
        font-size: 9pt !important;
        font-weight: 700 !important;
        text-align: center !important;
        margin-top: 1mm !important;
        color: #000 !important;
    }

    /* Hide dialog action buttons in print */
    .barcode-dialog-actions {
        display: none !important;
    }
}
