@media print {
    @page {
        size: A4;
        margin: 12mm; /* uniform page margins */
    }
    .sidebar,
    .navbar-toggler,
    .top-row,
    .nav-scrollable,
    .blazor-error-ui,
    .status-message-container,
    .no-print {
        display: none !important;
    }

    body, html {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: white;
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box; /* Важно за цялостния размер */
    }

    .page, .main {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        display: block !important;
        box-sizing: border-box;
    }

    /* Стилове за документа OrderGenerator.razor (цял А4 лист) */
    .document-container {
        width: 21cm;
        min-height: 29.7cm; /* A4 височина */
        margin: 0 auto;
        padding: 1.5cm;
        box-shadow: none;
        border: none;
        background: white;
        page-break-after: always;
        font-family: 'Segoe UI', Arial, sans-serif;
        font-size: 9pt;
        box-sizing: border-box;
    }

    body {
        color: black;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    h1, h2, h3, h4, h5, h6 {
        color: black !important;
        font-weight: bold !important;
        margin-top: 0.8em;
        margin-bottom: 0.4em;
        font-family: 'Segoe UI', Arial, sans-serif;
    }

    h1 {
        font-size: 16pt;
    }

    h2 {
        font-size: 14pt;
    }

    h3 {
        font-size: 12pt;
    }

    h4 {
        font-size: 11pt;
    }

    h5 {
        font-size: 10pt;
    }

    p {
        font-size: 9pt;
        line-height: 1.2;
        margin-bottom: 0.4em;
    }

    .header img {
        display: block;
        margin: 0 auto 0.5em auto;
        max-width: 120px;
    }

    .section-title {
        border-bottom: 1px solid #aaa;
        padding-bottom: 2px;
        margin-top: 1.2em;
        margin-bottom: 0.6em;
    }

        .section-title h4 {
            font-size: 10pt !important;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #555 !important;
        }

    .details-section .row {
        margin-bottom: 0.1em;
    }

    .details-section strong {
        font-weight: bold;
    }

    .details-section .col-6, .details-section .col-12 {
        padding-top: 0.1em;
        padding-bottom: 0.1em;
        font-size: 9pt;
    }

    table {
        width: 100% !important;
        border-collapse: collapse;
        margin-bottom: 1em;
    }

        table th, table td {
            border: 1px solid #ddd !important;
            padding: 0.3em 0.5em !important;
            font-size: 8.5pt !important;
            color: black;
            vertical-align: top;
        }

        table thead th {
            background-color: #f5f5f5 !important;
            font-weight: bold;
            text-align: left;
        }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #fafafa !important;
    }

    .badge {
        font-size: 0.6em !important;
        padding: 0.2em 0.4em !important;
        border-radius: 0.15em !important;
        color: white !important;
        background-color: #6c757d !important;
    }

        .badge.bg-primary {
            background-color: #0d6efd !important;
        }

        .badge.bg-warning {
            background-color: #ffc107 !important;
            color: black !important;
        }

        .badge.bg-info {
            background-color: #0dcaf0 !important;
            color: black !important;
        }

        .badge.bg-success {
            background-color: #198754 !important;
        }

        .badge.bg-danger {
            background-color: #dc3545 !important;
        }

        .badge.bg-secondary {
            background-color: #6c757d !important;
        }

    .ceiling-operations-section {
        border: 1px solid #eee !important;
        background-color: #fff !important;
        padding: 8px !important;
        border-radius: 5px;
        page-break-inside: avoid;
        margin-bottom: 0.8em;
    }

        .ceiling-operations-section h5 {
            font-size: 10pt !important;
            margin-bottom: 0.4em;
        }

        .ceiling-operations-section p.small {
            font-size: 7.5pt;
            margin-bottom: 0.1em;
        }

    .list-group-item {
        border: none !important;
        padding: 2px 0 !important;
        font-size: 8.5pt;
    }

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px 0 !important;
        border-color: #eee !important;
    }

    /* Стилове за етикет (CeilingLabel.razor) */
    .a4-quarter-label-container {
        width: 105mm;
        height: 148.5mm;
        overflow: hidden;
        border: 1px solid black;
        margin: 0 !important; /* Нулиран маржин на етикета */
        padding: 5mm; /* Вътрешен padding, за да не залепне съдържанието за рамката */
        box-sizing: border-box;
        page-break-after: always;
        position: absolute !important; /* АБСОЛЮТНО ПОЗИЦИОНИРАНЕ */
        top: 0 !important;
        left: 0 !important;
        z-index: 9999 !important; /* За да е сигурно отгоре на всичко */

        display: flex;
        flex-direction: column;
        justify-content: flex-start; /* Да започва отгоре */
        align-items: flex-start; /* Да подравнява съдържанието вляво */
    }

        .a4-quarter-label-container .row {
            width: 100%;
            height: 100%;
            margin-left: 0 !important;
            margin-right: 0 !important;
            align-items: center; /* Центрира елементите в реда вертикално спрямо най-високия */
        }

        .a4-quarter-label-container .col-5,
        .a4-quarter-label-container .col-7 {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding: 2mm !important; /* Общ padding за колоните */
            display: flex;
            flex-direction: column;
            justify-content: center; /* Центрира съдържанието вътре в колоната вертикално */
            align-items: flex-start; /* Подравнява съдържанието вътре в колоната вляво */
        }

        .a4-quarter-label-container .qr-code-section {
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .a4-quarter-label-container .qr-code-section h3 {
                font-size: 8pt !important;
                margin-bottom: 2mm !important;
                margin-top: 0 !important;
                color: black !important;
                text-align: center;
                text-transform: uppercase;
            }

    .qr-code-section #qrcode canvas,
    .qr-code-section #qrcode img {
        display: block;
        margin: 0 auto;
        width: 35mm !important; /* Намален размер на QR кода */
        height: 35mm !important;
        max-width: 35mm !important;
        border: none !important;
    }

    .a4-quarter-label-container .data-section {
        font-size: 8pt;
        line-height: 1.2;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .a4-quarter-label-container .data-section h3 {
            font-size: 8pt !important;
            margin-bottom: 3mm !important;
            margin-top: 0 !important;
            text-align: left;
            text-transform: uppercase;
        }

        .a4-quarter-label-container .data-section .label-details p {
            margin-bottom: 1mm !important;
            font-size: 8pt !important;
        }

    .a4-quarter-label-container .section-title {
        display: none !important;
    }

    /* Стилове за скица етикет (RoomSketchView.razor) */
    .room-sketch-print-container {
        width: 100% !important;           /* fill printable width */
        max-width: 190mm !important;      /* keep inside page margins */
        min-height: 257mm !important;     /* A4 height minus margins */
        margin: 0 auto !important;        /* center horizontally */
        padding: 10mm !important;         /* inner padding within max-width */
        box-shadow: none !important;
        border: none !important;
        background: white !important;
        page-break-after: always !important;
        font-family: 'Segoe UI', Arial, sans-serif !important;
        font-size: 9pt !important;
        box-sizing: border-box !important;
        display: block !important;
        position: relative !important;
    }

    .room-sketch-print-container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        align-items: center !important;
        display: flex !important;
    }

    .room-sketch-print-container .col-5,
    .room-sketch-print-container .col-7 {
        padding-left: 5mm !important;
        padding-right: 5mm !important;
        padding-top: 2mm !important;
        padding-bottom: 2mm !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
    }

    .room-sketch-print-container .qr-code-section {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .room-sketch-print-container .qr-code-section #qrcode-print {
        display: block !important;
        visibility: visible !important;
        width: 54mm !important;
        height: 54mm !important;
        margin: 0 auto !important;
        border: 1px solid #ccc !important;
        background: white !important;
    }

    .room-sketch-print-container .qr-code-section #qrcode-print canvas,
    .room-sketch-print-container .qr-code-section #qrcode-print img {
        display: block !important;
        margin: 0 auto !important;
        width: 50mm !important;
        height: 50mm !important;
        max-width: 50mm !important;
        border: none !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Fallback div styling */
    .room-sketch-print-container .qr-code-section #qrcode-print div {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 58mm !important;
        height: 58mm !important;
        border: 2px solid #000 !important;
        background: #f9f9f9 !important;
        font-size: 8pt !important;
        text-align: center !important;
        font-weight: bold !important;
    }

    .room-sketch-print-container .data-section {
        font-size: 10pt !important;
        line-height: 1.3 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .room-sketch-print-container .data-section h3 {
        font-size: 12pt !important;
        margin-bottom: 4mm !important;
        margin-top: 0 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        color: black !important;
        font-weight: bold !important;
    }

    .room-sketch-print-container .data-section .label-details p {
        margin-bottom: 2mm !important;
        font-size: 10pt !important;
        color: black !important;
        line-height: 1.2 !important;
    }

    .room-sketch-print-container .data-section .label-details p strong {
        font-weight: bold !important;
        color: black !important;
    }

    .room-sketch-print-container .card {
        border: none !important;
        box-shadow: none !important;
    }

    .room-sketch-print-container svg {
        border: 1px solid black !important;
        background: white !important;
    }

    /* center sketch wrapper and keep it inside content width */
    .room-sketch-print-container .print-sketch-wrapper {
        max-width: 170mm !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Special QR code visibility rules */
    @media print {
        .room-sketch-print-container {
            display: block !important;
            visibility: visible !important;
        }
        
        #qrcode-print {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        
        #qrcode-print canvas,
        #qrcode-print img {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
        }
        
        #qrcode-print div {
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
    }
}