/* ============ نظام الشكل الموحد: الحسابات وتطبيق الشريك والدفتر ============
   الألوان: 4 ألوان ليها معنى + لون النص الأساسي والرمادي، والباقي درجات فاتحة منهم وخلفيات محايدة.
     أخضر = فلوس دخلت، أحمر = فلوس طلعت، أزرق = تحويل / راحت لمصطفى، دهبي = فلاش أون (والفواتير واللي مستني).
   الخط: 5 أحجام بس (--f1 لحد --f5)، وبيكبروا مع بعض على الشاشات الكبيرة.
   أي صفحة بتستخدم المتغيرات دي بس، ومتكتبش لون أو حجم خط بالرقم. */
:root{
  --ink:#1C1A15;      /* النص */
  --sub:#6B6557;      /* النص التاني (رمادي) */
  --gold:#D9AE57;     /* فلاش أون */
  --gold-d:#8C6A1D;   /* دهبي للكلام */
  --green:#17803D;    /* دخل */
  --red:#C2352A;      /* طلع */
  --tr:#2463A6;       /* تحويل */
  --gold-l:#FAF3E1;--green-l:#E7F4EB;--red-l:#FCEBE9;--tr-l:#E8EFF8;
  --bg:#F4F3EF;--card:#FFFFFF;--line:#E5E1D6;--row:#F2EFE7;--field:#D6CFBD;
  --bar:#15130F;      /* الشريط الغامق فوق وتحت */
  --shadow:0 1px 2px #1b150a0d;
  --shadow2:0 1px 2px #1b150a0a,0 6px 18px #1b150a0f;   /* الكروت الكبيرة */
  --f1:13px;--f2:15px;--f3:17px;--f4:22px;--f5:32px;
}
html[data-theme=dark]{
  --ink:#EEEADF;--sub:#A8A290;--gold:#DDB765;--gold-d:#E2C27A;--green:#4FC777;--red:#FF7F75;--tr:#7FB5E3;
  --gold-l:#2A2313;--green-l:#15291B;--red-l:#3A1D1A;--tr-l:#1A2836;
  --bg:#12110E;--card:#1D1C17;--line:#36332B;--row:#25231D;--field:#4A463A;
  --bar:#0D0C0A;--shadow:0 1px 2px #0009;--shadow2:0 1px 2px #0009;
}
/* اللاب: نفس الخمس أحجام بقيم أصغر، وبتكبر مع الشباك (مش زوم) */
@media (min-width:1000px){:root{--f1:12.5px;--f2:14px;--f3:15.5px;--f4:22px;--f5:28px}}
@media (min-width:1440px){:root{--f1:13px;--f2:15px;--f3:16.5px;--f4:22px;--f5:32px}}
@media (min-width:1800px){:root{--f1:14px;--f2:16px;--f3:18px;--f4:24px;--f5:36px}}
/* الأرقام: تقيلة وثابتة العرض علشان تتراص تحت بعض */
.money,.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
/* الكروت: ظل خفيف بدل الخط اللي حواليها في الفاتح (الليلي بيفضل بالخط). ورقة الـ PDF مبتتلمسش */
:is(.card,.panel,.list,.ldgw):not(#render *){box-shadow:var(--shadow2)}
html:not([data-theme=dark]) :is(.card,.panel,.list,.ldgw):not(#render *){border-color:transparent}
/* ============ شاشة الخزنة (الحسابات والدفتر بنفس الشكل): سؤالين بس، "معايا كام؟" و"دخل وطلع كام؟" ============
   .kb كارت الأرصدة: "خزني" مقفول بالرقم وبيتفتح على كل خزنة (.kv)، خزنة السوق بالأزرق (.kbk)، والإجمالي غامق (.kbt).
   .kst كارت الحركة: مربعين كبار دخل/طلع (.kio)، وتحتهم الأنواع (.kty) بنقطة خضرا/حمرا، والدوس بيفتح نافذة الحركات (.ksheet). الخط كبير ومريح */
.kb,.kst{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow2);overflow:hidden;margin-bottom:14px}
:is(.kb,.kst,.ksheet,.ksum) .n{font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
:is(.kb,.kst,.ksheet) small{display:block;font-size:var(--f2);color:var(--sub);font-weight:600;line-height:1.5}
.kbm,.kbk,.kbt,.kty,.kit,.ksh2{display:flex;justify-content:space-between;align-items:center;gap:10px}
.kbm{padding:14px 18px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.kbm>span{font-weight:800;font-size:var(--f4)}
.kbm>.n{font-size:var(--f5);color:var(--ink)}
.kch{font-style:normal;display:inline-block;color:var(--sub);font-size:var(--f2);transition:transform .2s}
.kbm.on .kch{transform:rotate(180deg)}
.kvs{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;padding:0 18px 14px}
.kvs[hidden]{display:none}
.kv{border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;cursor:pointer;background:var(--card);min-width:0}
.kv span{display:block;font-size:var(--f2);font-weight:800;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kv .n{display:block;font-size:var(--f4);text-align:right;color:var(--ink)}
.kv.on{border-color:var(--gold);background:var(--gold-l);box-shadow:0 0 0 1px var(--gold)}
.kv.neg{border-color:var(--red)}.kv.neg .n{color:var(--red)}
.kfix{display:block;margin-top:2px;font-size:var(--f2);font-weight:800;color:var(--red);cursor:pointer}
.kbk{padding:14px 18px;background:var(--tr-l);border-top:1px solid var(--line)}
.kbk>span{font-weight:800;font-size:var(--f3);color:var(--tr)}
.kbk>.n{font-size:var(--f4);color:var(--tr)}
.kit .n.in{color:var(--green)}.kit .n.out{color:var(--red)}
.kbt{padding:14px 18px;background:var(--bar);border-top:2px solid var(--gold)}
.kbt>span{font-weight:800;font-size:var(--f3);color:var(--gold)}
.kbt>span small{color:var(--gold);opacity:.75}
.kbt>.n{font-size:var(--f4);color:var(--gold)}
.ktools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.ktools .btn{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:58px;padding:6px 4px;font-size:var(--f2);font-weight:800;border-radius:12px;width:auto;margin:0}
.ktools .btn i-c{font-size:var(--f4)}
.kss{display:grid;gap:14px;margin-bottom:14px}.kss .kst{margin:0}
.kst{border-top:6px solid var(--gold);scroll-margin-top:calc(var(--hh,64px) + 70px)}
.kst.mk{border-top-color:var(--tr)}
.ksh{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px 10px;font-weight:800;font-size:var(--f4)}
.ksh small{display:inline;white-space:nowrap}
.kst.mk .ksh>span{color:var(--tr)}
.kclr{display:inline-block;vertical-align:middle;font-size:var(--f2);font-weight:800;color:var(--gold-d);border:1px solid var(--gold);background:var(--gold-l);border-radius:8px;padding:0 8px;cursor:pointer;white-space:nowrap}
.kio{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px}
.kio>div{border-radius:14px;padding:10px 14px;min-width:0}
.kio span{display:block;font-weight:800;font-size:var(--f3)}
.kio .n{display:block;font-size:var(--f5);line-height:1.25;text-align:right}
.kin{background:var(--green-l)}.kin span,.kin .n{color:var(--green)}
.kout{background:var(--red-l)}.kout span,.kout .n{color:var(--red)}
.kty{min-height:56px;padding:6px 18px;border-top:1px solid var(--line);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.kty .l{display:flex;align-items:center;gap:10px;font-weight:800;font-size:var(--f3);min-width:0}
.kty .l em{font-style:normal;color:var(--sub);font-weight:600;font-size:var(--f2)}
.kdot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--green)}
.kty.ktout .kdot{background:var(--red)}
.kty .r{display:flex;align-items:center;gap:10px}
.kty .n{font-size:var(--f4);color:var(--ink)}
.kgo{font-style:normal;color:var(--sub);font-size:var(--f4);font-weight:400}
.kno{padding:14px 18px;border-top:1px solid var(--line);color:var(--sub);font-size:var(--f3);font-weight:700}
.ksh2{padding:4px 2px 12px;border-bottom:1px solid var(--line)}
/* عنوان النافذة ثابت فوق وانت نازل، وفيه زرار رجوع صغير */
.ksheet .ksh2{position:sticky;top:-14px;z-index:5;background:var(--card);margin:-14px -14px 0;padding:14px 14px 10px}
.kback{flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--row);color:var(--ink);font:inherit;font-weight:800;font-size:var(--f4);line-height:1;cursor:pointer;padding:0}
.ksh2>span{flex:1;min-width:0}
#kitsL>.btn{margin:10px 0}
.ksh2>span{font-weight:800;font-size:var(--f4)}
.ksh2>.n{font-size:var(--f5)}
.ksheet.ksh-in .ksh2>span,.ksheet.ksh-in .ksh2>.n{color:var(--green)}
.ksheet.ksh-out .ksh2>span,.ksheet.ksh-out .ksh2>.n{color:var(--red)}
.ksheet .btn{margin-top:14px;width:100%}
.kit{padding:12px 2px;border-bottom:1px solid var(--line);cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 64px}
.kit>div{min-width:0}
.kit>div>b{display:block;font-size:var(--f3)}
.kit .n{font-size:var(--f4);color:var(--ink)}
:is(.kb,.kst,.ksheet) .n.neg{color:var(--red)}
/* الملخص (داخل/خارج/الصافي للخزنة والسوق) وإجمالي الكارت في عنوانه: على الموبايل بس */
.ksum{display:none}
@media (max-width:999.98px){
  .kb{border-radius:14px;margin-bottom:8px}
  .kb small,.kb i-c{display:none}
  .kbm{padding:10px 14px}.kbm>span{font-size:var(--f2)}.kbm>.n{font-size:var(--f4)}
  .kb.two{display:grid;grid-template-columns:1.15fr 1fr 1.15fr}
  .kb.two .kbme{display:contents}
  .kb.two :is(.kbm,.kbk,.kbt){grid-row:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:8px 10px;border-top:0;min-width:0}
  .kb.two .kbt{border-inline-start:2px solid var(--gold)}
  .kb.two :is(.kbm,.kbk,.kbt)>span{font-size:var(--f1)}
  .kb.two .kbm>span{color:var(--sub)}
  .kb.two :is(.kbm,.kbk,.kbt)>.n{font-size:var(--f3)}
  .kb.two .kvs{grid-column:1/-1;grid-row:2;padding:10px;border-top:1px solid var(--line)}
  .kvs{gap:6px;padding:0 10px 10px}
  .kv{padding:6px 10px;border-radius:10px}.kv span{font-size:var(--f1)}.kv .n{font-size:var(--f3)}
  /* أدوات الخزنة ورا زرار ⋯ في عمود رفيع جنب الأرصدة (بطلبه 15/10/2026) */
  .kb{display:grid;grid-template-columns:1fr 44px}
  .kb.two{grid-template-columns:1.15fr 1fr 1.15fr 40px}
  .kb .kbme{grid-column:1;grid-row:1;min-width:0}
  .kb .ktools{display:flex;grid-column:-2;grid-row:1;margin:0;border-inline-start:1px solid var(--line);background:var(--row)}
  .kb.two .ktools{grid-column:4}
  .kb .ktools .btn:not(.kmore){display:none}
  #p-cash .kb .ktools .kmore{flex:1;width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);font-size:var(--f4);font-weight:800;line-height:1}
  /* الجدول الصغير (داخل/خارج/الصافي) اتشال من الموبايل بطلبه 15/10/2026: داخل وخارج بقوا سطر صغير فوق كل كارت (.kio) زي اللاب */
  .kss{gap:8px;margin-bottom:8px}
  .kst{border-radius:14px;border-top-width:3px}
  .kst .ksh{padding:7px 12px;font-size:var(--f2);background:var(--row)}
  .kst.mk .ksh{background:var(--tr-l)}
  .kst .ksh>small{display:none}
  .kst .kio{gap:8px;padding:8px 12px}
  .kst .kio>div{display:flex;justify-content:space-between;align-items:center;gap:6px;border-radius:10px;padding:6px 10px}
  .kst .kio span{font-size:var(--f1)}
  .kst .kio .n{font-size:var(--f3);line-height:1.3}
  .kty{min-height:42px;padding:4px 12px}
  .kty .l{gap:8px;font-size:var(--f2)}.kty .l em{font-size:var(--f1)}
  .kty .n{font-size:var(--f2)}.kty.ktin .n{color:var(--green)}.kty.ktout .n{color:var(--red)}
  .kdot{width:8px;height:8px}.kgo{font-size:var(--f3)}
  .kno{padding:10px 12px;font-size:var(--f2)}
}
@media (min-width:1000px){
  .kb.two{display:grid;grid-template-columns:2fr 1fr 1fr}
  .kb.two .kbk,.kb.two .kbt{flex-direction:column;align-items:flex-start;justify-content:center;border-top:0}
  .kb.two .kbk{border-inline-start:1px solid var(--line)}
  .kb.two .kbt{border-inline-start:2px solid var(--gold)}
  .kss.two{grid-template-columns:1fr 1fr;align-items:start}
  .ktools{display:flex;justify-content:flex-start}
  .ktools .btn.mob,.ktools .kmore{display:none}
  .ktools .btn{flex-direction:row;min-height:40px;padding:4px 16px;gap:6px}
  .ktools .btn i-c{font-size:var(--f3)}
  .kb.two .ktools{grid-column:1/-1}
  .kb .ktools{gap:0;margin:0;border-top:1px solid var(--line);background:var(--row)}
  .kb .ktools .btn{border:0;border-radius:0;background:none;box-shadow:none;min-height:44px;padding:4px 22px;color:var(--sub)}
  .kb .ktools .btn+.btn{border-inline-start:1px solid var(--line)}
  .kb .ktools .btn:hover{color:var(--ink);background:var(--card)}
}
/* شريط أدوات رفيع: الحاجات اللي مش بتستخدمها كتير (زي الخزنة): صف واحد صغير لازق، من غير زراير كبيرة */
.tstrip{display:flex;background:var(--row);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px}
.tstrip .btn.line{flex:1 1 0;width:auto;min-height:36px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--sub);font-size:var(--f1);padding:2px 6px;white-space:nowrap;margin:0}
.tstrip .btn.line+.btn.line{border-inline-start:1px solid var(--line)}

/* ============ دفتر الخزنة بالتاريخ (جوه الخزنة، تبويب "بالتاريخ"): يوم ورا يوم، الأقدم فوق. كل الكلاسات .ld* ============ */
#cView{margin:0 0 10px}
.ldg,.ldsum{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow2);overflow:hidden;margin-bottom:14px}
.ldg{border-top:6px solid var(--gold)}
.ldtt{padding:12px 18px 8px;font-weight:800;font-size:var(--f4)}
.ldg>.seg{margin:0 14px 10px}
.ldd{border-top:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 120px;scroll-margin-top:calc(var(--hh,64px) + 12px)}
.ldh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;background:var(--row)}
.ldw{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.ldw>b{font-size:var(--f3)}
.ldt .n,.ldr>.n,.ldsum .n{display:block;font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.ldt .n{font-size:var(--f3)}
.ldr>.n{font-size:var(--f4)}
.n.in{color:var(--green)}.n.out{color:var(--red)}
.ldr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);cursor:pointer}
.ldm{min-width:0}
.ldm>b{display:block;font-size:var(--f3)}
.ldm small{display:block;font-size:var(--f2);color:var(--sub);font-weight:600;line-height:1.5}
.ldpdf{padding:14px}.ldpdf .btn{width:100%}
.ldsum .kio{padding:14px 14px 10px}
.ldsb{display:block;width:100%;border:0;border-top:1px solid var(--line);background:var(--row);color:var(--sub);font:inherit;font-weight:800;font-size:var(--f2);padding:8px;cursor:pointer}
.ldsb.on .kch{display:inline-block;transform:rotate(180deg)}
@media (max-width:999.98px){.ldsum .kio{display:none}.ldsum{border-radius:14px;margin-bottom:8px}.ldg{border-radius:14px;border-top-width:3px;margin-bottom:8px}.ldtt{font-size:var(--f3);padding:8px 12px 6px}}
/* دفتر الخزنة: سطر صغير تحت العنوان ("أحمد معاه دلوقتي") */
.ldtt small.ldnt{display:block;font-size:var(--f2);font-weight:600;color:var(--sub);margin-top:2px}
.ldtt small.ldnt .n{display:inline;font-weight:800;color:var(--ink);direction:ltr;unicode-bidi:isolate}
.ldpend{display:block;margin:0 14px 10px;padding:8px 12px;border-radius:12px;background:var(--gold-l);color:var(--gold-d);font-size:var(--f2);font-weight:800;text-decoration:none}

/* قايمة أدوات الخزنة (⋯ على الموبايل) */
.kmenu{display:grid;gap:8px}
.kmenu .btn{width:100%;margin:0;justify-content:flex-start;text-align:start;font-weight:800}