/* ============================================================
   HEXA — ستایلی چاپی پسوولەی گەرمی (Thermal Receipt)
   فایلی پەیوەندیدار: hexa.css (تۆکن) · hexa-desktop.css (چوارچێوە)
   ============================================================ */

/* ============================================================
   ⚠ ⚠  یەکەم شت کە دەبێت بیزانیت — سەنمی و window.print()  ⚠ ⚠
   ------------------------------------------------------------
   ‏window.print() لەم بەرنامەیەوە **ناگاتە** چاپکەرە ناوەکییەکەی
   ئامێری سەنمی (V2 / V2 Pro / V2s / V3 / T2). ئەمە گریمانە نییە،
   دوو ڕێگری سەربەخۆن کە لەسەر یەکەوە دانراون:

     ١. چاپکەرە ناوەکییەکە لە چوارچێوەی چاپی ئەندرۆیددا تۆمار
        نەکراوە. خزمەتگوزارییەکی بەستراوی AIDLـە —
        ‏woyou.aidlservice.jiuiv5.IWoyouService (یان SDKـی نوێتری
        ‏com.sunmi.printerx) — و هەرگیز وەک «مەبەستی چاپ» لە
        دیالۆگی چاپی ئەندرۆیددا دەرناکەوێت. هیچ HTTP، هیچ
        سۆکێتی لۆکاڵ، هیچ USB/serial و هیچ ڕووکارێکی تر نییە
        کە وێبگەڕ بتوانێت دەستی لێبدات.

     ٢. سەربەخۆ لەوەش: android.webkit.WebView خۆی
        ‏window.print() جێبەجێ ناکات. بانگکردنەکە بێدەنگ هیچ
        ناکات، مەگەر بەرنامەی میوان خۆی
        ‏createPrintDocumentAdapter() + PrintManager بەکاربهێنێت.

   کەواتە لەسەر ئەندرۆید/سەنمی پێویستمان بە پردێکی نەیتیڤە:
   شێڵێکی تەنکی WebView + @JavascriptInterface کە printBitmap
   بانگ دەکات. ئەو بڕیارە هێشتا نەدراوە، بەڵام ئەم فایلە
   بۆ هەردوو ڕێگاکە ئامادەیە.

   ✔ لەسەر ویندۆز (WPF + WebView2) window.print() **کاردەکات** و
     بۆ هەر چاپکەرێکی درایڤەری ویندۆز دەچاپێنێت. واتا نیوەی
     دێسکتۆپی بەرنامەکە هیچ کێشەی نییە — تەنها نیوەی سەنمی
     پێویستی بە SDK هەیە. ئەم نایەکسانییە لەبیر بێت.

   بۆیە ئەم ستایلە دوو ئەرک دەبینێت بە هەمان مارکئەپ:
     · @media print  → ڕێگای ڕاستەوخۆی چاپ (WebView2/ویندۆز، و
                        دیالۆگی چاپی وێبگەڕ وەک پێشبینین)
     · دۆخی شاشە     → تەختەیەکی چەسپاوی ٣٨٤ خاڵ کە ڕاستەرکەری
                        سێرڤەر (headless Chromium) وێنەی لێدەگرێت
                        و دەیکات بە PNGـێکی ١ـبیتی ٣٨٤ خاڵ.
                        ئەو PNGـە ئەوەیە کە دەنێردرێتە printBitmap.

   ⚠ کوردی هەرگیز بە «دۆخی دەق»ی ESC/POS مەچاپێنە. کۆدپەیجەکانی
     ناو فێرمـوێری چاپکەر (CP864 و هاوشێوەکانی) پیتەکانی
     ‏ڕ ڵ ێ ۆ ڤ گ چ پ ژ ناناسن و بەستنی پیتەکان (shaping) ناکەن.
     دەرئەنجامەکەی نەخوێندراوەیە. هەمیشە وەک وێنە بنێرە —
     لە دۆخی وێنەدا کۆدپەیجی چاپکەر هیچ ڕۆڵێکی نییە، چاپکەر
     تەنها ئەو خاڵانە دەچاپێنێت کە دەیاننێریت، و بەستنی پیت
     دەبێتە کێشەی وێبگەڕ — نەک کێشەی چاپکەر.
   ============================================================ */

/* ============================================================
   سیستەمی پێوانە — «یەک خاڵ»ی چاپکەر
   ------------------------------------------------------------
   چاپکەرەکە ٢٠٣dpiـە، واتا **بە تەواوی ٨ خاڵ لە هەر ملم**.
     ٥٨ملم ڕۆڵ → ٤٨ملم چاپکراو → ٤٨ × ٨ = ٣٨٤ خاڵ
     ٨٠ملم ڕۆڵ → ٧٢ملم چاپکراو → ٧٢ × ٨ = ٥٧٦ خاڵ

   کێشەکە: دوو سیستەمی پێوانەمان هەیە کە یەک نین —
     · بۆ ڕاستەرکەر، ١ CSS px دەبێت = ١ خاڵ (وێنەگرتن لە ٣٨٤px)
     · بۆ چاپی ڕاستەوخۆی وێبگەڕ، px بە ١/٩٦ ئینچ دەژمێردرێت،
       نەک بە خاڵی چاپکەر. ئەگەر بە px بنووسین و پاشان
       ‏width: 48mm دابنێین، دەقەکە دوو ئەوەندە گەورە دەبێت و
       ڕووکارەکە دەتەقێتەوە.

   ⚠ چارەسەر: هیچ درێژییەک بە ژمارەی ڕەق نانووسرێت. هەموویان
     بە `calc(N * var(--rc-u))`ـن، کە N ژمارەی خاڵە و --rc-u
     قەبارەی یەک خاڵە:
        شاشە/ڕاستەر →  --rc-u: 1px      (١ خاڵ = ١ پیکسڵ)
        چاپ         →  --rc-u: 0.125mm  (١ خاڵ = ١/٨ ملم)
     بەم شێوەیە هەمان مارکئەپ لە هەردوو دۆخدا هەمان ڕێژە
     دەدات، و ٨٠ملم تەنها گۆڕینی یەک ژمارەیە (--rc-dots).

   ⚠ فۆنت لەگەڵ پانی ڕۆڵەکە **ناگۆڕێت**. ٢٤ خاڵ = ٣ملم لەسەر
     هەردوو ڕۆڵ، چونکە dpi هەمانە. لە ٨٠ملمدا تەنها ستوونەکان
     پانتر دەبن، نەک پیتەکان.
   ============================================================ */


.rc {
    /* ── تۆکنی سەرەکی ────────────────────────────────────── */

    /* پانی تەختەکە بە خاڵ. ٥٨ملم = ٣٨٤ · ٨٠ملم = ٥٧٦ */
    --rc-dots: 384;

    /* قەبارەی یەک خاڵ. لە @media print دا دەگۆڕدرێت. */
    --rc-u: 1px;

    /* پەراوێزی نەچاپکراوی ڕۆڵەکە، بە خاڵ.
       ٥٨ملم کاغەز − ٤٨ملم چاپکراو = ١٠ملم ÷ ٢ = ٥ملم = ٤٠ خاڵ */
    --rc-pad: 40;

    /* قەبارەی دەق بە خاڵ — ژمارەی سادە، بێ یەکە.
         خاڵ → ملم → pt
         18  → 2.25 → ≈6.4   کاتی چاپ، «تا …» — بچووکترین قەبارە
         20  → 2.5  → ≈7.1   ناونیشان، زیادەی هێڵ، واژوو، پێدێڕ
         22  → 2.75 → ≈7.8   بەهای مێتا، تەلەفۆن، بڕ × نرخ
         24  → 3.0  → ≈8.5   ناوی کاڵا، کۆکان، کۆی هێڵ (600)
         32  → 4.0  → ≈11.3  ناوی کۆمپانیا، کۆی سەرەکی (600)
       ⚠ لە ١٨ خاڵ بچووکتر مەکە — نوقتەی پیتی کوردی لە ٨ خاڵ/ملمدا
         ون دەبێت. */
    --rc-fs: 24;
    --rc-fs-sm: 20;
    --rc-fs-xs: 18;
    --rc-fs-md: 22;
    --rc-fs-lg: 32;

    /* ستوونی پارە بە خاڵ — هاوبەش لە نێوان کۆی هێڵ (.rc-line .t) و
       کۆکان/قەرز (.rc-sum dd)، بۆ ئەوەی هەموو بڕەکان لەسەر یەک هێڵی
       ستوونی کۆتایی بێن (یەکەکان لەژێر یەکەکان).
       پێوراو (Edge 154، ٥٨ملم):
         · «15,153,500» بە ٣٢ خاڵی ئەستوور = ١٦٤ خاڵ؛ «150,000,000» = ١٨٣.
         · درێژترین ناونیشان «قەرزی ئەم پسوڵەیە» (٢٤ خاڵ، ئەستوور) = ١٩١
           + ١٢ بۆشایی = ٢٠٣ — ٣٨٤ − ١٧٦ = ٢٠٨ لە یەک دێڕدا جێی دەکاتەوە.
       بڕی ٩ ژمارەیی (١٠٠ ملیۆن+) ستوونەکە تەنها بۆ ئەو گریدە ~٧ خاڵ
       پان دەکاتەوە (minmax) — هەرگیز تێکەڵ نابێت. */
    --rc-amt: 176;

    /* هێڵ. ١ خاڵ لە هەندێک وێبگەڕدا لە چاپدا ون دەبێت،
       بۆیە هێڵی سەرەکی ٢ خاڵە (٠.٢٥ملم) — هێشتا تەنکە. */
    --rc-hair: calc(1 * var(--rc-u));
    --rc-rule: calc(2 * var(--rc-u));

    /* ⚠ فۆنت: hexa.css فۆنتی 'Noto Sans Arabic' لە
       ‏wwwroot/fonts دادەنێت. بڕوا بە فۆنتی ئامێرەکە مەکە —
       ئەگەر پیتی ڕ ڵ ێ ۆ ڤ تێدا نەبێت، سندوقی بەتاڵ (tofu) دەچاپێت. */
    --rc-font: 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;

    /* ── چوارچێوەی تەختەکە ───────────────────────────────── */

    /* ⚠ لە hexa.cssدا `* { box-sizing: border-box }` هەیە. ئەگەر
       لێرەدا نەگۆڕدرێت، پەراوێزی ٤٠ خاڵ لە ناو ٣٨٤ـەکەوە
       دەبڕدرێت و ناوەڕۆکەکە دەبێتە ٣٠٤ خاڵ. */
    box-sizing: content-box;
    inline-size: calc(var(--rc-dots) * var(--rc-u));
    padding-inline: calc(var(--rc-pad) * var(--rc-u));
    padding-block: calc(12 * var(--rc-u));
    margin-inline: auto;

    /* ⚠ ڕەنگی بەرنامەکە (--hexa-*) هەرگیز نایەتە ناو پسوولەوە.
       چاپکەری گەرمی ١ـبیتە: ڕەشی ڕەق یان هیچ. */
    background: #fff;
    color: #000;

    direction: rtl;
    text-align: start;
    font-family: var(--rc-font);
    font-size: calc(var(--rc-fs) * var(--rc-u));

    /* ⚠ ١.٤ کەمترینە بۆ کوردی. کەمتر لەوە، نوقتەکانی ب/ت/پ و
       هێڵی ژێرەوەی ـڕ/ـڵ لەگەڵ دێڕی سەرەوە/خوارەوە تێکەڵ دەبن. */
    line-height: 1.45;

    /* ژمارەکان دەبێت لە ستووندا لەسەر یەکەوە ڕێک بن */
    font-variant-numeric: tabular-nums;

    /* ⚠ کوردی لەناو وشەدا نابڕدرێت. */
    hyphens: none;

    /* ⚠ پێشگری -webkit- بمێنێتەوە — WebViewـی کۆنی ئەندرۆید
       تەنها ئەوە دەناسێت. */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;

    text-shadow: none;
    box-shadow: none;
}

/* پانی ٨٠ملم — تەنها یەک شوێن دەگۆڕێت. فۆنت ناگۆڕێت (هەمان dpi)،
   تەنها پانی دێڕ زیاد دەبێت.
   ⚠ هەندێک درایڤەر دۆخێکی «٨٠ملم (٥١٢ خاڵ)»ی گونجاندن پیشان
     دەدات کە تەنها ٦٤ملم دەچاپێنێت. پێش کالیبرەکردن دڵنیا بە
     ئامێرەکە لە چ دۆخێکدایە. */
.rc.w80 {
    --rc-dots: 576;
    --rc-pad: 32;      /* ٨٠ − ٧٢ = ٨ملم ÷ ٢ = ٤ملم = ٣٢ خاڵ */
    --rc-amt: 200;     /* «1,500,000,000» بە ٣٢ خاڵ */
}

/* ⚠ سێبەر و ڕەنگی بەرنامە لە هەموو ناوەوەکەیدا دەسڕدرێنەوە.
   هیچ عەنسورێک لەناو .rc ـدا پاشبنەمای ڕەش یان ڕەنگاوڕەنگی نییە. */
.rc *,
.rc *::before,
.rc *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000;
    background-color: transparent;
}

/* ============================================================
   ئاراستە و ژمارە — ⚠ گرنگترین بەشی فایلەکە
   ------------------------------------------------------------
   کێشەکە ژمارەکان نین. کێشەکە پیتە بێلایەنەکانن — × = ( ) و
   خاڵی کۆتایی — کە ئاراستەیان لە دەوروبەریانەوە وەردەگرن و
   دەچنە لای هەڵەی ژمارەکە.

   ⚠ چارەسەر: هەر ژمارەیەک دوورگەیەکی LTRی جیاکراوەیە
     (<span class="rc-num">)، و هەر دەقێکی تێکەڵ (ناوی کڕیار،
     ناوی کاڵا، ناونیشان) بە کۆمپۆنێنتی BidiText تێدەپەڕێت کە
     پارچە لاتینی/ژمارەییەکان دەخاتە <bdi dir="ltr">ـەوە. بەم
     شێوەیە «(Super Market Bros.)» خاڵەکەی لە جێی خۆی دەمێنێت.

   ⚠ isolate بەکاربهێنە، نەک embed. RLM/LRMی نەبینراو بەناو
     دەقەکەدا مەوەرێنە — لە کۆپی/پەیستدا دەمێنێتەوە.
   ============================================================ */

.rc bdi {
    unicode-bidi: isolate;
}

/* دوورگەی LTRی ڕەق — بۆ پارە، بڕ، ژمارەی پسوولە، بەروار، کات. */
.rc bdi[dir="ltr"],
.rc .rc-num {
    direction: ltr;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
}

/* ژمارە هەرگیز ناشکێت؛ پارچەی لاتینی ناو ناوی کاڵا دەتوانێت
   لە بۆشاییدا بشکێت (ناوێکی درێژی لاتینی نابێت لە ٤٨ملم دەربچێت). */
.rc .rc-num { white-space: nowrap; }

/* پارچەیەکی نەشکاو، بۆ نموونە «· 0750 000 0101» — جیاکەرەوە هەرگیز
   بە تەنها لە کۆتایی دێڕدا نامێنێت. */
.rc .nw { white-space: nowrap; }

/* ============================================================
   سەری پسوولە — ناوی کۆمپانیا، تەلەفۆن، ناونیشان، جۆری بەڵگە
   ⚠ ناوی کۆمپانیا لە ڕێکخستنی کۆمپانیاوە دێت، هەرگیز هاردکۆد
     ناکرێت. هیچ لۆگۆ و هیچ بارێکی ڕەش لەسەر وەسڵی گەرمی نییە.
   ============================================================ */

.rc-head { text-align: center; }

/* ⚠ پیتی «ڕ» (ڕ، کڕیار، گەڕاوە، ڕەتکراوە) — Noto Sans Arabic:
     ‏ascent 1.37em، descent 0.74em؛ «v»ی ژێر ڕ تا 0.474em لە خوار هێڵی
     بنەڕەت دەڕوات (قووڵترین پیت — ج 0.40، پ 0.35). بە line-height L،
     بۆشایی خوار هێڵی بنەڕەت لەناو قوتووی دێڕ = (L − 0.63) ÷ 2 em:
       1.25 → 0.31em · 1.3 → 0.335em · 1.45 → 0.41em
     بۆیە ڕ لە هەموو دێڕێکدا کەمێک دەردەچێت؛ هەر شوێنێک کە هێڵ یان
     دێڕێکی تر ڕاستەوخۆ لە ژێریدایە دەبێت بۆشایی زیادەی هەبێت:
       · .biz (32، 1.25) → 1.45
       · مۆر: دێڕی دووەم ٦ خاڵ دوورتر، پادینگی خوارەوە ٦
       · .rc-sum .key (32، 1.3، هێڵی ژێر) → 1.45 + پادینگی خوارەوە ٥
     پێشتر «ڕەتکراوە»ی کۆی سەرەکی هێڵی ژێری دەبڕی و «v»ی مۆرەکە
     دەکەوتە سەر «16:23»ی کاتی ڕەتکردنەوە (INV-2026-00004، render2).
     کۆی زیادبوونی درێژی وەسڵ: ~٢–٤ملم. */
.rc-head .biz {
    font-size: calc(var(--rc-fs-lg) * var(--rc-u));
    font-weight: 600;
    line-height: 1.45;
}

.rc-head .tel  { font-size: calc(var(--rc-fs-md) * var(--rc-u)); }
.rc-head .addr { font-size: calc(var(--rc-fs-sm) * var(--rc-u)); }

.rc-head .kind {
    margin-block-start: calc(8 * var(--rc-u));
    padding-block: calc(3 * var(--rc-u));
    border-block: var(--rc-rule) solid #000;
    font-size: calc(var(--rc-fs) * var(--rc-u));
    font-weight: 600;
}

/* «ڕەتکراوە» / «ڕەشنووس» — تەنها چوارچێوە، نەک پاشبنەمای ڕەش */
.rc-head .stamp {
    margin-block-start: calc(8 * var(--rc-u));
    border: calc(3 * var(--rc-u)) solid #000;
    /* خوارەوە ٦: «ڕەشنووس — …» بە ڕ دەست پێدەکات و تاکە دێڕە */
    padding: calc(4 * var(--rc-u)) calc(4 * var(--rc-u)) calc(6 * var(--rc-u));
    font-size: calc(28 * var(--rc-u));
    font-weight: 600;
}

/* دێڕی دووەمی مۆر: کاتی ڕەتکردنەوە · هۆکار
   ⚠ ٦ خاڵ دوورتر: «v»ی ڕی «ڕەتکراوە» (٢٨ خاڵ) پێشتر ~٢ خاڵ لە
     سەری ژمارەکانی «16:23» دوور بوو — لە کاغەزدا پێکەوە دەلکان. */
.rc-head .stamp small {
    display: block;
    margin-block-start: calc(6 * var(--rc-u));
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    font-weight: 400;
}

/* ── لۆگۆ (ئێستا بەکارنایەت) ─────────────────────────────
   ⚠ ئەگەر ڕۆژێک دانرا: پێشوەخت ڕەش/سپی و data: URI بێت —
     window.print() چاوەڕێی بارکردنی وێنە ناکات. */
.rc-logo {
    display: block;
    margin: 0 auto calc(8 * var(--rc-u));
    max-inline-size: 100%;
    image-rendering: pixelated;
}

/* ============================================================
   مێتا — ژمارە، بەروار، کڕیار، مۆبایل، ناونیشان، نوێنەر
   ------------------------------------------------------------
   ⚠ <dl>ـێکی گرید: ناونیشان (max-content، هەرگیز ناشکێت و
     بچووک نابێتەوە) | بەها (ئەوەی دەمێنێتەوە، دەشکێت).
     پێشتر flex بوو و ناونیشانەکە بچووک دەبووەوە بۆ ١٤px —
     «کڕیار» بە ناوی فرۆشگاکەوە دەلکا.
   ============================================================ */

.rc-meta {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: calc(14 * var(--rc-u));
    row-gap: calc(2 * var(--rc-u));
    margin: 0;
    padding-block: calc(6 * var(--rc-u)) calc(8 * var(--rc-u));
    border-block-end: var(--rc-rule) solid #000;
    font-size: calc(var(--rc-fs-md) * var(--rc-u));
}

.rc-meta dt {
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    white-space: nowrap;
}

.rc-meta dd {
    margin: 0;
    min-inline-size: 0;
    /* ⚠ break-word، نەک anywhere — وشەی کوردی تەنها ئەو کاتە
       دەشکێت کە خۆی بە تەنها جێی نەبێتەوە. */
    overflow-wrap: break-word;
}

.rc-meta dd.strong { font-weight: 600; }

/* ============================================================
   هێڵەکانی کاڵا — دوو ڕیز، تێکەڵبوون بە دروستکردن مەحاڵە
   ------------------------------------------------------------
     <div class="rc-line">
       <div class="n">ناوی کاڵا — <b>تام</b></div>      ← هەموو پانی
       <div class="qp">240 × 46,250</div>              ← دەستپێک (بڕ × نرخی فرۆشتن)
       <div class="t">11,100,000</div>                 ← کۆتایی
       <div class="x">نرخ 47,500 − داشکاندن 1,250 · دیاری 12</div>  ← هەڵبژاردەیی
     </div>

   ⚠ پێشتر سێ ستوونی پانی چەسپاو بوو (ناو · بڕ×نرخ · کۆ) بە
     nowrap. هەر ژمارەیەکی گەورە لە ستوونەکەی دەردەچوو و
     دەکەوتە سەر ناوەکە. ئێستا ناو ڕیزێکی تەواوە، و ڕیزی دووەم
     ‏minmax(0,1fr) | ستوونی پارە (--rc-amt)ـە: کۆ هەرگیز ناشکێت و بڕ×نرخ
     ئەوەی دەمێنێتەوە دەگرێت و ئەگەر پێویست بوو دەشکێت.
   ============================================================ */

.rc-lines { inline-size: 100%; }

/* ⚠ ستوونی دووەم (لای چەپ) ستوونی پارەیە: هەمان پانی --rc-amt ـی
     .rc-sum، و .t بە ڕاست ڕێکخراوە — کۆی هەموو هێڵەکان و کۆکانی
     خوارەوە لەسەر یەک هێڵی ستوونی کۆتایی دێن. پێشتر .t بە چەپ ڕێک
     بوو و ستوونی max-content بوو: کۆکان ٧–١١ملم لە یەک دوور بوون. */
.rc-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(calc(var(--rc-amt) * var(--rc-u)), max-content);
    /* بڕ×نرخ و کۆ لەسەر یەک هێڵی بنەڕەت */
    align-items: baseline;
    column-gap: calc(12 * var(--rc-u));
    padding-block: calc(6 * var(--rc-u));
    break-inside: avoid;
}

/* ⚠ هێڵی جیاکەرەوە border ـە، نەک «--------». ڕیزێکی پیتی
   بێلایەن لەناو RTLدا مەترسیی سووڕانەوەی بیدییە. */
.rc-line + .rc-line { border-block-start: var(--rc-hair) solid #000; }

.rc-line .n {
    grid-column: 1 / -1;
    font-size: calc(var(--rc-fs) * var(--rc-u));
    overflow-wrap: break-word;
}

.rc-line .n b { font-weight: 600; }

.rc-line .qp {
    min-inline-size: 0;
    font-size: calc(var(--rc-fs-md) * var(--rc-u));
    direction: ltr;
    unicode-bidi: isolate;
    /* لە LTRـدا right = لای دەستپێکی پسوولە (ژێر سەرەتای ناوەکە) */
    text-align: right;
}

.rc-line .t {
    font-size: calc(var(--rc-fs) * var(--rc-u));
    font-weight: 600;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    text-align: right;
}

.rc-line .x {
    grid-column: 1 / -1;
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
}

/* ============================================================
   کۆکان و قەرز — یەک گرید، هەموو بەهاکان لە یەک ستووندا
   ------------------------------------------------------------
   ⚠ پێشتر هەر ڕیزێک flexـی جیا بوو، بۆیە لێواری ڕاستی
     ژمارەکان ناڕێک بوو. ئێستا <dl>ـێکی گریدە: dt | dd، و
     dd هەمووی لە یەک ستووندا و بە ڕاست ڕێکخراو — یەکەکان،
     هەزارەکان و نیشانەی کەمکردنەوە لەسەر یەک دەکەون.
   ============================================================ */

.rc-sum {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(calc(var(--rc-amt) * var(--rc-u)), max-content);
    row-gap: calc(2 * var(--rc-u));
    margin: 0;
    padding-block: calc(6 * var(--rc-u)) calc(4 * var(--rc-u));
    border-block-start: var(--rc-rule) solid #000;
    font-size: calc(var(--rc-fs) * var(--rc-u));
}

/* سەردێڕی بەشێک (بۆ نموونە «حسابی کڕیار — بە کاتی پسوڵە») */
.rc-sum .h {
    grid-column: 1 / -1;
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    font-weight: 600;
}

/* ⚠ بۆشایی نێوان ناونیشان و بڕ لەسەر dtـیە (لای چەپی)، نەک column-gap:
     هێڵی سەر و ژێری ڕیزی کلیل لەسەر dt و dd هەردووکیانە و دەبێت
     بێ پچڕان بێت. ‏dd هیچ پادینگی نییە — کۆتایی بڕەکە ڕێک کۆتایی
     ستوونی پارەیە، وەک .rc-line .t. */
.rc-sum dt {
    min-inline-size: 0;
    padding-inline-end: calc(12 * var(--rc-u));
}

.rc-sum dd {
    margin: 0;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
    text-align: right;
}

.rc-sum .strong { font-weight: 600; }

/* ⚠ line-height 1.45 + پادینگی خوارەوە ٥ (پێشتر 1.3 و ٣): «ڕەتکراوە»
     (کۆی سەرەکیی پسوڵەی ڕەتکراوە) هێڵی ژێری دەبڕی. ‏margin-block-start ٢:
     «گەڕاوە»ی پێش «قەرزی ئەم پسوڵەیە» (.mid) نیو خاڵ لە هێڵی سەرەوەی دوور بوو.
     بۆشایی دوای گۆڕان: ڕ ≥ ٣ خاڵ لە هێڵی ژێر، ڵ ≥ ٢ خاڵ لە هێڵی سەر. */
.rc-sum .key {
    font-size: calc(var(--rc-fs-lg) * var(--rc-u));
    font-weight: 600;
    margin-block-start: calc(2 * var(--rc-u));
    padding-block: calc(3 * var(--rc-u)) calc(5 * var(--rc-u));
    border-block: var(--rc-rule) solid #000;
    line-height: 1.45;
}

/* کلیلی دووەم («قەرزی ئەم پسوڵەیە») — هەمان هێڵ و ئەستووری، بەڵام
   ٢٤ خاڵ: بە ٣٢ خاڵ ناونیشانەکە لە ٥٨ملمدا دەبێتە دوو دێڕ. */
.rc-sum .key.mid {
    font-size: calc(var(--rc-fs) * var(--rc-u));
}

.rc-sum .asof {
    grid-column: 1 / -1;
    font-size: calc(var(--rc-fs-xs) * var(--rc-u));
}

.rc-count {
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    text-align: center;
    padding-block: calc(2 * var(--rc-u)) calc(6 * var(--rc-u));
}

/* ============================================================
   واژوو، پێنووس، بڕین
   ============================================================ */

/* ⚠ بۆشایی سەرەوە (٦٤ خاڵ = ٨ملم) شوێنی واژووە. دوو ستوونی
   یەکسانی گرید — هەردوو هێڵ هەمان پانییان هەیە. */
.rc-sign {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: calc(24 * var(--rc-u));
    margin-block-start: calc(64 * var(--rc-u));
    text-align: center;
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    break-inside: avoid;
}

.rc-sign > div {
    border-block-start: var(--rc-rule) solid #000;
    padding-block-start: calc(4 * var(--rc-u));
}

.rc-foot {
    margin-block-start: calc(12 * var(--rc-u));
    padding-block-start: calc(6 * var(--rc-u));
    border-block-start: var(--rc-hair) solid #000;
    font-size: calc(var(--rc-fs-sm) * var(--rc-u));
    text-align: center;
    line-height: 1.5;
}

.rc-foot .notice  { font-weight: 600; }
.rc-foot .printed { font-size: calc(var(--rc-fs-xs) * var(--rc-u)); }

/* ناوچەی بڕین — بۆشاییەکی بەتاڵ لە کۆتاییدا.
   ⚠ بەبێ ئەم بۆشاییە، دوا دێڕی پسوولەکە لەناو ئامێرەکەدا
     دەمێنێتەوە (سەری چاپکەر و شیرەی بڕین ~١٠–١٥ملم دوورن). */
.rc-cut {
    block-size: calc(96 * var(--rc-u));
}

/* ============================================================
   دۆخی شاشە — پێشبینین
   ------------------------------------------------------------
   لە شاشەدا --rc-u = 1px، بۆیە تەختەکە بە تەواوی ٣٨٤ خاڵە.

   ⚠ لەسەر شاشەی تەسک (سەنمی ٤١٢px) پێشتر .rc لەناو flexـدا
     بچووک دەبووەوە بۆ ٢٧٦px و ناوەکان وشە بە وشە دەشکان —
     نوێنەر شتێکی جیاوازی دەبینی لەوەی دەچاپێت. ئێستا
     ‏.rc هەرگیز بچووک نابێتەوە (flex: none)، و لەسەر شاشەی
     تەسک --rc-u بچووک دەکرێتەوە بۆ ئەوەی هەمان ٣٨٤ خاڵ بە
     هەمان ڕێژە جێی ببێتەوە (100cqi = پانی .rc-stage).
   ============================================================ */

@media screen {

    .rc-stage {
        display: flex;
        justify-content: center;
        padding: 1rem;
        background: var(--hexa-bg);
        overflow: auto;

    }

    .rc-stage > .rc { flex: none; }

    .rc {
        box-shadow: 0 1px 2px rgba(12, 14, 20, .10), 0 8px 24px rgba(12, 14, 20, .10);
        border: 1px solid var(--hexa-border);
        border-radius: 2px;
    }

    /* هێڵی بڕین وەک هێڵی پچڕپچڕ — هەرگیز ناچاپێت */
    .rc-cut { position: relative; }

    .rc-cut::before {
        content: "✂";
        position: absolute;
        inset-block-start: 50%;
        inset-inline-start: 0;
        transform: translateY(-50%);
        font-size: calc(18 * var(--rc-u));
        opacity: .45;
    }

    .rc-cut::after {
        content: "";
        position: absolute;
        inset-block-start: 50%;
        inset-inline: calc(24 * var(--rc-u)) 0;
        border-block-start: 1px dashed var(--hexa-muted);
    }
}

@media screen and (max-width: 820px) {

    .rc-stage { padding: .5rem; }

    /* ⚠ @supports: cqi لە Chrome/WebView 105 بەرەوە هەیە. وێبگەڕی کۆنتر
         (سەنمی بێ Google Play زۆرجار WebViewـی کۆنی هەیە) ئەم ڕیزە
         وەک ناڕەوا وەردەگرت → --rc-u ناڕەوا → پانی/فۆنت/پادینگی .rc هەموو
         دەکەوتنە سەر بنەڕەت و پێشبینینەکە دەتەقییەوە. ئێستا ئەو وێبگەڕانە
         پێشبینینی چەسپاوی پێشوو (1px بۆ هەر خاڵ) دەبینن. چاپ دەستی لێنادرێت. */
    @supports (width: 1cqi) {
        .rc-stage { container-type: inline-size; }

        .rc-stage > .rc {
            /* یەک خاڵ = ئەوەی کاغەز + هەردوو پەراوێز لە .rc-stageـدا
               جێ دەکاتەوە، هەرگیز گەورەتر لە 1px نا. 2px = چوارچێوەکە. */
            --rc-u: min(1px, calc((100cqi - 2px) / (var(--rc-dots) + 2 * var(--rc-pad))));
        }
    }
}

/* ============================================================
   دۆخی چاپ
   ------------------------------------------------------------
   ⚠ ئەم بەشە بۆ WebView2/ویندۆز و بۆ دیالۆگی چاپی وێبگەڕە.
   ============================================================ */

/* ⚠ `size` بە ئەنقەست دانەنراوە: ڕێکخستنی ڕۆڵی درایڤەرەکە
   بڕیار دەدات. ‏`size: 58mm auto` ڕێزمانی دروست نییە و
   بێدەنگ دەگەڕێتەوە بۆ A4؛ ‏`58mm 3000mm` ٣ مەتر کاغەز دەدات.

   ⚠ پسوڵەی A4 (و هەموو بەڵگەنامەیەکی hexa-doc.css) ئەم ڕیزە
     بە کۆمپۆنێنتی DocPageRule دەگۆڕێت — تەنها لە کاتی
     پیشاندانی A4ـدا، چونکە @page ڕیزێکی گشتییە. */
@page {
    margin: 0;
}

@media print {

    /* ⚠ ١ خاڵی چاپکەر = ١/٨ ملم لە ٢٠٣dpiدا. ئەم یەک ڕیزە
       هەموو فایلەکە دەگۆڕێت لە «پیکسڵی شاشە»ـوە بۆ
       «ملمی ڕاستەقینەی کاغەز». */
    .rc {
        --rc-u: 0.125mm;

        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0 auto;

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

    html, body {
        margin: 0;
        padding: 0;
        background: #fff;
        color: #000;

        /* ⚠ height: 100% لە hexa.cssدا هەیە — لە چاپدا
           پەڕەیەکی بەتاڵی زیادە دروست دەکات. */
        height: auto;
        min-height: 0;
        overflow: visible;

        /* ⚠ width: 58mm دانانرێت — .rc خۆی پانی تەواوی کاغەزەکە
           هەڵدەگرێت (٤٨ملم + ٢×٥ملم). */
        width: auto;
    }

    /* ── چوارچێوەی بەرنامە دەشاردرێتەوە ──────────────────── */

    /* ⚠ ‏.mb-top (شریتی ڕەشی ناونیشانی مۆبایل) پێشتر لەم لیستەدا
       نەبوو: پانی پەڕەی چاپ (٥٨ملم = ٢١٩px، A4 = ٧٠٣px) لە
       ٨٢٠px کەمترە، بۆیە ڕووکاری مۆبایل لە چاپیشدا کاری دەکرد و
       بارێکی ڕەشی ١٤ملم لەسەرەوەی هەموو چاپێک دەردەچوو.
       ئێستا hexa-desktop.css تەنها «screen»ـە و ئەمەش تۆڕی ئاسایشە. */
    .dk-title,
    .dk-menubar,
    .dk-tabs,
    .dk-status,
    .dk-toolbar,
    .dk-kpis,
    .dk-chips,
    .dk-winbtns,
    .mb-top,
    .mb-nav,
    .hexa-titlebar,
    .hexa-sidebar,
    .hexa-statusbar,
    .hexa-alert,
    .hexa-backdrop,
    .hexa-reconnect,
    #blazor-error-ui,
    #diag,
    #components-reconnect-modal,
    .pk-dock,
    .pk-grid,
    button,
    .hexa-btn,
    .rc-noprint {
        display: none !important;
    }

    /* ⚠ .dk بە display: none نایشارینەوە — پسوولەکە خۆی
       لەناوییەتی. height: 100vh و overflow: hidden بێکاریگەر
       دەکرێن، نەک لادەبرێن. */
    .dk,
    .dk-content,
    .rc-stage,
    .hexa-shell,
    .hexa-body,
    .hexa-main,
    .hexa-card,
    .hexa-dialog {
        display: block !important;
        position: static !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    /* ⚠ تۆڕی ئاسایش: هەر شتێکی تر کە لەگەڵ پسوولەکەدا لە
       هەمان شوێندایە دەشاردرێتەوە. ئەگەر پسوولەکەت لەناو
       بەردەوامکەرێکدایە، .rc-host بخە سەر ئەو بەردەوامکەرە. */
    .dk-content > *:not(.rc) {
        display: none !important;
    }

    /* ⚠ ئەم ڕیزە دەبێت **دوای** ئەوەی سەرەوە بێت (هەمان هێز). */
    .dk-content > .rc-stage,
    .dk-content > .rc-host,
    .rc-stage,
    .rc-host {
        display: block !important;
    }

    /* ⚠ position: fixed لە Chromeدا تەنها لەسەر یەکەم پەڕە دەچاپێت. */
    .rc,
    .rc * {
        position: static;
    }

    /* ⚠ هێڵ و بلۆک لە نێوان دوو پەڕەدا نابڕدرێن — ئەگەر
       بەکارهێنەر A4 یان پەڕەی چەسپاو هەڵبژێرێت. */
    .rc-line,
    .rc-sum,
    .rc-sign,
    .rc-head,
    .rc-foot {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .rc-cut {
        block-size: 12mm;
    }
}

/* ============================================================
   یاریدەدەر
   ============================================================ */

/* ‏.rc-noprint لە بەشی @media print دا دەشاردرێتەوە.
   پێچەوانەکەی — تەنها لە چاپدا دەردەکەوێت: */
.rc-printonly { display: none; }

@media print {
    .rc-printonly { display: block; }
}

.rc .c { text-align: center; }
.rc .s { text-align: start; }
.rc .e { text-align: end; }

.rc .big   { font-size: calc(var(--rc-fs-lg) * var(--rc-u)); font-weight: 600; }
.rc .small { font-size: calc(var(--rc-fs-sm) * var(--rc-u)); }

.rc hr {
    border: 0;
    border-block-start: var(--rc-hair) solid #000;
    margin-block: calc(6 * var(--rc-u));
}

/* ============================================================
   دۆخی «پڕکردنەوەی پەڕە» — ئەندرۆید / RawBT / PDF
   ------------------------------------------------------------
   Chrome لەسەر ئەندرۆید پەڕەکە بەپێی قەبارەی کاغەزی دیالۆگ
   (زۆرجار A4) ڕێک دەخات و دەیکات بە PDF؛ RawBT پاشان هەموو
   پەڕەکە بچووک دەکاتەوە بۆ ٣٨٤ خاڵ. ئەگەر وەسڵەکە تەنها ٥٨ملم
   بێت لە ٢١٠ملم، دەبێتە ~١٠٨ خاڵ — نەخوێندراوە.

   چارەسەر: وەسڵەکە **هەموو** پانی پەڕەکە دەگرێت. SalesInvoiceView
   کلاسی `fit` لەسەر ئەندرۆید دادەنێت (hexa.isAndroid()).

   ⚠ تەنها --rc-u دەگۆڕدرێت. هەموو درێژییەک (پانی، فۆنت، هێڵ)
     بە calc(N * var(--rc-u))ـە، بۆیە ڕێژەکان وەک خۆیان دەمێننەوە:
       ٣٨٤ (یان ٥٧٦) خاڵ = 100vw.
     پێشتر 0.2604vw بوو (= 100vw ÷ 384)، کە بۆ ٨٠ملم (٥٧٦ خاڵ)
     ١٥٠٪ی پەڕەکەی دەگرت و لە لای چەپەوە دەبڕدرا.

   ⚠ بۆ درایڤەری گەرمیی ڕاستەوخۆی ویندۆز ئەم دۆخە بەکارمەهێنە.

   ⚠ پەراوێزی لاکان بەپێی قەبارەی پەڕەکەیە:
     · پەڕەی ڕۆڵ (پانی < ١٠٠ملم — ٥٨/٨٠ لە دیالۆگدا هەڵبژێردراوە):
       پەراوێزی ئاسایی (٤٠/٣٢ خاڵ). ئەنجام ڕێک وەک دێسکتۆپە
       (100vw ÷ 464 = 0.125mm بۆ ٥٨ملم). ئەگەر خزمەتگوزاریی چاپی
       ئامێرەکە پەڕەکە ١:١ بخاتە سەر سەری چاپکەری ٤٨ملم (بێ
       بچووککردنەوە)، هیچ پیتێک لە ٥ملمی نەچاپکراوی لاکاندا ناکەوێت.
       پێشتر ٨ خاڵ بوو لێرەشدا — ~٤ملم لە هەر لایەک دەبڕدرا.
     · پەڕەی گەورە (A4/Letter، RawBT پاشان بچووکی دەکاتەوە بۆ پانی
       چاپکەر): تەنها ٨ خاڵ، بۆ ئەوەی دەق بە گەورەترین قەبارە بێت.
     ‏@media print (min-width) لە کاتی چاپدا پانی پەڕەکەیە.
   ============================================================ */

@media print {

    .rc.fit {
        --rc-u: calc(100vw / (var(--rc-dots) + 2 * var(--rc-pad)));

        /* ⚠ border-box: پانی کۆتایی هەرگیز لە پەڕەکە زیاتر نابێت،
           تەنانەت ئەگەر بەکارهێنەر لە دیالۆگدا پەراوێز زیاد بکات. */
        box-sizing: border-box;
        inline-size: 100%;
        max-inline-size: 100%;
    }
}

@media print and (min-width: 100mm) {

    .rc.fit {
        /* پەراوێزی نەچاپکراو نازانرێت — تەنها ٨ خاڵی بچووک (≈٢٪)
           دەمێنێتەوە بۆ ئەوەی کەناری پیتی یەکەم/دوایین (ک، ژ، …)
           لە لێواری پەڕەکەدا نەبڕدرێت. بە ٠، «کڕیار» و «ژمارە» نیوەیان
           لە دەرەوەی پەڕە بوو. */
        --rc-pad: 8;
    }
}