/* ============================================================
   پسوڵەی فەرمی — A4

   ⚠ ⚠ ئەمە **جیایە** لە hexa-print.css. ئەوی تر بۆ وەسڵی
     حەراری (٥٨/٨٠ ملم)ـە و هەموو درێژییەکانی بە یەکەی
     خاڵی چاپکەرن (--rc-u). تێکەڵکردنیان هەردووکیان دەشکێنێت.

     · وەسڵی حەراری  → کلاسی .rc   ·  hexa-print.css
     · پسوڵەی A4     → کلاسی .a4   ·  ئەم فایلە

     تەنها یەکێکیان لە هەر کاتێکدا لە DOMـدایە — شاشەکە بەپێی
     هەڵبژاردەی کاغەز یەکێکیان ڕێندەر دەکات.

   ⚠ ⚠ ‏@page لێرەدا **دانانرێت**.
     ‏@page ڕیزێکی گشتییە و ناتوانرێت بە کلاس سنووردار بکرێت،
     بۆیە ئەگەر لێرەدا `size: A4` دابنرێت، وەسڵی حەراریش
     دەکەوێتە سەر A4 و کاغەزی ڕۆڵ فەڕان دەکات.
     لەبری ئەوە شاشەکە خۆی <style>ـێکی کاتی ڕێندەر دەکات
     تەنها کاتێک A4 هەڵبژێردرابێت. بڕوانە SalesInvoiceView.razor.
   ============================================================ */

/* ── لەسەر شاشە: پێشبینین ──────────────────────────────── */
.a4 {
    /* ⚠ ٢١٠ملم − ٢×١٢ملم پەراوێزی @page = ١٨٦ملم ناوەڕۆک.
       لەسەر شاشە بە پیکسڵ نیشان دەدرێت بۆ پێشبینین. */
    inline-size: 186mm;
    max-inline-size: 100%;
    margin-inline: auto;

    background: #fff;
    color: #111;
    padding: 10mm;
    border: 1px solid var(--hexa-border, #E3E6EC);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(12, 14, 20, .08);

    font-size: 10.5pt;
    line-height: 1.5;
    direction: rtl;
    text-align: right;
}

/* ── سەردێڕ ─────────────────────────────────────────────── */
.a4-head {
    display: flex;
    align-items: flex-start;
    gap: 8mm;
    padding-block-end: 4mm;
    border-block-end: 2px solid #111;
}

.a4-biz { flex: 1 1 auto; min-inline-size: 0 }

.a4-biz .name {
    font-size: 16pt;
    font-weight: 600;
    line-height: 1.25;
}

.a4-biz .legal {
    font-size: 9pt;
    color: #444;
}

.a4-biz .contact {
    font-size: 8.5pt;
    color: #444;
    margin-block-start: 1.5mm;
    line-height: 1.6;
}

/* بلۆکی ژمارە و بەروار */
.a4-doc {
    flex: 0 0 auto;
    text-align: center;
    border: 1.5px solid #111;
    border-radius: 3px;
    padding: 2.5mm 4mm;
    min-inline-size: 45mm;
}

.a4-doc .kind {
    font-size: 11pt;
    font-weight: 600;
    padding-block-end: 1.5mm;
    margin-block-end: 1.5mm;
    border-block-end: 1px solid #999;
}

.a4-doc .row {
    display: flex;
    justify-content: space-between;
    gap: 4mm;
    font-size: 9pt;
}

.a4-doc .row span:first-child { color: #555 }

/* ── زانیاری کڕیار ──────────────────────────────────────── */
.a4-party {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3mm 8mm;
    margin-block: 4mm;
    font-size: 9.5pt;
}

.a4-party .f {
    display: flex;
    gap: 2mm;
}

.a4-party .f > span:first-child {
    color: #555;
    flex: 0 0 20mm;
}

.a4-party .f > span:last-child {
    font-weight: 600;
    min-inline-size: 0;
    word-break: break-word;
}

/* ── خشتەی هێڵەکان ──────────────────────────────────────── */
.a4-lines {
    inline-size: 100%;
    border-collapse: collapse;
    font-size: 9.5pt;
    margin-block-start: 2mm;
}

.a4-lines th {
    background: #F0F1F5;
    border: 1px solid #B8BCC7;
    padding: 1.8mm 2mm;
    font-weight: 600;
    font-size: 9pt;
    text-align: right;
}

.a4-lines td {
    border: 1px solid #D2D5DD;
    padding: 1.8mm 2mm;
    vertical-align: top;
}

.a4-lines .n { text-align: left; font-variant-numeric: tabular-nums; white-space: nowrap }
.a4-lines .c { text-align: center; font-variant-numeric: tabular-nums; white-space: nowrap }
.a4-lines .idx { text-align: center; color: #555; inline-size: 8mm }

.a4-lines tbody tr:nth-child(even) td { background: #FAFAFC }

.a4-gift {
    font-size: 8.5pt;
    color: #0E7C6E;
}

/* ── کۆکان ──────────────────────────────────────────────── */
.a4-foot {
    display: flex;
    gap: 8mm;
    align-items: flex-start;
    margin-block-start: 4mm;
}

.a4-words {
    flex: 1 1 auto;
    min-inline-size: 0;
    border: 1px solid #D2D5DD;
    border-radius: 3px;
    padding: 2.5mm 3mm;
    font-size: 9pt;
    background: #FAFAFC;
}

.a4-words .lbl { color: #555; font-size: 8.5pt }
.a4-words .val { font-weight: 600; line-height: 1.6 }

.a4-sums {
    flex: 0 0 auto;
    min-inline-size: 62mm;
}

.a4-sums .row {
    display: flex;
    justify-content: space-between;
    gap: 6mm;
    padding: 1.4mm 3mm;
    font-size: 9.5pt;
    font-variant-numeric: tabular-nums;
}

.a4-sums .row + .row { border-block-start: 1px solid #E2E4EA }

.a4-sums .row.total {
    background: #111;
    color: #fff;
    font-size: 11pt;
    font-weight: 600;
    border-radius: 3px;
    margin-block-start: 1mm;
    padding: 2.2mm 3mm;
}

/* ── واژۆ ───────────────────────────────────────────────── */
.a4-sign {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10mm;
    margin-block-start: 12mm;
    font-size: 9pt;
    text-align: center;
}

.a4-sign .box {
    border-block-start: 1px solid #111;
    padding-block-start: 1.5mm;
    color: #444;
}

.a4-note {
    margin-block-start: 6mm;
    padding-block-start: 2mm;
    border-block-start: 1px solid #E2E4EA;
    font-size: 8.5pt;
    color: #555;
    text-align: center;
}

/* ── کاتی چاپکردن ───────────────────────────────────────── */
@media print {

    .a4 {
        /* پەراوێزەکە لە @pageـەوە دێت، نەک لێرەوە */
        inline-size: auto;
        max-inline-size: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;

        /* ⚠ هەرگیز overflow: hidden — دوایین هێڵی خشتەکە دەبڕێت */
        overflow: visible;
    }

    /* ⚠ ⚠ ئەمە گرنگترین ڕیزی ئەم فایلەیە.
       بەبێ ئەو، پسوڵەیەکی دوو پەڕەیی سەردێڕی خشتەکەی تەنها
       لەسەر پەڕەی یەکەم دەبێت و پەڕەی دووەم ستوونە
       بێ‌ناوەکانی دەبێت. */
    .a4-lines thead { display: table-header-group }
    .a4-lines tfoot { display: table-footer-group }

    /* هێڵێک لە نێوان دوو پەڕەدا نابڕدرێت */
    .a4-lines tr { break-inside: avoid; page-break-inside: avoid }

    /* کۆکان و واژۆ پێکەوە دەمێننەوە */
    .a4-foot, .a4-sign { break-inside: avoid; page-break-inside: avoid }

    /* ⚠ ڕەنگی پاشبنەما لە چاپدا بە بنەڕەت لادەبرێت. ئەمە
       داوا دەکات کە بمێنێتەوە — بەبێ ئەو، ڕیزی «کۆی دوایی»
       دەقی سپی لەسەر پاشبنەمای سپی دەبێت و نەبینراو دەبێت. */
    .a4-lines th,
    .a4-lines tbody tr:nth-child(even) td,
    .a4-words,
    .a4-sums .row.total {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}