/* ============================================================
   HEXA — بەڵگەنامەی A4 (پسوڵەی فەرمی، دەرخستە، کەشفی حساب…)
   فایلی پەیوەندیدار: hexa.css (فۆنت) · hexa-print.css (شاردنەوەی
   چوارچێوەی بەرنامە لە چاپدا و گرێبەستی .rc-host)

   ⚠ هەموو چاپێکی A4 تەنها ئەم کلاسانە بەکاردەهێنێت، بۆ ئەوەی
     پسوڵە و دەرخستە و کەشفی حساب هەمان شێوەیان هەبێت.
     ڕەگ: <div class="rc-host doc-stage"><article class="doc">…</article></div>

   ⚠ ‏@page لێرەدا نییە بە ئەنقەست. ڕیزێکی گشتییە و ئەگەر لێرە
     دابنرێت وەسڵی ٥٨/٨٠ ملمیش دەکەوێتە سەر A4. کۆمپۆنێنتی
     DocPageRule تەنها لە کاتی پیشاندانی بەڵگەنامەی A4ـدا
     دەینووسێت (قەبارە، پەراوێز، ژمارەی لاپەڕە، ناسنامەی بەڵگە).

   ⚠ یەک ڕەنگ: دەق #000، پڕکردنەوە #E3E3E3، هێڵی ناوەوەی خشتە
     #707070. هیچ دەقی سپی لەسەر ڕەش — پرینتەری لەیزەری ئۆفیس
     خۆڵەمێشی ناڕێک دەدات.

   ⚠ ‏@font-face لێرەدا نییە — hexa.css خۆی Noto Sans Arabic دادەنێت.
   ============================================================ */

.doc {
    --doc-cap: #E3E3E3;      /* caption cells, table head, total rows */
    --doc-grid: #707070;     /* thin inner grid of tables */
    --doc-fs: 9.5pt;
    --doc-fs-sm: 8.5pt;
    --doc-fs-xs: 7.5pt;
    --doc-fs-lg: 11pt;
    --doc-hair: .2mm;
    --doc-box: .3mm;
    --doc-rule: .5mm;
    --doc-w: 190mm;          /* 210 - 2 x 10mm side margins */

    box-sizing: content-box;
    inline-size: var(--doc-w);
    margin: 0 auto;
    padding: 12mm 10mm 14mm;           /* = @page margins, so screen == paper */
    background: #fff;
    color: #000;
    direction: rtl;
    text-align: start;
    font-family: 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
    font-size: var(--doc-fs);
    line-height: 1.45;
    font-variant-numeric: tabular-nums;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
.doc.land { --doc-w: 277mm; }          /* A4 landscape: 297 - 2 x 10mm */
.doc *, .doc *::before, .doc *::after { box-sizing: border-box; }

/* numbers / codes / phones / dates: LTR island, never wraps */
.doc .n { direction: ltr; unicode-bidi: isolate; white-space: nowrap; font-variant-numeric: tabular-nums; }
/* mixed-script text: auto-direction island */
.doc bdi { unicode-bidi: isolate; }
.doc [hidden] { display: none !important; }

/* ── header: company | logo | document box ──────────────── */
.doc-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24mm minmax(0, 1fr);
    column-gap: 4mm;
    align-items: start;
    padding-block-end: 3mm;
    border-block-end: var(--doc-rule) solid #000;
}
.doc-co-name { font-size: 15pt; font-weight: 600; line-height: 1.25; }
.doc-co-legal { font-size: var(--doc-fs-sm); }
.doc-co-line { font-size: var(--doc-fs-sm); line-height: 1.5; }
.doc-logo { inline-size: 22mm; block-size: 22mm; justify-self: center; display: block; }
.doc-id {
    justify-self: end;
    inline-size: 66mm;
    border: var(--doc-box) solid #000;
}
.doc-title {
    background: var(--doc-cap);
    border-block-end: var(--doc-box) solid #000;
    text-align: center;
    font-size: 12pt;
    font-weight: 600;
    padding: 1mm 2mm;
}
.doc-title small { display: block; font-size: var(--doc-fs-xs); font-weight: 400; }
.doc-id dl {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 3mm;
    row-gap: .4mm;
    margin: 0;
    padding: 1.5mm 2.5mm;
    font-size: var(--doc-fs-sm);
}
.doc-id dt { font-weight: 400; }
.doc-id dd { margin: 0; text-align: left; font-weight: 600; }
.doc-id dd.key { font-size: 10.5pt; }

/* status stamp (rejected / draft) - border only, monochrome
   ⚠ margin-inline rule/2: سندوقێکی پانی تەواو کە هێڵی .5mm (1.89px)ـی
     هەیە، لێواری ڕاستی (inline-start لە RTL) ڕێک لەسەر سنووری ناوچەی
     چاپە (190mm = 718.11px). Chromium هێڵەکە بۆ 1px کەم دەکاتەوە و
     لە PDFدا لە دەرەوەی ناوچەکە دەکەوێت — هێڵی ڕاستی مۆرەکە نەدەچاپا
     (INV-2026-00004، render2). بە rule/2 هەردوو لا دەچاپێن؛ جیاوازی
     لەگەڵ هێڵی دەرەوەی خشتە .25mm ـە و نابینرێت. */
.doc-stamp {
    margin-block-start: 3mm;
    margin-inline: calc(var(--doc-rule) / 2);
    border: var(--doc-rule) solid #000;
    padding: 1.5mm 3mm;
    font-size: var(--doc-fs-lg);
    font-weight: 600;
    text-align: center;
}
.doc-stamp small { display: block; font-size: var(--doc-fs-sm); font-weight: 400; }

/* ── caption / value boxes ─────────────────────────────── */
.doc-fields {
    display: grid;
    grid-template-columns: 25mm minmax(0, 1fr) 25mm minmax(0, 1fr);
    gap: 1.4mm 2mm;
    margin-block: 3mm;
}
.doc-fields .cap,
.doc-grid .cap {
    background: var(--doc-cap);
    padding: 1mm 2mm;
    font-size: var(--doc-fs-sm);
    line-height: 1.35;
    min-block-size: 6mm;
}
.doc-fields .val,
.doc-grid .val {
    border: var(--doc-box) solid #000;
    padding: .9mm 2.5mm;
    min-block-size: 6mm;
    min-inline-size: 0;
    overflow-wrap: break-word;
    line-height: 1.35;
}
.doc-fields .val.wide { grid-column: span 3; }
.doc-fields .val.strong { font-weight: 600; }

/* ── tables ─────────────────────────────────────────────── */
.doc-table {
    /* collapsed outer border is centred on the table edge: half of it
       would fall into the page margin and be clipped, so inset it */
    inline-size: calc(100% - var(--doc-rule));
    margin-inline: calc(var(--doc-rule) / 2);
    table-layout: fixed;
    border-collapse: collapse;
    border: var(--doc-rule) solid #000;
    font-size: 9pt;
    margin-block-start: 3mm;
}
.doc-table thead { display: table-header-group; }
.doc-table th {
    background: var(--doc-cap);
    border: var(--doc-box) solid #000;
    padding: 1.1mm .8mm;
    font-size: var(--doc-fs-sm);
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
}
/* ⚠ پادینگ .8mm و line-height 1.3 (نموونەکە 1mm / 1.38 بوو): پسوڵەی
   فەرمی دێڕی «بەسەرچوون»ی ژێر ناوی کاڵای زیاد کرد، و پسوڵەی ٨ هێڵیی
   تاقیکردنەوە (INV-2026-00002) بە بەهاکانی نموونەکە ١-٢ ملم لە یەک
   پەڕە زیاتر بوو. ئەمە ~١٠ ملم دەگەڕێنێتەوە و هێشتا خوێندراوەیە. */
.doc-table td {
    border: var(--doc-hair) solid var(--doc-grid);
    padding: .8mm 1.4mm;
    vertical-align: middle;
    overflow-wrap: break-word;
    line-height: 1.3;
}
.doc-table td.num { text-align: right; }      /* LTR number: units digits line up */
.doc-table td.ctr { text-align: center; }
.doc-table td.code { text-align: center; font-size: 8pt; overflow-wrap: anywhere; }
.doc-table td .sub { display: block; font-size: var(--doc-fs-xs); line-height: 1.35; }
.doc-table td.strong, .doc-table td.strong .n { font-weight: 600; }
.doc-table tr { break-inside: avoid; }
.doc-table tr.sum td,
.doc-table tr.open td {
    background: var(--doc-cap);
    font-weight: 600;
}
.doc-table tr.sum td { border-block-start: var(--doc-rule) solid #000; }
.doc-table tr.sec td {                 /* section header row inside a table */
    background: var(--doc-cap);
    font-weight: 600;
    border-block: var(--doc-box) solid #000;
}

/* وردەکاری ڕیزێک (میزانیە: یەک ڕیز بۆ هەر شەریکێک…) — ناو بە
   پەراوێزەوە، بڕ لە ستوونی «وردەکاری»، فۆنتی بچووکتر */
.doc-table tr.part td { font-size: var(--doc-fs-sm); }
.doc-table tr.part td:first-child { padding-inline-start: 7mm; }
/* ڕیزێک کە دەبێت سفر بێت و نییە (میزانیە: «جیاوازی») — تاک ڕەنگ،
   بۆیە هێڵی ئەستوور + نووسینی ئەستوور، نەک ڕەنگ */
.doc-table tr.flag td {
    font-weight: 600;
    border-block: var(--doc-rule) solid #000;
}

/* ── money grid (caption + bordered value) ──────────────────
   ONE grid, groups side by side, rows shared, so the key
   (bold) row of every group sits on the same line.
   Columns per group: caption 30mm | value. Empty slots = <i></i>. */
.doc-grid {
    display: grid;
    grid-template-columns: repeat(var(--cols, 3), 30mm minmax(0, 1fr));
    gap: 1.1mm 1.4mm;
    margin-block-start: 3mm;
    margin-inline-end: -2.5mm;         /* last group: cancel its trailing gap */
}
.doc-grid .grp-h {
    grid-column: span 2;
    font-size: var(--doc-fs-sm);
    font-weight: 600;
    border-block-end: var(--doc-box) solid #000;
    padding-block-end: .3mm;
    margin-inline-end: 2.5mm;          /* visual gap between groups */
}
.doc-grid .val { text-align: right; margin-inline-end: 2.5mm; }
.doc-grid .cap.key { font-weight: 600; }
.doc-grid .val.key { font-weight: 600; font-size: var(--doc-fs-lg); border-width: var(--doc-rule); }
.doc-grid .asof { grid-column: span 2; font-size: var(--doc-fs-xs); margin-inline-end: 2.5mm; }
.doc-grid > i { display: block; }

.doc-words {
    display: grid;
    grid-template-columns: 40mm minmax(0, 1fr);
    gap: 1.4mm;
    margin-block-start: 2.5mm;
}
.doc-words .cap { background: var(--doc-cap); padding: 1mm 2mm; font-size: var(--doc-fs-sm); }
.doc-words .val { border: var(--doc-box) solid #000; padding: 1mm 2.5mm; font-weight: 600; }

.doc-note { margin-block-start: 2mm; font-size: var(--doc-fs-sm); }
.doc-h2 {                              /* section title above a table (item statement, balance sheet) */
    margin-block: 4mm 0;
    font-size: 10pt;
    font-weight: 600;
    border-block-end: var(--doc-box) solid #000;
    padding-block-end: .5mm;
}

/* ── signatures + footer ────────────────────────────────── */
.doc-sign {
    display: grid;
    grid-template-columns: repeat(var(--sign, 3), minmax(0, 1fr));
    column-gap: 14mm;
    margin-block-start: 11mm;
    text-align: center;
    font-size: var(--doc-fs-sm);
}
.doc-sign > div { border-block-start: var(--doc-box) solid #000; padding-block-start: 1mm; }

.doc-notice { margin-block-start: 3mm; text-align: center; font-weight: 600; font-size: var(--doc-fs-sm); }
.doc-foot {
    margin-block-start: 2mm;
    padding-block-start: 1.2mm;
    border-block-start: var(--doc-hair) solid #000;
    font-size: var(--doc-fs-xs);
    display: flex;
    justify-content: space-between;
    gap: 6mm;
}
/* ⚠ سەرەتا (چاپ: …) و کۆتایی (ژمارەی بەڵگە) بە قەبارەی ناوەڕۆکیانن؛
     پەیامی ناوەڕاست ئەوەی دەمێنێتەوە دەیگرێت (هەرگیز کەمتر لە ٣٠٪).
     پێشتر سەرەتا «ئیستیلامکراو»ـیشی لە هەمان دێڕدا بوو، درێژ دەبوو و
     پەیامەکە بە بێهۆ دەشکا («سوپاس بۆ» / «متمانەتان.»). */
.doc-foot > :first-child { flex: 0 1 auto; }
.doc-foot .msg { flex: 1 1 0; min-inline-size: 30%; text-align: center; }
/* ⚠ ژمارەی بەڵگە (کۆتایی) و بەروار/کاتەکانی سەرەتا هەرگیز ناشکێن —
   «INV-2026-» / «00001» لەسەر دوو دێڕ ناخوێندرێتەوە. */
.doc-foot > :last-child { flex: 0 0 auto; white-space: nowrap; }
.doc-foot bdi,
.doc-foot .nw { white-space: nowrap; }
/* «ئیستیلامکراو: …» — دێڕی خۆی، نەک درێژکردنەوەی دێڕی چاپ */
.doc-foot .extra { display: block; }

/* everything after the table moves as one block */
.doc-end { break-inside: avoid; page-break-inside: avoid; }

/* ── A4 ئاسۆیی: بۆشایی ستوونی چڕتر ──────────────────────────
   ⚠ پەڕەی ئاسۆیی تەنها ١٨٦ملم بەرزی ناوەڕۆکی هەیە (٢١٠ − ١٢ − ١٢)،
     و سەردێڕ + خانەکان + گرید پێش خشتەکە ~١٠٠ملم دەگرن. دەرخستەی
     بابەتی ٨ ڕیزی (DEMO-B8K-LEM، فرۆشتن) ١٨٨.٨ملم بوو لە ١٨٤ملمی
     پێشوو — تەنها پێدێڕ (دواتر: کلکی خشتە) دەچووە پەڕەی ٢. بۆشاییەکانی
     نێوان بەشەکان لێرەدا ~١ملم کەمترن و پەراوێزی خوارەوە ١٢ملمە
     (DocPageRule) — دەرخستەی کورت لە یەک پەڕەدا جێی دەبێتەوە.
     تەنها ئاسۆیی؛ پسوڵە و کەشفی حسابی ستوونی دەستیان لێنەدراوە. */
.doc.land .doc-head { padding-block-end: 2mm; }
.doc.land .doc-fields { margin-block: 2mm; }
.doc.land .doc-grid { margin-block-start: 2mm; }
.doc.land .doc-h2 { margin-block-start: 2.5mm; }
.doc.land .doc-table { margin-block-start: 2mm; }
.doc.land .doc-table.doc-subtable { margin-block-start: 0; }

/* ── کلکی خشتە: دوایین هێڵەکان + ڕیزی کۆ + .doc-end پێکەوە ─────
   ⚠ پەڕەی کۆتایی هەرگیز تەنها کۆکان نییە. .doc-end نزیکەی ٨٠ملمە؛
     پێشتر ئەگەر لە دوای خشتەکە جێی نەبوایە، بە تەنها دەچووە پەڕەیەکی
     نوێ — بێ هیچ ڕیزێکی خشتە و بێ سەردێڕی ستوونەکان.
   ⚠ بۆچی ڕیزێکی ناوەکی و خشتەیەکی ناوەکی (DocTailTable)، نەک
     break-before/break-inside: avoid — لە Edge/Chromium 154 تاقیکرایەوە:
       · break-inside: avoid لەسەر <tbody> فەرامۆش دەکرێت؛
       · break-before: avoid لەسەر .doc-end ناتوانێت بگەڕێتەوە ناو
         خشتەکە بۆ شکاندنی پێشتر — لەبری ئەوە .doc-endـی لەت دەکرد.
     تاکە شتێک کە Chromium هەمیشە ڕێزی دەگرێت: یەک <tr> لەسەر دوو
     پەڕە دابەش نابێت. بۆیە دوایین ٣ هێڵ + کۆ (لە خشتەیەکی ناوەکیدا بە
     هەمان colgroup) و .doc-end هەموویان لە یەک خانەی کۆتاییدان. ئەگەر
     جێی نەبێتەوە هەمووی پێکەوە دەچێتە پەڕەی داهاتوو، و thead لەوێ
     دووبارە دەبێتەوە.
   ⚠ هێڵەکان: خانەی کلک خۆی هیچ هێڵێکی نییە (لاکان و خوارەوە hidden —
     هێڵی دەرەوەی خشتە لەو ڕیزەدا ناکێشرێت؛ سەرەوە none — هێڵی ڕیزی
     سەرەوە/thead دەمێنێت). خشتە ناوەکییەکە هێڵی لاکانی خۆی دەکێشێت؛
     سەری hiddenـە بۆ ئەوەی هێڵێکی ئەستووری ناوەڕاست نەبێت.
   ⚠ پانی: خانەکە rule/2 لە خشتەی دەرەوە تەسکترە (نیوەی هێڵی دەرەوە)،
     بۆیە خشتە ناوەکییەکە rule/2 پانتر و rule/4 لە هەر لایەک دەردەچێت —
     بە پیکسڵ پشکنرا (PDF، ١٢٤٠px): هەموو هێڵە ستوونییەکانی کلک ڕێک
     لەسەر هێڵەکانی thead و ڕیزەکانی سەرەوەن. ‏rule/2 لە هەر لایەک
     هێڵی لای ڕاستی دەسڕییەوە؛ بێ پانکردن هێڵەکان ١–٢px لادەدان. */
.doc-table td.doc-tail-cell {
    padding: 0;
    border-inline: hidden;
    border-block-end: hidden;
    border-block-start-style: none;
    vertical-align: top;
    text-align: start;
    overflow-wrap: normal;
    font-size: var(--doc-fs);
    line-height: 1.45;
    background: none;
}
.doc-table.doc-subtable {
    inline-size: calc(100% + var(--doc-rule) / 2);
    margin: 0 calc(var(--doc-rule) / -4);
    border-block-start: hidden;
}

/* ── screen: looks like a sheet ─────────────────────────── */
@media screen {
    .doc-stage { background: var(--hexa-bg, #F4F5F7); padding: 1rem; overflow-x: auto; }
    /* چوارچێوەکە box-shadowـە نەک border، بۆ ئەوەی پانی پەڕەکە لەسەر
       شاشە ڕێک ٢١٠ ملم بێت (هەمان کاغەز) */
    .doc { box-shadow: 0 0 0 1px #E3E6EC, 0 1px 2px rgba(12,14,20,.10), 0 8px 24px rgba(12,14,20,.10); }
    /* ئاسۆیی: پەراوێزی خوارەوەی @page ١٢ملمە (DocPageRule) — تەنها شاشە،
       لە چاپدا .doc هیچ پادینگێکی نییە */
    .doc.land { padding-block-end: 12mm; }

    /* ⚠ شاشەی تەسک (سەنمی ٤١٢px): پەڕەی ٢١٠ملم بچووک دەکرێتەوە تا
         جێی ببێتەوە — پێشتر نوێنەر تەنها ~٤٠٪ی لای ڕاستی دەبینی (کۆمپانیا،
         کڕیار، کۆد) و بڕ، کۆ، قەرز و باڵانس لە دەرەوەی شاشە بوون.
         هەرگیز گەورەتر ناکرێت (min 1). تەنها شاشە — چاپ دەستی لێنادرێت.
       ⚠ ‏@supports: وێبگەڕی کۆن (بێ cqi یان بێ دابەشکردنی درێژی بە
         درێژی) وەک پێشوو دەمێنێتەوە: پەڕەی تەواو + سکرۆڵی ئاسۆیی. */
    @supports (zoom: min(1, calc(100cqi / 210mm))) {
        .doc-stage { container-type: inline-size; }
        .doc { zoom: min(1, calc(100cqi / 210mm)); }
        .doc.land { zoom: min(1, calc(100cqi / 297mm)); }
    }
}

/* ── print ──────────────────────────────────────────────── */
@media print {
    html, body { margin: 0; padding: 0; background: #fff; }
    .doc-stage { padding: 0; background: #fff; overflow: visible; }
    .doc { inline-size: auto; padding: 0; margin: 0; border: 0; box-shadow: none; }
}

/* ── تەنها لە چاپدا ───────────────────────────────────────
   بۆ شاشەیەک کە ڕووکاری خۆی هەیە (وەک میزانیە) و تەنها
   بەڵگەنامەکەی بۆ چاپە. */
.doc-print-only { display: none; }

@media print {
    .doc-print-only { display: block; }
}