/* ============================================================
   print.css — Receipt and ticket print styles
   ============================================================ */

/* ── SCREEN: hide print area ─────────────────────────────── */

.print-receipt {
    display: none;
}

/* ── PRINT ───────────────────────────────────────────────── */

@media print {

    /* Hide the entire app layout */
    .app-layout,
    .app-sidebar,
    .top-row,
    #blazor-error-ui {
        display: none !important;
    }

    /* Show the receipt */
    .print-receipt {
        display: block !important;
        font-family: Arial, sans-serif;
        font-size: 11pt;
        color: #000;
        background: #fff;
        padding: 1.5cm;
        max-width: 100%;
        position: fixed;
        inset: 0;
        z-index: 9999;
    }

    /* ── HEADER ────────────────────────────────────────────── */

    .receipt-header {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 2px solid #1a2236;
    }

    .receipt-logo {
        width: 44px;
        height: 44px;
        background: #1d4ed8;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 18pt;
        font-weight: 900;
        font-family: Arial, sans-serif;
        flex-shrink: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .receipt-company {
        font-size: 16pt;
        font-weight: 700;
        color: #1a2236;
        line-height: 1.1;
    }

    .receipt-doc-title {
        font-size: 10pt;
        color: #4b6aaa;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    /* ── META ROWS ─────────────────────────────────────────── */

    .receipt-meta {
        margin-bottom: 1.25rem;
    }

    .receipt-meta-row {
        display: flex;
        justify-content: space-between;
        padding: 0.25rem 0;
        border-bottom: 1px solid #e8eef8;
        font-size: 10pt;
    }

    .receipt-meta-label {
        color: #4b6aaa;
        font-weight: 600;
        min-width: 160px;
    }

    .receipt-meta-value {
        color: #1a2236;
        font-weight: 500;
        text-align: right;
    }

    /* ── SECTION TITLE ─────────────────────────────────────── */

    .receipt-section-title {
        font-size: 8pt;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #4b6aaa;
        margin: 1.25rem 0 0.5rem;
        padding-bottom: 0.25rem;
        border-bottom: 1px solid #dde4ef;
    }

    /* ── TABLE ─────────────────────────────────────────────── */

    .receipt-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 10pt;
        margin-bottom: 1rem;
    }

    .receipt-table th {
        background: #eef2fb;
        color: #3b5080;
        font-weight: 700;
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        padding: 0.4rem 0.5rem;
        border: 1px solid #d5ddef;
        text-align: center;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .receipt-table td {
        padding: 0.4rem 0.5rem;
        border: 1px solid #e2e8f4;
        text-align: center;
        color: #1a2236;
        vertical-align: middle;
    }

    .receipt-total-label {
        text-align: right !important;
        font-weight: 700;
        background: #f0f5ff;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .receipt-total-value {
        font-weight: 700;
        font-size: 12pt;
        color: #1d4ed8;
        background: #f0f5ff;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* ── FOOTER ────────────────────────────────────────────── */

    .receipt-footer {
        margin-top: 2rem;
        padding-top: 0.75rem;
        border-top: 1px solid #dde4ef;
        font-size: 8pt;
        color: #6b7a99;
        text-align: center;
    }

    @page {
        margin: 1cm;
    }
}