/* مديرك المالي — واجهة موحّدة (ويب/جوال/سطح مكتب) */
:root{
  /* هوية مديرك المالي: أخضر الحقل + ذهبي القمح + أبيض، والأحمر للتنبيه فقط */
  --sand:#ffffff; --bg2:#eaf1e0; --ink:#1f2a1d; --paper:#ffffff; --card:#eef4e6;
  --clay:#35602f; --clay-d:#284a24; --olive:#5b6b3a; --gold:#c8a24a;
  --line:#d3dfc3; --muted:#5f6b58;
  --good:#2f7a47; --warn:#b8860b; --crit:#b3362d;
  --sidebar:#35602f; --sidebar-ink:#f1f6ea; --sidebar-mut:#bcd2b0;
  --on-clay:#ffffff; --on-gold:#2a2008;
  --shadow:0 1px 2px rgba(31,42,29,.05);
  --r:14px;
  --f:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
}
body.dark{
  --sand:#0f1812; --bg2:#1d3426; --ink:#e8efe6; --paper:#121c15; --card:#16221a;
  --clay:#3f8a58; --clay-d:#337048; --olive:#8ea35e; --gold:#d8b050;
  --line:#243529; --muted:#9fb0a2;
  --good:#58b57b; --warn:#d8b050; --crit:#e0675d;
  --sidebar:#0d261a; --sidebar-ink:#e6efe6; --sidebar-mut:#8fa896;
  --on-clay:#ffffff; --on-gold:#2a2008;
  --shadow:none;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--f);direction:rtl;line-height:1.6}
button{font-family:inherit}
.hidden{display:none !important}

/* ===== الدخول ===== */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;
  background:linear-gradient(135deg,var(--sand),var(--bg2))}
.login-card{background:var(--card);border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--shadow);padding:34px 30px;width:100%;max-width:380px;text-align:center}
.login-card .logo{width:62px;height:62px;border-radius:17px;margin:0 auto 14px;
  background:var(--gold);color:var(--on-gold);font-weight:800;display:grid;place-items:center;font-size:1.9rem}
.login-card h1{margin:0 0 4px;font-size:1.5rem}
.login-card p{margin:0 0 22px;color:var(--muted);font-size:.9rem}
.field{text-align:right;margin-bottom:14px}
.field label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--paper);color:var(--ink);font-size:.95rem;font-family:inherit}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--clay);border-color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
  border:none;border-radius:10px;padding:11px 18px;font-size:.92rem;font-weight:600;
  background:var(--clay);color:var(--on-clay);transition:background .15s}
.btn:hover{background:var(--clay-d)}
.btn.block{width:100%}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{background:var(--bg2)}
.btn.sm{padding:6px 12px;font-size:.82rem}
.btn.danger{background:var(--crit)}
.err{color:var(--crit);font-size:.85rem;min-height:1.1em;margin-top:4px}

/* ===== التخطيط ===== */
.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.sidebar{background:var(--sidebar);color:var(--sidebar-ink);padding:14px 10px;overflow-y:auto}
.brand{display:flex;align-items:center;gap:10px;padding:8px 10px 14px}
.brand .mk{width:38px;height:38px;border-radius:11px;background:var(--gold);display:grid;place-items:center;font-size:1.2rem;font-weight:800;color:var(--on-gold)}
.brand small{display:block;color:var(--sidebar-mut);font-size:.7rem}
.brand{border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:6px}
.brand b{font-size:1.05rem}
.navgroup{margin-top:6px}
.navgroup>.gh{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--sidebar-mut);
  font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:10px 10px 6px;cursor:pointer;text-align:right}
.navitem{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;color:var(--sidebar-ink);
  cursor:pointer;font-size:.9rem;border:none;background:none;width:100%;text-align:right}
.navitem:hover{background:rgba(255,255,255,.06)}
.navitem.active{background:var(--gold);color:var(--on-gold);font-weight:700}
.navitem .ic{width:18px;text-align:center}
.navitem .soon{margin-inline-start:auto;font-size:.62rem;background:rgba(255,255,255,.12);
  color:var(--sidebar-mut);padding:1px 7px;border-radius:999px}
.main{min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:4px solid var(--gold);
  background:var(--clay);color:#fff;position:sticky;top:0;z-index:5}
.topbar .iconbtn{color:#fff;border-color:rgba(255,255,255,.4)}
.topbar h2{margin:0;font-size:1.15rem}
.topbar .sp{flex:1}
.topbar .who{font-size:.85rem;color:rgba(255,255,255,.85)}
.content{padding:20px;flex:1;overflow-y:auto}
.menu-toggle{display:none}

/* ===== عناصر عامة ===== */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.kpi .lab{font-size:.78rem;color:var(--muted)}
.kpi .val{font-size:1.7rem;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}
.kpi .val.up{color:var(--good)} .kpi .val.dn{color:var(--crit)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:18px}
.panel-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.panel-h h3{margin:0;font-size:1.05rem} .panel-h .sp{flex:1}
.panel-b{padding:16px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.toolbar input[type=search]{flex:1;min-width:160px;padding:9px 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--card);color:var(--ink)}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.9rem}
th,td{text-align:right;padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}
thead th{background:var(--clay);color:#fff;font-size:.82rem;font-weight:600;position:sticky;top:0}
tbody tr:nth-child(even){background:var(--bg2)}
tbody tr:hover{background:color-mix(in srgb,var(--gold) 18%,var(--paper))}
tbody tr:last-child td{border-bottom:none}
.tag{font-size:.72rem;padding:2px 10px;border-radius:999px;font-weight:700;display:inline-block}
.tag.g{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}
.tag.w{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}
.tag.c{background:color-mix(in srgb,var(--crit) 18%,transparent);color:var(--crit)}
.tag.n{background:var(--bg2);color:var(--muted)}
.rowact{display:flex;gap:6px}
.iconbtn{background:none;border:1px solid var(--line);border-radius:8px;padding:4px 9px;cursor:pointer;color:var(--ink);font-size:.8rem}
.iconbtn:hover{background:var(--bg2)}
.empty{text-align:center;color:var(--muted);padding:40px 20px}
.soon-page{text-align:center;color:var(--muted);padding:60px 20px}
.soon-page .big{font-size:2.4rem;margin-bottom:8px}

/* ===== النافذة المنبثقة ===== */
.modal-back{position:fixed;inset:0;background:rgba(20,14,8,.5);display:grid;place-items:center;padding:16px;z-index:50}
.modal{background:var(--card);border-radius:18px;box-shadow:var(--shadow);width:100%;max-width:560px;max-height:90vh;overflow:auto}
.modal.wide{max-width:760px}
.modal-h{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.modal-h h3{margin:0;font-size:1.1rem;flex:1}
.modal-b{padding:18px}
.modal-f{position:sticky;bottom:0;background:var(--card);display:flex;gap:10px;justify-content:flex-start;padding:14px 18px;border-top:1px solid var(--line)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .full{grid-column:1/-1}

/* بطاقة الحيوان */
.animal-card .top{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.barcode{font-family:"Libre Barcode 39",monospace}
.barcode-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;text-align:center}
.barcode-box svg{display:block}
.barcode-box .code{font-size:.8rem;letter-spacing:.15em;color:#111;margin-top:4px}

/* مصفوفة الصلاحيات */
.permgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.permrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:.88rem}
.permrow input{width:18px;height:18px;accent-color:var(--clay)}

@media (max-width:820px){
  .permgrid{grid-template-columns:1fr}
  .app{grid-template-columns:1fr}
  .sidebar{position:fixed;inset:0 0 0 auto;width:260px;transform:translateX(100%);transition:transform .2s;z-index:40}
  body.nav-open .sidebar{transform:translateX(0);box-shadow:var(--shadow)}
  body.nav-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:39}
  .menu-toggle{display:inline-flex}
  .form-grid{grid-template-columns:1fr}
}

/* ===== قائمة جانبية قابلة للطيّ ===== */
.navgroup.collapsible>.gh{justify-content:space-between;color:var(--sidebar-ink);font-size:.9rem;font-weight:600;letter-spacing:0;border-radius:9px;padding:9px 12px}
.navgroup.collapsible>.gh:hover{background:rgba(255,255,255,.08)}
.navgroup.collapsible .chev{transition:transform .2s;color:var(--sidebar-mut)}
.navgroup.collapsible.open .chev{transform:rotate(180deg)}
.navgroup.collapsible .gi{display:none;margin-right:14px;padding-right:6px;border-right:1px solid rgba(255,255,255,.18)}
.navgroup.collapsible.open .gi{display:block}
.navgroup.single{margin-top:2px}
.navitem{color:var(--sidebar-ink)}
/* ===== بطاقات الأرقام وتبويبات الحالة ===== */
.kpi{background:var(--card)}
.kpi .val{color:var(--clay)} body.dark .kpi .val{color:var(--ink)}
.kpi .val.dn{color:var(--crit)} .kpi .val.up{color:var(--good)}
.panel-h{background:color-mix(in srgb,var(--clay) 10%,var(--card));border-radius:var(--r) var(--r) 0 0}
.stabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.stab{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:7px 16px;cursor:pointer;font-size:.88rem}
.stab b{background:var(--bg2);border-radius:999px;padding:0 8px;margin-right:6px;font-size:.78rem}
.stab.on{background:var(--clay);color:var(--on-clay);border-color:transparent;font-weight:700}
.stab.on b{background:var(--gold);color:var(--on-gold)}
.fsel{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-family:inherit}
.tag.g{background:var(--paper)} .tag.w{background:var(--paper)} .tag.c{background:var(--paper)}

/* ===== العمليات اليومية: نماذج بملخص جانبي حي ===== */
.split{display:grid;grid-template-columns:1fr 290px;gap:14px;align-items:start}
.split .panel{margin-bottom:0}
.side{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:sticky;top:12px}
.side .ph{background:var(--clay);color:var(--on-clay);padding:12px 16px;font-weight:700}
.side .srow{display:flex;justify-content:space-between;gap:10px;padding:9px 16px;border-bottom:1px solid var(--line);font-size:.9rem}
.side .srow b{font-variant-numeric:tabular-nums}
.side .srow.tot{background:var(--bg2);font-size:1.02rem}
.side .srow.tot b{color:var(--clay)}
body.dark .side .srow.tot b{color:var(--gold)}
.side .hint{padding:10px 16px;color:var(--muted);font-size:.8rem;line-height:1.7}
.sec{font-weight:700;font-size:.92rem;color:var(--clay);border-bottom:1px solid var(--line);padding-bottom:4px;margin:14px 0 10px}
body.dark .sec{color:var(--gold)}
.sec:first-child{margin-top:0}
.sub{font-size:.74rem;color:var(--muted)}
.chk{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--ink);padding:10px 0;cursor:pointer}
.chk input{width:auto}
@media(max-width:820px){.split{grid-template-columns:1fr}.side{position:static}}

/* ===== الحظائر: مؤشر الإشغال والبطاقات ===== */
.occ{min-width:150px}
.occt{display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted);margin-bottom:3px}
.otrack{height:9px;border-radius:99px;background:var(--bg2);overflow:hidden}
.ofill{height:100%;border-radius:99px;background:var(--good)}
.ofill.mid{background:var(--gold)} .ofill.hi{background:var(--crit)}
.pcn{font-weight:700;color:var(--good)} .pcn.mid{color:var(--warn)} .pcn.hi{color:var(--crit)}
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pch{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.pbig{font-size:1.5rem;font-weight:700;color:var(--clay);font-variant-numeric:tabular-nums}
body.dark .pbig{color:var(--ink)}
.pbig small{font-size:.85rem;color:var(--muted);font-weight:400}
.prow{display:flex;justify-content:space-between;font-size:.84rem;color:var(--muted)}
.prow b{color:var(--ink)}
.pwarn{font-size:.8rem;color:var(--crit);font-weight:600}

/* ===== فاتورة بيع v14 ===== */
.pickbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--clay);color:var(--on-clay);border-radius:var(--r) var(--r) 0 0;font-size:.95rem}
.selbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:.86rem}
.selbar input,.selbar select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
.selchip{display:inline-block;min-width:26px;text-align:center;background:var(--clay);color:var(--on-clay);border-radius:99px;padding:1px 10px;font-weight:700}
.scrollbox{max-height:380px;overflow:auto}
.scrollbox table{width:100%}
.scrollbox tr.sel{background:color-mix(in srgb,var(--good) 10%,transparent)}
.pin{width:100px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font:inherit}
.pin:disabled{opacity:.4}
.xrow{display:grid;grid-template-columns:1.4fr 1.2fr .6fr .6fr auto;gap:6px;margin-bottom:6px}
.xrow input,.xrow select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;min-width:0}
.side .sfld{padding:8px 16px}
.side .sfld label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:3px}
.side .sfld input,.side .sfld select{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;box-sizing:border-box}
.side .s2{display:grid;grid-template-columns:1fr 1fr}
.side .acts{display:flex;flex-direction:column;gap:8px;padding:12px 16px}
.btn.gold{background:var(--gold);color:#2a2410}
@media(max-width:820px){.xrow{grid-template-columns:1fr 1fr}.side .s2{grid-template-columns:1fr}}

/* ===== العملاء v14 ===== */
.ccards{display:grid;gap:10px}
.ccard{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-inline-start:5px solid var(--clay);border-radius:var(--r);padding:12px 16px;box-shadow:var(--shadow)}
.cav{width:44px;height:44px;border-radius:50%;background:var(--clay);color:var(--on-clay);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:2px solid var(--gold)}
.cn{font-weight:700;font-size:1.02rem}
.ctags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.cbal{text-align:end;min-width:110px}.cbal b{font-size:1.15rem;font-variant-numeric:tabular-nums;display:block}
.zbox{background:var(--card);border:1px dashed var(--gold);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:.88rem;line-height:1.8}
.zbox ul{margin:4px 0 0;padding-inline-start:20px;color:var(--warn)}
.zinfo{background:var(--card);border-radius:9px;padding:8px 10px;font-size:.84rem;line-height:1.7;border-inline-start:4px solid var(--muted)}
.zinfo.ok{border-color:var(--good)}.zinfo.warn{border-color:var(--warn)}
.btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:820px){.ccard{grid-template-columns:auto 1fr}.cbal{text-align:start}.ccard .rowact{grid-column:1/-1}}

/* ===== سندات القبض v14 ===== */
.pager{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
tr.tfoot td{background:var(--bg2);font-weight:700;border-top:2px solid var(--clay)}
.prow2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-top:1px solid var(--line)}
.prow2 input{width:100px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
#rLog th,#rLog td{padding:10px 7px;font-size:.88rem}
#rLog .rowact{gap:4px;flex-wrap:nowrap}#rLog .iconbtn{padding:4px 8px;font-size:.78rem}

/* ===== كشف الحساب v14 ===== */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:5px 14px;font:inherit;font-size:.84rem;cursor:pointer}
.chip.on{background:var(--clay);color:var(--on-clay);border-color:var(--clay)}
table.stmt tr.open td{background:var(--clay);color:var(--on-clay)}
table.stmt td,table.stmt th{padding:9px 8px;font-size:.88rem}

/* ===== فواتير الشراء ومدفوعات الموردين v14 ===== */
.split>*{min-width:0}
#bl select,#bl input{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
#bl td{vertical-align:top;padding:8px 6px}
#pLog th,#pLog td,#yLog th,#yLog td{padding:10px 7px;font-size:.88rem}
#pLog .rowact,#yLog .rowact{gap:4px;flex-wrap:nowrap}#pLog .iconbtn,#yLog .iconbtn{padding:4px 8px;font-size:.78rem}

/* ===== تنسيق التواريخ: سنة/شهر/يوم ===== */
.dt{direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.dtw{position:relative;display:inline-block;vertical-align:middle}
.field .dtw,.sfld .dtw{display:block}
.dtw>input.dti{width:100%;box-sizing:border-box}
.dtw>input.dti::-webkit-datetime-edit{color:transparent}
.dtw>input.dti::-webkit-datetime-edit-fields-wrapper{color:transparent}
.dtw>input.dti{color:transparent}
.dtw>input.dti:focus{color:transparent}
.dtv{position:absolute;inset-block:0;inset-inline-start:12px;display:flex;align-items:center;pointer-events:none;direction:ltr;font-variant-numeric:tabular-nums;color:var(--ink);font-size:.95em}
.dtv.ph{color:var(--muted)}
.sfld .dtv{inset-inline-start:9px}
.toolbar .dtw .dtv{font-size:.9em}

/* ===== التقويم المنبثق ===== */
.dtw>input.dti{cursor:pointer;padding-inline-end:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2335602f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") no-repeat left 10px center;padding-left:34px}
.dpop{position:fixed;z-index:100000;width:min(330px,calc(100vw - 16px));box-sizing:border-box;background:var(--card,#fff);color:var(--ink,#1f2a1d);border:1px solid var(--line,#dfe8d4);border-radius:14px;box-shadow:0 12px 36px rgba(31,42,29,.22);padding:12px;font-family:inherit}
.dpop .dh{display:flex;gap:6px;align-items:center;margin-bottom:10px}
.dpop select{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line,#dfe8d4);border-radius:10px;background:var(--paper,#f4f7ef);color:inherit;font:inherit;font-weight:600}
.dpop .dnv{width:34px;height:34px;border:1px solid var(--line,#dfe8d4);border-radius:10px;background:var(--paper,#f4f7ef);color:inherit;font-size:1.1rem;cursor:pointer;flex:none}
.dpop .dnv:hover,.dpop .df button:hover{background:#eef4e6}
.dpop .dw,.dpop .dg{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.dpop .dw span{font-size:.8rem;color:var(--muted,#7a8a70);padding:6px 0}
.dpop .dd{height:38px;margin:1px;border:1px solid transparent;border-radius:9px;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}
.dpop .dd:hover{background:#eef4e6}
.dpop .dd.tod{border-color:#c8a24a}
.dpop .dd.sel{background:#35602f;color:#fff;border-color:#35602f}
.dpop .df{display:flex;gap:8px;margin-top:10px}
.dpop .df button{flex:1;padding:9px;border:1px solid var(--line,#dfe8d4);border-radius:10px;background:var(--paper,#f4f7ef);color:inherit;font:inherit;font-weight:600;cursor:pointer}
.toolbar .dtw,.panel .toolbar .dtw{min-width:150px}
.dtv{inset-inline-start:auto;right:12px;left:34px;justify-content:flex-end}
.sfld .dtv{right:9px}
.dpop{background:#fff}
body.dark .dpop{background:#26331f;color:#eef4e6}
body.dark .dpop select,body.dark .dpop .dnv,body.dark .dpop .df button{background:#1d2818;color:#eef4e6;border-color:#3b4d33}
body.dark .dpop .dd:hover,body.dark .dpop .dnv:hover,body.dark .dpop .df button:hover{background:#33452b}
.dpop select,.dpop .dnv,.dpop .df button{background:#f3f6ef}

/* نموذج فاتورة الشراء: حقول اللوحة الجانبية بعمود واحد وبعرض كامل لوضوح القراءة */
.pfv .side .s2{grid-template-columns:1fr}
.pfv .side .sfld input,.pfv .side .sfld select{padding:10px 12px;font-size:.95rem}
.pfv .side .sfld label{font-size:.85rem;margin-bottom:4px}
.pfv .side .sfld .dtw>input.dti{padding-left:36px}

/* تنبيه عدم وجود حسابات مالية */
.acchint{margin-top:6px;padding:8px 10px;border:1px solid #c8a24a;border-radius:10px;background:#fbf6e8;color:#5b4a14;font-size:.84rem;line-height:1.6}
.acchint a{color:#35602f;font-weight:700;text-decoration:underline}
.acchint .sub{margin-top:2px}
#bl td select[data-k="itemId"],#bl td input[data-k="item"]{display:block}

/* سجل الصرف من المخزون: جدول مضغوط */
#siLog th,#siLog td{padding:10px 7px;font-size:.88rem}
#siLog .rowact{gap:4px;flex-wrap:nowrap}#siLog .iconbtn{padding:4px 8px;font-size:.78rem}
#siLog td:nth-child(3){white-space:normal;min-width:120px}
/* سجل الإيرادات */
#rvLog th,#rvLog td{padding:10px 7px;font-size:.88rem}
#rvLog .rowact{gap:4px;flex-wrap:nowrap}#rvLog .iconbtn{padding:4px 8px;font-size:.78rem}
#rvLog td:nth-child(4){white-space:normal;min-width:150px}
#rvLog .toolbar .fsel[type=date],#rvLog .toolbar .dtw{min-width:150px}
#rvLog .toolbar input[type=search]{min-width:220px}
#rvForm .vhint{font-size:.85rem;color:var(--muted);line-height:1.7;margin-bottom:4px}
#rvForm textarea{width:100%;font-family:inherit}

/* ===== مظهر HeroUI (الإصدار 34): هوية الألوان نفسها بلغة تصميم HeroUI =====
   زوايا مستديرة كبيرة، ظلال ناعمة بدل الحدود، حقول بحدّ سميك وحلقة تركيز، أزرار بضغطة،
   جداول بترويسة فاتحة بلا تظليل متناوب، شرائح ملوّنة شفافة، تبويبات مقسَّمة، ونوافذ بتمويه الخلفية */
:root{
  --hu-shadow-s:0 0 5px 0 rgba(0,0,0,.02),0 2px 10px 0 rgba(0,0,0,.06),0 0 1px 0 rgba(0,0,0,.3);
  --hu-shadow-m:0 0 15px 0 rgba(0,0,0,.03),0 2px 30px 0 rgba(0,0,0,.08),0 0 1px 0 rgba(0,0,0,.3);
  --hu-shadow-l:0 0 30px 0 rgba(0,0,0,.04),0 30px 60px 0 rgba(0,0,0,.12),0 0 1px 0 rgba(0,0,0,.3);
  --hu-ring:color-mix(in srgb,var(--clay) 22%,transparent);
  --hu-bd:#dce5d0; --hu-bd-h:#b9c9a6; --hu-def:#f0f4ea; --hu-div:rgba(31,42,29,.09);
  --r:14px;
}
body.dark{
  --hu-shadow-s:0 0 0 1px rgba(255,255,255,.07),0 2px 10px rgba(0,0,0,.35);
  --hu-shadow-m:0 0 0 1px rgba(255,255,255,.07),0 8px 30px rgba(0,0,0,.45);
  --hu-shadow-l:0 0 0 1px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.6);
  --hu-bd:#2c4033; --hu-bd-h:#3f5c4a; --hu-def:#1c2b21; --hu-div:rgba(255,255,255,.09);
}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 28%,transparent) transparent}
:where(button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--clay);outline-offset:2px}

/* البطاقات: ظل ناعم بدل الحد */
.kpi,.panel,.tablewrap,.side,.pcard,.login-card{border:none;box-shadow:var(--hu-shadow-s)}
.ccard{border:0;border-inline-start:5px solid var(--clay);box-shadow:var(--hu-shadow-s)}
.kpi{padding:18px;transition:box-shadow .25s,transform .25s}
.kpi:hover{box-shadow:var(--hu-shadow-m)}
.kpi .lab{font-weight:500;font-size:.8rem}
.login-card{box-shadow:var(--hu-shadow-m)}
.panel-h{border-bottom:1px solid var(--hu-div)}
.side .srow,.prow2,.selbar{border-color:var(--hu-div)}
.side .srow.tot{background:var(--hu-def)}

/* الحقول: حدّ 2px، تمرير، وحلقة تركيز */
.field label{font-size:.84rem;font-weight:500;color:color-mix(in srgb,var(--ink) 78%,transparent);margin-bottom:6px}
.field input,.field select,.field textarea,.toolbar input[type=search],.fsel{
  border:2px solid var(--hu-bd);border-radius:12px;background-color:var(--paper);min-height:44px;padding:9px 14px;
  transition:border-color .2s,box-shadow .2s,background-color .2s}
.field textarea{min-height:88px}
.selbar input,.selbar select,.pin,.xrow input,.xrow select,.side .sfld input,.side .sfld select,#bl select,#bl input,.prow2 input{
  border:1.5px solid var(--hu-bd);border-radius:10px;background-color:var(--paper);transition:border-color .2s,box-shadow .2s}
.field input:hover,.field select:hover,.field textarea:hover,.toolbar input[type=search]:hover,.fsel:hover,.selbar input:hover,.selbar select:hover,
.pin:hover,.xrow input:hover,.xrow select:hover,.side .sfld input:hover,.side .sfld select:hover,#bl select:hover,#bl input:hover,.prow2 input:hover{border-color:var(--hu-bd-h)}
.field input:focus,.field select:focus,.field textarea:focus,.toolbar input[type=search]:focus,.fsel:focus,.selbar input:focus,.selbar select:focus,
.pin:focus,.xrow input:focus,.xrow select:focus,.side .sfld input:focus,.side .sfld select:focus,#bl select:focus,#bl input:focus,.prow2 input:focus{
  outline:none;border-color:var(--clay);box-shadow:0 0 0 4px var(--hu-ring)}
.field input::placeholder,.field textarea::placeholder,.toolbar input::placeholder{color:color-mix(in srgb,var(--ink) 38%,transparent)}
select:not([multiple]){appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:left 12px center;background-size:16px;padding-left:36px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6b58' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.dtw>input.dti{background-color:var(--paper);border:2px solid var(--hu-bd);border-radius:12px;min-height:44px}
.dtw>input.dti:hover{border-color:var(--hu-bd-h)}
.dtw>input.dti:focus{border-color:var(--clay);box-shadow:0 0 0 4px var(--hu-ring);outline:none}
.pfv .side .sfld .dtw>input.dti,.side .sfld .dtw>input.dti{border-width:1.5px;border-radius:10px;min-height:0}
.chk input,.permrow input{accent-color:var(--clay)}

/* الأزرار */
.btn{border-radius:12px;min-height:40px;padding:0 18px;font-weight:500;letter-spacing:.01em;
  transition:transform .15s,background-color .2s,box-shadow .2s,opacity .2s}
.btn:not(.ghost):not(.danger):not(.gold){box-shadow:0 4px 14px color-mix(in srgb,var(--clay) 30%,transparent)}
.btn.gold{box-shadow:0 4px 14px color-mix(in srgb,var(--gold) 38%,transparent)}
.btn.danger{box-shadow:0 4px 14px color-mix(in srgb,var(--crit) 30%,transparent)}
.btn:hover{opacity:.93}
.btn:active:not(:disabled){transform:scale(.97)}
.btn.sm{min-height:32px;padding:0 12px;border-radius:10px;box-shadow:none}
.btn.ghost{background:transparent;border:2px solid var(--hu-bd);box-shadow:none;color:var(--ink)}
.btn.ghost:hover{background:var(--hu-def);opacity:1;border-color:var(--hu-bd-h)}
.pickbar .btn.ghost{border-color:rgba(255,255,255,.45)}
.iconbtn{border:1.5px solid var(--hu-bd);border-radius:10px;transition:background-color .2s,transform .15s,border-color .2s}
.iconbtn:hover{background:var(--hu-def);border-color:var(--hu-bd-h)}
.iconbtn:active{transform:scale(.96)}

/* الجداول: ترويسة فاتحة، بلا تظليل متناوب */
.tablewrap{border-radius:var(--r);overflow:auto}
thead th{background:var(--hu-def);color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:.78rem;font-weight:600;border-bottom:none;padding-block:12px}
thead th:first-child{border-start-start-radius:10px;border-end-start-radius:10px}
thead th:last-child{border-start-end-radius:10px;border-end-end-radius:10px}
tbody tr:nth-child(even){background:transparent}
tbody td{border-bottom:1px solid var(--hu-div)}
tbody tr{transition:background-color .15s}
tbody tr:hover{background:var(--hu-def)}
tr.tfoot td{background:var(--hu-def);border-top:1px solid var(--hu-div);font-weight:700}
.scrollbox tr.sel{background:color-mix(in srgb,var(--good) 10%,transparent)}

/* الشرائح (Chip) والتبويبات (Tabs) */
.tag{font-size:.74rem;font-weight:600;padding:3px 11px;border-radius:999px}
.tag.g{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}
.tag.w{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}
.tag.c{background:color-mix(in srgb,var(--crit) 14%,transparent);color:var(--crit)}
.tag.n{background:var(--hu-def);color:var(--muted)}
.stabs{display:inline-flex;max-width:100%;overflow-x:auto;gap:4px;padding:4px;background:var(--hu-def);border-radius:14px}
.stab{border:none;background:transparent;border-radius:11px;padding:7px 16px;transition:background-color .2s,box-shadow .2s,color .2s}
.stab.on{background:var(--paper);color:var(--clay);box-shadow:var(--hu-shadow-s)}
body.dark .stab.on{color:var(--ink)}
.chip{border:1.5px solid var(--hu-bd);border-radius:999px;transition:background-color .2s,border-color .2s,transform .15s}
.chip:hover{background:var(--hu-def)}
.chip:active{transform:scale(.96)}
.chip.on{background:var(--clay);border-color:var(--clay);color:var(--on-clay);box-shadow:0 4px 12px color-mix(in srgb,var(--clay) 28%,transparent)}

/* النوافذ: تمويه الخلفية وحركة دخول */
@keyframes huIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
@keyframes huFade{from{opacity:0}to{opacity:1}}
.modal-back{background:rgba(15,24,18,.42);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);animation:huFade .2s ease-out}
.modal{border-radius:18px;box-shadow:var(--hu-shadow-l);animation:huIn .24s cubic-bezier(.16,1,.3,1)}
.modal-h{border-bottom:1px solid var(--hu-div);padding:16px 20px}
.modal-h h3{font-weight:600}
.modal-b{padding:20px}
.modal-f{border-top:1px solid var(--hu-div);padding:14px 20px}
.toast{border-radius:14px;box-shadow:var(--hu-shadow-m)}

/* القائمة الجانبية */
.navitem,.navgroup.collapsible>.gh{border-radius:12px;transition:background-color .2s,transform .15s}
.navitem:active{transform:scale(.98)}
.navitem.active{box-shadow:0 4px 12px rgba(0,0,0,.18)}
.brand .mk,.login-card .logo{border-radius:14px}

/* التقويم المنبثق */
.dpop{border:none;border-radius:18px;box-shadow:var(--hu-shadow-l);animation:huIn .2s cubic-bezier(.16,1,.3,1)}
.dpop select,.dpop .dnv,.dpop .df button{border:1.5px solid var(--hu-bd);border-radius:12px}
.dpop .dd{border-radius:11px;transition:background-color .15s}
.dpop .dd.sel{box-shadow:0 4px 12px color-mix(in srgb,#35602f 35%,transparent)}
.acchint{border-radius:12px}
.pager .btn.sm{border-radius:10px}
.pickbar,.panel-h,.side .ph{letter-spacing:.01em}

.toolbar .fsel,.toolbar input[type=search],.toolbar .dtw>input.dti{min-height:42px}
body.dark select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239fb0a2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.dpop select:not([multiple]){background-position:left 8px center;padding-left:28px}

/* عند توفر GSAP تتولّى motion.js الحركة؛ نُوقف حركات CSS المكرَّرة */
html.gsap .modal,html.gsap .modal-back,html.gsap .dpop{animation:none}

/* ===== التقارير المحاسبية ===== */
.rp-head h3{margin:0 0 2px;font-size:1.3rem;color:var(--clay)} .rp-head p{margin:0 0 14px;color:var(--muted);font-size:.92rem}
.rp-fr{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.rp-fr .sfld{min-width:170px;flex:1 1 170px} .rp-fr .sfld label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px}
.rp-fr .sfld input,.rp-fr .sfld select{width:100%}
.rp-act{display:flex;gap:8px;margin-inline-start:auto;flex-wrap:wrap}
.rp-k .kpi.tg{background:#35602f;color:#fff;border-color:#35602f} .rp-k .kpi.ty{background:#c8a24a;color:#2a2008;border-color:#c8a24a}
.rp-k .kpi.td{background:#244421;color:#fff;border-color:#244421} .rp-k .kpi.tr{background:#b3261e;color:#fff;border-color:#b3261e}
.rp-k .kpi.tg .lab,.rp-k .kpi.td .lab,.rp-k .kpi.tr .lab,.rp-k .kpi.tg .sub,.rp-k .kpi.td .sub,.rp-k .kpi.tr .sub{color:rgba(255,255,255,.85)}
.rp-k .kpi.ty .lab,.rp-k .kpi.ty .sub{color:rgba(42,32,8,.8)}
.rp-k .kpi .val{font-variant-numeric:tabular-nums} .rp-k .kpi .sub{font-size:.76rem;margin-top:4px;line-height:1.5}
.rp-k .cur{font-size:.55em;font-weight:500;opacity:.8}
.rp-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 18px}
.rp-strip div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.rp-strip span{display:block;font-size:.8rem;color:var(--muted)} .rp-strip b{font-size:1.15rem;font-variant-numeric:tabular-nums}
.rp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} @media(max-width:980px){.rp-two{grid-template-columns:1fr}}
.rp-t table td.n,.rp-t table th.n{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.rp-t td.neg,.neg{color:#b3261e;font-weight:700}
.rp-t tfoot td{font-weight:700;background:color-mix(in srgb,var(--clay) 8%,var(--card));border-top:2px solid var(--clay)}
.rp-stmt tr.sec td{background:color-mix(in srgb,var(--clay) 10%,var(--card));font-weight:700}
.rp-stmt tr.tot td{font-weight:700;border-top:1px solid var(--line)} .rp-stmt tr.key td{font-weight:700;background:#f7f1de}
.rp-stmt tr.final td{font-weight:800;font-size:1.02rem;border-top:2px solid var(--clay);background:#e4eed9} .rp-stmt tr.final.loss td{background:#fbe9e7;color:#b3261e}
body.dark .rp-stmt tr.key td{background:#2a2a18} body.dark .rp-stmt tr.final td{background:#1d3426} body.dark .rp-stmt tr.final.loss td{background:#3a1d1a}
.rp-ch svg{width:100%;height:auto;display:block;color:var(--ink)} .rp-lg{font-size:.8rem;margin-bottom:6px;color:var(--muted)}
.rp-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline:0 6px} .rp-lg span{margin-inline-end:14px}
.rp-hb-r{display:grid;grid-template-columns:minmax(90px,170px) 1fr minmax(110px,150px);gap:10px;align-items:center;margin:7px 0;font-size:.88rem}
.rp-hb-b{height:9px;background:color-mix(in srgb,var(--clay) 12%,var(--paper));border-radius:99px;overflow:hidden} .rp-hb-b i{display:block;height:100%;border-radius:99px}
.rp-hb-v{text-align:end;font-variant-numeric:tabular-nums} .rp-hb-v small{color:var(--muted)}
.rp-warn{border:1px solid var(--gold);background:#fbf4de;color:#3a2f0a;border-radius:var(--r);padding:10px 14px;margin:0 0 16px;font-size:.9rem}
body.dark .rp-warn{background:#2c2a14;color:#e8dfb4}
.rp-notes{font-size:.82rem;color:var(--muted);margin:4px 0 24px} .rp-notes ul{margin:6px 0 0;padding-inline-start:20px;line-height:1.8}
.rp-filter .panel-b{padding:14px 16px}

.rp-k .kpi.tg .val,.rp-k .kpi.ty .val,.rp-k .kpi.td .val,.rp-k .kpi.tr .val{color:inherit}
.rp-fr .fsel{width:100%;min-width:0}

/* ===== أسلوب Carbon للجداول والتقارير (v38): صفوف منتظمة، ترويسة واضحة، أسطح مسطحة ===== */
.tablewrap{border:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--paper)}
.tablewrap table{border-collapse:collapse}
.tablewrap thead th{background:color-mix(in srgb,var(--clay) 12%,var(--paper));color:var(--ink);font-weight:600;font-size:.76rem;letter-spacing:.02em;height:44px;padding:0 12px;border-bottom:1px solid color-mix(in srgb,var(--clay) 45%,var(--line));border-radius:0;white-space:nowrap}
.tablewrap tbody td{height:44px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}
.tablewrap tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--clay) 4%,var(--paper))}
.tablewrap tbody tr:hover td{background:color-mix(in srgb,var(--clay) 11%,var(--paper))}
.tablewrap tfoot td{background:color-mix(in srgb,var(--clay) 12%,var(--paper));border-top:1px solid color-mix(in srgb,var(--clay) 45%,var(--line));height:44px;padding:0 12px}
.tablewrap tbody td:last-child .btn,.tablewrap tbody td:last-child button{white-space:nowrap}
.tablewrap td .btn.sm,.tablewrap td .btn.ghost.sm{padding:4px 10px;font-size:.78rem}
.panel{border-radius:0;box-shadow:none;border:1px solid var(--line)}
.panel-h{border-radius:0}
.kpi{border-radius:0;box-shadow:none;border:0;border-top:3px solid var(--clay)}
.rp-k .kpi.tg{border-top-color:#161616} .rp-k .kpi.ty{border-top-color:#8a6d1f} .rp-k .kpi.td{border-top-color:#35602f} .rp-k .kpi.tr{border-top-color:#7a1410}
.rp-stmt tr.sec td{height:40px}
.rp-stmt tr.final td{background:#1f2a1d;color:#fff;border-top:0} .rp-stmt tr.final.loss td{background:#b3261e;color:#fff}
body.dark .rp-stmt tr.final td{background:#0d261a}
.tablewrap thead th,.tablewrap tbody td,.tablewrap tfoot td{padding-inline:10px}
.rp-t thead th,.rp-t tbody td,.rp-t tfoot td{padding-inline:8px;font-size:.8rem}
.rp-t thead th{font-size:.72rem;white-space:normal;line-height:1.3}
.rp-two .rp-t table{width:100%}
/* v38: no forced min-width inside reports; compact wide tables */
.rp-t table,.rp-two table{min-width:0}
.rp-t thead th,.rp-t tbody td,.rp-t tfoot td{padding-inline:6px}
.tablewrap table.dense{min-width:0}
.tablewrap td .btn.sm{padding:3px 8px}
.rp-ok{border:1px solid #b9d4b3;background:#eaf3e8;color:#24491f;border-radius:var(--r);padding:10px 14px;margin:0 0 16px;font-size:.92rem}
body.dark .rp-ok{background:#1d2c1b;color:#c9e3c2;border-color:#3d5a37}
.rp-badge{display:inline-block;font-size:.72rem;border:1px solid var(--gold);color:#6b5210;border-radius:99px;padding:0 8px;margin-inline-start:6px}
body.dark .rp-badge{color:#e8dfb4}
.tb-acc{color:inherit;text-decoration:none;font-weight:600;border-bottom:1px dotted var(--muted)}
.tb-acc:hover{color:var(--clay,#35602f)}
.tb-t th.c{text-align:center;border-inline-start:1px solid var(--line)}
.rp-back{margin:0 0 12px}
.linkbtn{background:none;border:0;padding:4px 2px;color:inherit;font:inherit;font-weight:600;text-decoration:underline dotted;cursor:pointer;min-height:32px}
.rp-det td{background:var(--card);padding:10px 14px}
.rp-detbox table{width:100%;max-width:560px;margin:8px 0}
.rp-detbox .btn{margin-top:8px}

/* القيود اليدوية */
.jt td{padding:6px 8px;vertical-align:middle}
.jt select,.jt input{width:100%;box-sizing:border-box;min-height:44px}
.jt td:nth-child(3) input,.jt td:nth-child(4) input{text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
.jt tfoot td{font-weight:700}
/* ميزان المراجعة: تفصيل الأطراف */
.tb-t tr.tb-sub td{background:color-mix(in srgb,var(--bg2) 55%,transparent);font-size:.93em}
.tb-t tr.tb-sub td:nth-child(2){padding-inline-start:26px}
.tb-t tr.tb-par td{font-weight:700}
.tb-ind{color:var(--muted)}

/* ===== لوحة التحكم الجديدة (v56): أخضر وذهبي مع بنفسجي وبرتقالي ===== */
:root{ --purple:#6b4c9a; --orange:#d9772b; --d-g:#e4eee1; --d-y:#f6ecd0; --d-o:#fbe6d3; --d-p:#e9e1f3;
  --t-g:#27491f; --t-y:#6b4f0e; --t-o:#8a420a; --t-p:#4c3375; }
body.dark{ --d-g:#1c3326; --d-y:#33290f; --d-o:#3a2411; --d-p:#2a2140; --t-g:#8fd0a2; --t-y:#e6c777; --t-o:#f0a56a; --t-p:#c5adf0; --purple:#a98ad8; --orange:#ee9a55; }
.dash{display:flex;flex-direction:column;gap:18px}
.dcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.dcard,.dpanel{background:var(--paper);border-radius:16px;box-shadow:var(--hu-shadow-s);padding:18px;min-width:0}
.dtop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dlab{font-size:.82rem;color:var(--muted)}
.dic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}
.dic.g{background:var(--d-g);color:var(--t-g)} .dic.y{background:var(--d-y);color:var(--t-y)}
.dic.o{background:var(--d-o);color:var(--t-o)} .dic.p{background:var(--d-p);color:var(--t-p)}
.dval{font-size:1.7rem;font-weight:700;margin-top:10px;font-variant-numeric:tabular-nums}
.dval small{font-size:.8rem;font-weight:500;color:var(--muted)} .dval .neg{color:var(--crit)}
.dsub{font-size:.76rem;margin-top:6px;color:var(--muted)}
.chg{font-weight:600} .chg.g{color:var(--t-g)} .chg.o{color:var(--t-o)} .chg.n{color:var(--muted);font-weight:500}
.drow{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
.drow>.dpanel{flex:1 1 300px} .drow>.dpanel.dwide{flex:2 1 460px}
.dph{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.dph h3{margin:0;font-size:1rem;font-weight:600}
.dleg{display:flex;gap:14px;font-size:.76rem;color:var(--muted)}
.dleg i,.dlegg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px}
.dchart{width:100%;height:auto;display:block}
.dgrid line{stroke:var(--hu-div);stroke-width:1} .dax text{font-size:11px;fill:var(--muted);font-family:var(--f)}
.ddon{display:flex;justify-content:center} .ddon svg{width:100%;max-width:190px;height:auto}
.dc1{font-size:24px;font-weight:700;fill:var(--ink);font-family:var(--f)} .dc2{font-size:11px;fill:var(--muted);font-family:var(--f)}
.dlegg{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:12px;font-size:.78rem}
.dscroll{overflow-x:auto}
.dtbl{width:100%;border-collapse:collapse}
.dtbl th{font-size:.74rem;font-weight:600;color:var(--muted);text-align:right;padding:9px 10px;border-bottom:1px solid var(--hu-div);white-space:nowrap}
.dtbl td{font-size:.82rem;padding:10px;border-bottom:1px solid var(--hu-div);white-space:nowrap}
.dtag{padding:3px 10px;border-radius:20px;font-size:.74rem;font-weight:600}
.dtag.g{background:var(--d-g);color:var(--t-g)} .dtag.y{background:var(--d-y);color:var(--t-y)} .dtag.o{background:var(--d-o);color:var(--t-o)}
.dlink{background:none;border:0;color:var(--clay);font-weight:600;font-size:.82rem;cursor:pointer;padding:6px} body.dark .dlink{color:var(--gold)}
.drow>.dpanel.dtop5{flex:1 1 340px}
.dtbl td:nth-child(2):not(:last-child),.dtbl td:first-child{max-width:230px;overflow:hidden;text-overflow:ellipsis}

/* ===== إقرار ضريبة القيمة المضافة ===== */
.vat-t table{border-collapse:collapse} .vat-t th,.vat-t td{border:1px solid var(--hu-bd);padding:9px 12px}
.vat-t th{background:var(--card)} .vat-t td.n{text-align:center;font-variant-numeric:tabular-nums}
.vat-t tr.vat-red td{background:var(--card);color:var(--crit);font-weight:700}
.vat-t tr.vat-blue td{background:var(--card);color:#3d5a80;font-weight:700} body.dark .vat-t tr.vat-blue td{color:#9bbbe0}
.vat-t tr.vat-gap td{height:10px;padding:0;background:var(--paper)}
.vat-t tr.vat-final td{background:#fff176;color:#1f1a00;font-weight:700;font-size:1.05em}
.vat-ref{width:140px;font-size:.78rem}
@media print{.rp-noprint{display:none}}

/* v58: جدول الأصناف في فاتورة البيع (نفس تصميم النموذج المعتمد) */
.ltwrap{background:#fff;border-radius:12px;padding:6px 8px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow-x:auto}
.ltbl{width:100%;border-collapse:collapse;font-size:.85rem}
.ltbl th{background:#eef4e6;color:#284a24;text-align:right;padding:9px 8px;font-weight:600;white-space:nowrap}
.ltbl td{padding:8px 6px;border-bottom:1px solid #eef1e8;vertical-align:middle}
.ltbl .n{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}
.ltbl input,.ltbl select{box-sizing:border-box;padding:6px 6px;border:1px solid #cdd8c2;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:.82rem;min-width:0}
.ltbl input[type=number]{width:62px;text-align:center}
.ltbl .lsel{display:flex;gap:4px;flex-wrap:wrap}.ltbl .lsel select,.ltbl .lsel input{flex:1 1 78px;max-width:130px}
.ltbl .lname .sub{margin-top:3px;font-size:.72rem}
/* الأعمدة الجديدة: خلفية صفراء وإطار برتقالي كما في النموذج */
/* v64: أُزيل التظليل الملوّن عن عمودَي الضريبة والأسعار */
.ltbl th.lnew,.ltbl td.lnew{background:transparent;box-shadow:none;color:inherit}
.ltbl .seg{display:inline-flex;border:1px solid #cdd8c2;border-radius:8px;overflow:hidden}
.ltbl .seg button{border:0;background:#fff;color:#5f6b58;padding:5px 8px;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}
.ltbl .seg button.on{background:#35602f;color:#fff}
.ltbl td.empty{text-align:center;color:var(--muted,#5f6b58);padding:16px}

/* ===== v59: بطاقات متدرجة (النموذج أ) ===== */
:root{ --gr1:linear-gradient(135deg,#4c8a43,#35602f); --gr2:linear-gradient(135deg,#a78bfa,#7c4ddf); --gr3:linear-gradient(135deg,#ec8a80,#d4554c);
  --gr4:linear-gradient(135deg,#6ccbe3,#3aa6c4); --gr5:linear-gradient(135deg,#7ad3c0,#2e9e87); --gr6:linear-gradient(135deg,#8b8cf0,#4f5fe0); }
.dcards>.dcard,.kpis:not(.rp-k)>.kpi{color:#fff;border:0;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.12);position:relative;overflow:hidden}
.dcards>.dcard:nth-child(6n+1),.kpis:not(.rp-k)>.kpi:nth-child(6n+1){background:var(--gr1)}
.dcards>.dcard:nth-child(6n+2),.kpis:not(.rp-k)>.kpi:nth-child(6n+2){background:var(--gr2)}
.dcards>.dcard:nth-child(6n+3),.kpis:not(.rp-k)>.kpi:nth-child(6n+3){background:var(--gr3)}
.dcards>.dcard:nth-child(6n+4),.kpis:not(.rp-k)>.kpi:nth-child(6n+4){background:var(--gr4)}
.dcards>.dcard:nth-child(6n+5),.kpis:not(.rp-k)>.kpi:nth-child(6n+5){background:var(--gr5)}
.dcards>.dcard:nth-child(6n+6),.kpis:not(.rp-k)>.kpi:nth-child(6n+6){background:var(--gr6)}
.dcard .dlab,.dcard .dval small,.dcard .dsub,.dcard .chg,.dcard .chg.g,.dcard .chg.o,.dcard .chg.n{color:rgba(255,255,255,.92)}
.dcard .dval,.dcard .dval .neg{color:#fff}
.dcard .dic{background:rgba(255,255,255,.22)!important;color:#fff!important}
.kpis:not(.rp-k)>.kpi .lab{color:rgba(255,255,255,.92)}
.kpis:not(.rp-k)>.kpi .val,.kpis:not(.rp-k)>.kpi .val.up,.kpis:not(.rp-k)>.kpi .val.dn,body.dark .kpis:not(.rp-k)>.kpi .val{color:#fff}
.kpis:not(.rp-k)>.kpi .val.dn{text-shadow:0 0 0 #fff;text-decoration:underline wavy rgba(255,255,255,.7) 1px;text-underline-offset:6px}
.dcards>.dcard:hover,.kpis:not(.rp-k)>.kpi:hover{transform:translateY(-2px)}
.dcards>.dcard,.kpis:not(.rp-k)>.kpi{transition:transform .2s}
/* v59b: مطابقة النموذج أ — 3 بطاقات بالصف وتذييل أبيض «عرض الكل» */
.dcards{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.dcards{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.dcards{grid-template-columns:1fr}}
.dcards>.dcard{padding:0;display:flex;flex-direction:column}
.dcard .dtop{padding:16px 18px 0}.dcard .dval{padding:0 18px;font-size:2rem}.dcard .dsub{padding:0 18px 14px;margin-top:4px}
.dcard .dic{width:30px;height:30px;border-radius:9px}
.dcard .dfoot{margin-top:auto;background:var(--paper);padding:9px 18px;min-height:36px}
.dcard .dfoot .dlink{color:var(--clay)!important;font-weight:600;font-size:.8rem;background:none;border:0;cursor:pointer;padding:0;font-family:inherit}
body.dark .dcard .dfoot .dlink{color:var(--ink)!important}

/* v60: شاشة شراء الحيوانات */
.apx{display:flex;flex-direction:column;gap:14px;max-width:1180px}
.apsteps{display:flex;gap:8px;flex-wrap:wrap}.apsteps div{flex:1;min-width:160px;background:var(--paper);border-radius:12px;padding:8px 12px;box-shadow:var(--hu-shadow-s);font-size:.84rem;color:var(--muted)}
.apsteps b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--clay);color:#fff;margin-inline-end:6px;font-size:.75rem}
.apgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.apbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.apsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.apsum>div{border-radius:14px;padding:12px 14px;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.apsum small{display:block;opacity:.92;font-size:.76rem}.apsum b{font-size:1.3rem;font-variant-numeric:tabular-nums}
.apsum .a1{background:var(--gr1)}.apsum .a2{background:var(--gr2)}.apsum .a4{background:var(--gr4)}.apsum .a5{background:var(--gr5)}.apsum .a3{background:var(--gr3)}
.apquick{margin-top:6px;display:flex;gap:6px}
.apok{background:var(--d-g);border-radius:14px;padding:14px 16px;line-height:1.9}
.apx .apgrid .field{margin-bottom:0}
.apx .hint{font-size:.8rem;color:var(--muted);line-height:1.7;margin-top:8px}
.apx .panel-b{padding:16px}
.apx .acts{margin-top:14px}
#apPens{font-size:.82rem}
.apx .sub input,.apx .sub select{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.apquick .btn{padding:4px 12px}

/* v63: شريط رأس أكبر مع التاريخ والصلاة القادمة */
.topbar{padding:16px 24px;gap:20px}.topbar h2{font-size:1.5rem}
.topbar .hcol{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.topbar .hinfo{display:flex;align-items:center;gap:16px}
.topbar .hdate{display:flex;flex-direction:column;line-height:1.5}.topbar .hdate b{font-size:1.05rem}.topbar .hdate span{font-size:.92rem;opacity:.9}
.topbar .hsep{width:1px;height:42px;background:rgba(255,255,255,.35)}
.topbar .hprayer{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:6px 14px;text-align:center;line-height:1.4;display:flex;flex-direction:column}
.topbar .hprayer b{font-size:1.05rem}.topbar .hprayer small{font-size:.76rem;opacity:.9}
.topbar .who{font-size:.9rem;margin-inline:4px}
@media(max-width:820px){.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.topbar h2{font-size:1.1rem}.topbar .hinfo{gap:8px}.topbar .hdate b{font-size:.85rem}.topbar .hdate span{font-size:.78rem}.topbar .hprayer{padding:4px 8px}.topbar .hprayer b{font-size:.85rem}.topbar .hsep{display:none}.topbar .hprayer small:first-child{display:none}.topbar .hcol{gap:2px}}

/* v64: أزرار طريقة الدفع في فاتورة الشراء */
.paymodes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.paymodes .btn{padding:12px 8px;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.4}
.paymodes .btn small{font-size:.74rem;opacity:.75;font-weight:400}
.paymodes .btn.on{background:var(--clay);color:#fff;border-color:var(--clay)}.paymodes .btn.on small{opacity:.9}
@media(max-width:700px){.paymodes{grid-template-columns:1fr}}

/* v64: زرّا شامل/غير شامل خارج الجداول (شاشة المصروف) */
#vIncl.seg{display:inline-flex;border:1px solid #cdd8c2;border-radius:10px;overflow:hidden;height:44px;align-items:stretch}
#vIncl.seg button{border:0;background:var(--paper);color:var(--ink);padding:0 18px;font:inherit;cursor:pointer}
#vIncl.seg button.on{background:var(--clay);color:#fff}

/* ===== v65: فاتورة البيع المنظمة (محلية / تصدير) — خطوات مرقّمة وملخص ثابت ===== */
.sl{--ex:#2f6f8f}
.sl-type{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.sl-type .t{border:2px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--paper);display:flex;gap:12px;align-items:center;cursor:pointer;text-align:right;font:inherit;color:var(--ink)}
.sl-type .t .ic{font-size:1.9rem;line-height:1}
.sl-type .t b{display:block;font-size:1.05rem}
.sl-type .t small{color:var(--muted)}
.sl-type .t.on{border-color:var(--clay);background:color-mix(in srgb,var(--clay) 9%,var(--paper));box-shadow:0 0 0 3px color-mix(in srgb,var(--clay) 18%,transparent)}
.sl-type .t.ex.on{border-color:var(--ex);background:color-mix(in srgb,var(--ex) 9%,var(--paper));box-shadow:0 0 0 3px color-mix(in srgb,var(--ex) 18%,transparent)}
.sl-grid{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
.sl-grid>*{min-width:0}
.sl .sl-lines{max-height:none}
.sl-step{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden}
.sl-step>.hd{display:flex;align-items:center;gap:10px;padding:12px 16px;background:color-mix(in srgb,var(--clay) 8%,var(--paper));border-bottom:1px solid var(--line)}
.sl-step>.hd .no{width:30px;height:30px;flex:none;border-radius:50%;background:var(--clay);color:#fff;display:grid;place-items:center;font-weight:700}
.sl-step>.hd b{font-size:1.02rem}.sl-step>.hd .sub{margin-inline-start:auto}
.sl-export .sl-step>.hd .no{background:var(--ex)}
.sl-step>.bd{padding:14px 16px}
.sl-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 14px}
.sl-g .field{margin-bottom:10px}
.sl-exbox{border:1px dashed var(--ex);background:color-mix(in srgb,var(--ex) 6%,var(--paper));border-radius:12px;padding:10px 12px 8px;margin-top:4px}
.sl-exbox .ttl{color:var(--ex);font-weight:700;margin-bottom:6px;font-size:.92rem}
.sl-curtag{font-weight:700}
.sl-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sl-add .btn{flex:1;min-width:150px;padding:10px}
.sl-def{background:#fff8e6;color:#2a2008;border-radius:10px;padding:8px 12px;font-size:.86rem;margin-top:10px}
.sl-def input{width:64px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;font:inherit;text-align:center}
.sl-def select{padding:4px 6px;border:1px solid var(--line);border-radius:8px;font:inherit}
.sl-def .sub{color:#5f5132}
.sl .adv{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:0 12px}
.sl .adv>summary{cursor:pointer;font-weight:600;padding:10px 0}
.sl-seg2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sl-seg2 .btn{padding:9px}
.sl-seg2 .btn.on{background:var(--clay);color:#fff;border-color:var(--clay)}
.sl #payFields.off{opacity:.45;pointer-events:none}
.sl-sum .ph{display:flex;justify-content:space-between;gap:8px}
.sl-export .sl-sum .ph{background:var(--ex)}
.sl-sum .srow.tot b{color:var(--clay)}
.sl-acts{display:grid;gap:8px;padding:14px 16px}
.sl-acts .btn{margin:0}
.ltbl td.lq{white-space:nowrap}
.sl-lines .ltbl td.n[id*="v"]{color:#7a4fc0;font-weight:600}
body.dark .sl-def{background:#2b2615;color:var(--ink)}body.dark .sl-def .sub{color:var(--muted)}
@media(max-width:900px){
  .sl-grid{grid-template-columns:1fr}
  .sl-sum{position:static}
  .sl-type .t{flex-direction:column;text-align:center;gap:4px;padding:10px}.sl-type .t small{display:none}
  .sl-g{grid-template-columns:1fr 1fr}
  .sl-add .btn{min-width:0;flex:1 1 30%}
  .sl-lines{overflow:visible;padding:0 4px;box-shadow:none;background:transparent}
  .sl-lines table.ltbl,.sl-lines .ltbl tbody{display:block;width:100%;min-width:0}
  .sl-lines .ltbl thead{display:none}
  .sl-lines .ltbl tr.lrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:10px 0;border-bottom:1px solid var(--line)}
  .sl-lines .ltbl tr.lrow td{border:0;padding:2px 0;min-width:0}
  .sl-lines .ltbl tr.lrow td.lname{grid-column:1/-1}
  .sl-lines .ltbl tr.lrow td.n{text-align:right}
  .sl-lines .ltbl tr.lrow td:last-child{text-align:left}
  .sl-lines .ltbl input[type=number]{width:100%;max-width:140px}
  .sl-lines .ltbl .lsel select,.sl-lines .ltbl .lsel input{max-width:none}
  .sl-lines .ltbl td.empty{display:block}
  .sl-lines .ltbl tr.lrow td:nth-child(2)::before{content:"الكمية";display:block;font-size:.72rem;color:var(--muted)}
  .sl-lines .ltbl tr.lrow td:nth-child(3)::before{content:"سعر الوحدة";display:block;font-size:.72rem;color:var(--muted)}
  .sl-lines .ltbl tr.lrow td:nth-child(4)::before{content:"السعر المكتوب";display:block;font-size:.72rem;color:var(--muted)}
  .sl-lines .ltbl tr.lrow td:nth-child(5)::before{content:"السعر قبل الضريبة";display:block;font-size:.72rem;color:var(--muted)}
  .sl-lines .ltbl tr.lrow td:nth-child(6)::before{content:"نسبة الضريبة ٪";display:block;font-size:.72rem;color:var(--muted)}
  .sl-lines .ltbl tr.lrow td:nth-child(7)::before{content:"مبلغ الضريبة";display:block;font-size:.72rem;color:var(--muted)}
  .sl-lines .ltbl tr.lrow td:nth-child(8)::before{content:"الإجمالي";display:block;font-size:.72rem;color:var(--muted)}
  .sl-lines .ltbl tr.lrow td:nth-child(7){color:#7a4fc0;font-weight:600}
}
@media(max-width:420px){.sl-g{grid-template-columns:1fr}}

/* ===== v66: فواتير المشتريات المنظمة — أنواع الشراء، شريط الدفع، الآجل لكل مورد، النموذج الموحد ===== */
.pu-ttl{font-weight:700;margin:0 0 8px;color:var(--clay-d)}
body.dark .pu-ttl{color:var(--ink)}
.pu-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pu-tc{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:14px 16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.pu-tc::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--c)}
.pu-tc .top{display:flex;align-items:center;gap:10px}.pu-tc .ic{font-size:2rem;line-height:1}
.pu-tc b.t{font-size:1.08rem}.pu-tc small{color:var(--muted)}
.pu-tc .st{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:.85rem;color:var(--muted);gap:8px}
.pu-tc .st b{color:var(--ink);font-size:1rem;white-space:nowrap}
.pu-tc .btn{margin-top:6px;background:var(--c);border-color:var(--c);color:#fff}
.pu-imp{margin-top:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,#2f6f8f 10%,var(--paper)),var(--paper));padding:12px 16px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}
.pu-imp::before{content:"";position:absolute;inset:0 0 0 auto;width:5px;background:#2f6f8f}
.pu-imp .ic{font-size:2rem}.pu-imp .tx{flex:1;min-width:0}.pu-imp small{color:var(--muted)}
.pu-imp .btn{background:#2f6f8f;border-color:#2f6f8f;color:#fff;white-space:nowrap}
.pu-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.pu-kpi>div{border-radius:16px;padding:14px 16px;background:var(--paper);border:1px solid var(--line)}
.pu-kpi small{color:var(--muted);display:block}.pu-kpi b{font-size:1.5rem;font-variant-numeric:tabular-nums}
.pu-kpi .paid{border-color:color-mix(in srgb,var(--good) 35%,var(--line));background:color-mix(in srgb,var(--good) 7%,var(--paper))}.pu-kpi .paid b{color:var(--good)}
.pu-kpi .cred{border-color:color-mix(in srgb,var(--crit) 35%,var(--line));background:color-mix(in srgb,var(--crit) 6%,var(--paper))}.pu-kpi .cred b{color:var(--crit)}
.pu-wrap{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.pu-wrap>*{min-width:0}
.pu-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.pu-tabs button{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font:inherit;font-size:.86rem;background:var(--paper);color:var(--ink);white-space:nowrap;cursor:pointer}
.pu-tabs button.on{background:var(--clay);color:#fff;border-color:var(--clay)}
.pu-tabs button i{font-style:normal;opacity:.7;margin-inline-start:6px}
.pu-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pu-filters input,.pu-filters select{padding:8px 10px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--paper);color:var(--ink)}
.pu-filters input{flex:1;min-width:180px}
.pu-list{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pu-row{display:grid;grid-template-columns:44px 1.1fr 1.4fr .9fr 1.6fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.pu-row:last-child{border-bottom:0}
.pu-row.hd{background:var(--bg2);font-size:.8rem;color:var(--muted);font-weight:600;padding:8px 14px}
.pu-row.kid{background:color-mix(in srgb,var(--c) 4%,var(--paper));padding-top:8px;padding-bottom:8px}
.pu-row.kid .pu-ic{background:transparent;color:var(--muted)}
.pu-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:color-mix(in srgb,var(--c) 14%,var(--paper))}
.pu-row .sub{font-size:.78rem}
.pu-amt b{font-size:1.02rem;font-variant-numeric:tabular-nums}
.pu-bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--crit) 22%,var(--paper));overflow:hidden;display:flex;margin:4px 0 3px}
.pu-bar i{display:block;background:var(--good)}
.pu-pay{font-size:.78rem}.pu-pay .g{color:var(--good);font-weight:700}.pu-pay .r{color:var(--crit);font-weight:700}
.pu-st{font-size:.76rem;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap;display:inline-block}
.pu-st.ok{background:color-mix(in srgb,var(--good) 14%,var(--paper));color:var(--good)}.pu-st.pt{background:color-mix(in srgb,var(--warn) 16%,var(--paper));color:var(--warn)}.pu-st.cr{background:color-mix(in srgb,var(--crit) 12%,var(--paper));color:var(--crit)}
.pu-act{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.pu-act .btn{padding:5px 10px;font-size:.8rem}
.pu-side{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:sticky;top:12px}
.pu-side .ph{background:var(--crit);color:#fff;padding:12px 16px;font-weight:700;display:flex;justify-content:space-between;gap:8px}
.pu-sup{padding:10px 16px;border-bottom:1px solid var(--line)}
.pu-sup.on{background:color-mix(in srgb,var(--crit) 6%,var(--paper))}
.pu-sup .n{display:flex;justify-content:space-between;gap:8px;font-weight:700}.pu-sup .n b{color:var(--crit);white-space:nowrap}
.pu-sup .a{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.pu-sup .a .btn{padding:4px 10px;font-size:.78rem}
.pu-side .ft{padding:10px 16px;font-size:.8rem;color:var(--muted)}
/* النموذج */
.pu-editbar{background:color-mix(in srgb,var(--gold) 18%,var(--paper));border-radius:12px;padding:8px 12px;margin-bottom:10px}
.pu-ftypes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pu-ft{border:2px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--paper);color:var(--ink);display:flex;gap:10px;align-items:center;font:inherit;text-align:right;cursor:pointer;width:100%}
.pu-ft:disabled{cursor:default;opacity:.55}.pu-ft.on:disabled{opacity:1}
.pu-ft .ic{font-size:1.6rem;line-height:1}.pu-ft b{display:block}.pu-ft small{display:block;color:var(--muted);font-size:.75rem}
.pu-ft.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--paper));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}
.pu-ft.imp{margin-top:10px}
.pu .sl-step>.hd .no{background:var(--kc,var(--clay))}
.pu-supbal{display:inline-block;margin-top:4px;background:color-mix(in srgb,var(--crit) 10%,var(--paper));color:var(--crit);border-radius:8px;padding:2px 8px;font-size:.78rem;font-weight:700}
.pu-supbal.ok{background:color-mix(in srgb,var(--good) 10%,var(--paper));color:var(--good)}
.pu-credit{border:2px solid color-mix(in srgb,var(--crit) 35%,var(--line));background:color-mix(in srgb,var(--crit) 6%,var(--paper));border-radius:14px;padding:12px 14px;margin-top:10px}
.pu-credit b{color:var(--crit)}
.pu-credit .flow{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.88rem;flex-wrap:wrap}
.pu-credit .flow span{background:var(--paper);border:1px solid color-mix(in srgb,var(--crit) 35%,var(--line));border-radius:8px;padding:3px 8px}
.pu-paidok{border:2px solid color-mix(in srgb,var(--good) 35%,var(--line));background:color-mix(in srgb,var(--good) 7%,var(--paper));border-radius:14px;padding:10px 14px;margin-top:10px;color:var(--good);font-weight:700}
.pu-cost{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.pu-cost .hd2{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}
.pu-seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.pu-seg button{border:0;background:var(--paper);color:var(--ink);padding:8px 12px;font:inherit;font-size:.84rem;cursor:pointer}.pu-seg button.on{background:var(--clay);color:#fff}
.pu-cost .seg{display:inline-flex;border:1px solid #cdd8c2;border-radius:8px;overflow:hidden}
.pu-cost .seg button{border:0;background:var(--paper);color:var(--muted);padding:8px 10px;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.pu-cost .seg button.on{background:#35602f;color:#fff}
.ltbl td.pu-v,.sl-lines .ltbl td.pu-v{color:#7a4fc0;font-weight:600}
.sl-sum .srow.cr b{color:var(--crit)}.sl-sum .srow.pd b{color:var(--good)}
@media(max-width:1100px){.pu-wrap{grid-template-columns:1fr}.pu-side{position:static}}
@media(max-width:900px){
  .pu-types{grid-template-columns:1fr}.pu-tc{padding:12px}
  .pu-imp{flex-wrap:wrap}.pu-imp .btn{width:100%}
  .pu-kpi{grid-template-columns:1fr 1fr}.pu-kpi>div:first-child{grid-column:1/-1}
  .pu-row.hd{display:none}
  .pu-row{grid-template-columns:44px minmax(0,1fr);row-gap:6px}
  .pu-row>:nth-child(n+3){grid-column:1/-1}
  .pu-ftypes{grid-template-columns:1fr 1fr 1fr}.pu-ft{flex-direction:column;text-align:center;gap:2px;padding:8px 4px}.pu-ft small{display:none}
  .pu .sl-lines .ltbl tr.lrow td:nth-child(n){display:block}
  .pu .sl-lines .ltbl tr.lrow td:not([data-l])::before{content:none}
  .pu .sl-lines .ltbl tr.lrow td[data-l]::before{content:attr(data-l);display:block;font-size:.72rem;color:var(--muted)}
}
@media(min-width:901px){
  .pu #bl .ltbl input[type=number]{width:72px}
  .pu #bl .ltbl td,.pu #bl .ltbl th{padding-inline:5px}
  .pu #bl .ltbl th{white-space:normal;line-height:1.3;font-size:.8rem}
  .pu #bl .ltbl select{width:auto;min-width:84px}
  .pu #bl .ltbl td.lname select,.pu #bl .ltbl td.lname input{width:100%;min-width:112px}
}

/* ===== v67: نافذة الفاتورة — كل فواتير البرنامج تُكتب في نافذة كبيرة: سطر إضافة + صف كامل لكل صنف ===== */
body.iv-open{overflow:hidden}
.iv-bg{position:fixed;inset:0;background:rgba(20,30,18,.55);z-index:40;display:flex;align-items:center;justify-content:center;padding:22px;animation:huFade .15s ease-out}
.iv{--kc:var(--clay);background:var(--sand);width:min(1200px,100%);height:min(900px,100%);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.iv .ivx{display:flex;flex-direction:column;height:100%;min-height:0}
.iv .apx{padding:16px;overflow:auto;height:100%}
.iv-hd{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--kc);color:#fff;flex-wrap:wrap}
.iv-hd .ic{font-size:1.5rem;line-height:1}.iv-hd b{font-size:1.12rem}.iv-hd .sp{flex:1}
.iv-hd .x{background:rgba(255,255,255,.18);border:0;color:#fff;width:36px;height:36px;border-radius:10px;font-size:1.05rem;cursor:pointer}
.iv-hd .x:hover{background:rgba(255,255,255,.3)}
.iv-no{font-size:.85rem;opacity:.9;background:rgba(255,255,255,.14);border-radius:8px;padding:3px 8px}
.iv-kinds{display:flex;gap:4px;background:rgba(255,255,255,.14);border-radius:999px;padding:3px}
.iv-k{border:0;background:transparent;color:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:.84rem;cursor:pointer;white-space:nowrap}
.iv-k.on{background:#fff;color:var(--kc);font-weight:700}
.iv-top{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr;gap:12px;padding:12px 18px;background:var(--paper);border-bottom:1px solid var(--line);align-items:start}
.iv-top .field{margin:0}.iv-top .field[hidden]{display:none}
.iv-body{flex:1;min-height:0;overflow:auto;padding:14px 18px}
.iv-body .sl-exbox{margin:0 0 12px}
.iv-entry{background:color-mix(in srgb,var(--kc) 7%,var(--paper));border:2px dashed color-mix(in srgb,var(--kc) 45%,var(--line));border-radius:16px;padding:12px 14px}
.iv-entry .ttl{font-weight:700;margin-bottom:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.iv-entry .ttl .k{font-size:.74rem;font-weight:600;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.iv-entry .ttl a{margin-inline-start:auto}
.iv-eg{display:grid;grid-template-columns:2.2fr .8fr .8fr 1fr 1.25fr .7fr auto;gap:10px;align-items:end}
.iv-eg.an{grid-template-columns:1fr 1.2fr .8fr .7fr .9fr 1.1fr 1.25fr .7fr auto}
.iv-eg .field{margin:0;min-width:0}.iv-eg .field label{font-size:.76rem}
.iv-eg .field input,.iv-eg .field select{width:100%;box-sizing:border-box}
.iv-eg .field small{display:block;margin-top:3px;font-size:.72rem}
.iv-add{height:44px;padding:0 18px;white-space:nowrap;background:var(--kc);border-color:var(--kc);color:#fff}
.iv-prev{margin-top:8px;font-size:.86rem;color:var(--muted)}.iv-prev b{color:var(--ink)}.iv-prev .v{color:#7a4fc0}
.iv .seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;height:44px}
.iv .seg button{border:0;background:var(--paper);color:var(--muted);padding:0 10px;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}
.iv .seg button.on{background:var(--kc);color:#fff}
.iv-row .seg{height:36px}
.iv-lh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 0 8px;flex-wrap:wrap}
.iv-empty{border:1px dashed var(--line);border-radius:14px;padding:18px;text-align:center;color:var(--muted);background:var(--paper)}
.iv-row{display:grid;grid-template-columns:32px minmax(0,2fr) repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:8px;position:relative}
.iv-row::before{content:"";position:absolute;inset:8px 0 8px auto;width:4px;border-radius:4px;background:var(--kc)}
.iv-row .no{width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--kc) 15%,var(--paper));display:grid;place-items:center;font-weight:700;font-size:.85rem}
.iv-row .nm b{display:block}.iv-row small{display:block;color:var(--muted);font-size:.72rem}.iv-row small.u{display:inline}
.iv-row .c b,.iv-row .t b{font-variant-numeric:tabular-nums}.iv-row .v b{color:#7a4fc0}.iv-row .t b{font-size:1.05rem}
.iv-row .ac{display:flex;gap:6px}.iv-row .ac button{border:1px solid var(--line);background:var(--paper);border-radius:9px;min-width:34px;height:34px;cursor:pointer;font:inherit}
.iv-row .ac button.ok{background:var(--kc);color:#fff;border-color:var(--kc);padding:0 12px;white-space:nowrap}
.iv-row.ed{border:2px solid var(--kc);box-shadow:0 0 0 3px color-mix(in srgb,var(--kc) 15%,transparent);grid-template-columns:32px minmax(0,1.8fr) repeat(6,minmax(0,1fr)) auto}
.iv-row.ed input,.iv-row.ed select{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--paper);color:var(--ink)}
.iv-row.ed .lsel{display:flex;gap:4px;flex-wrap:wrap}.iv-row.ed .lsel>*{flex:1 1 80px}
.iv-sec{margin-top:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:0 14px}
.iv-sec>summary{cursor:pointer;padding:12px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;list-style:none}
.iv-sec>summary::-webkit-details-marker{display:none}
.iv-sec>summary::after{content:"▾";margin-inline-start:4px;color:var(--muted)}.iv-sec[open]>summary::after{content:"▴"}
.iv-sec-v{margin-inline-start:auto;font-weight:700}
.iv-sec #costBox{padding-bottom:12px}
.iv-note{display:flex;gap:10px;align-items:center;padding:8px 14px}.iv-note label{font-weight:600;white-space:nowrap}.iv-note input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font:inherit;background:var(--paper);color:var(--ink)}
.iv-paywrap{margin-top:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.iv-pt{font-weight:700;margin-bottom:8px}
.iv-pm{grid-template-columns:repeat(3,1fr);margin-bottom:8px}.iv-pm .btn{padding:9px 6px;font-size:.92rem}
.iv-pm .btn.on{background:var(--kc);border-color:var(--kc)}
.iv-pf{display:grid;grid-template-columns:repeat(4,1fr);gap:0 10px}.iv-pf .field{margin-bottom:6px}
.iv-pf.off{opacity:.45;pointer-events:none}
.iv-prevpaid{font-size:.9rem}
.iv-paywrap .pu-credit,.iv-paywrap .pu-paidok{margin-top:6px}
.iv-ft{border-top:1px solid var(--line);background:var(--paper);padding:10px 18px;display:flex;gap:14px;align-items:center}
.iv-tot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1}
.iv-tot div{background:var(--bg2);border-radius:12px;padding:6px 10px;min-width:0}.iv-tot small{display:block;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iv-tot b{font-size:1.02rem;white-space:nowrap}
.iv-tot .g{background:color-mix(in srgb,var(--kc) 14%,var(--paper))}.iv-tot .g b{color:var(--kc)}
.iv-tot .v b{color:#7a4fc0}.iv-tot .cr b{color:var(--crit)}
.iv-act{display:flex;gap:8px}.iv-act .btn{white-space:nowrap}.iv-act .btn:not(.ghost){background:var(--kc);border-color:var(--kc)}
body.dark .iv-tot .g b{color:#fff}
@media(max-width:1000px){.iv-eg,.iv-eg.an{grid-template-columns:repeat(4,minmax(0,1fr))}.iv-eg .field:first-child{grid-column:span 2}.iv-row,.iv-row.ed{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.iv-row .nm{grid-column:span 3}.iv-row .ac{grid-column:1/-1;justify-content:flex-end}.iv-pf{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .iv-bg{padding:0}.iv{border-radius:0;height:100%;width:100%}
  .iv .ivx{overflow:auto;display:block}.iv-body{overflow:visible}.iv-hd{position:sticky;top:0;z-index:2}.iv-ft{position:sticky;bottom:0;z-index:2;box-shadow:0 -4px 12px rgba(0,0,0,.08)}
  .iv-hd{padding:10px 12px;gap:8px}.iv-kinds{order:5;width:100%;overflow-x:auto}.iv-k{flex:1}
  .iv-top{grid-template-columns:1fr 1fr;padding:10px 12px}.iv-top .iv-sup{grid-column:1/-1}
  .iv-body{padding:12px}
  .iv-eg,.iv-eg.an{grid-template-columns:1fr 1fr}.iv-eg .field:first-child{grid-column:1/-1}.iv-add{grid-column:1/-1}
  .iv-row,.iv-row.ed{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);row-gap:6px;padding:10px}.iv-row .nm{grid-column:2/-1}
  .iv-pm{grid-template-columns:1fr}.iv-pf{grid-template-columns:1fr 1fr}
  .iv-ft{padding:8px 10px;gap:8px}.iv-tot{grid-template-columns:1fr}.iv-tot div:not(.g){display:none}
  .iv-act .btn{padding:10px 10px}.iv-act .btn.ghost{padding:10px 8px;font-size:0}.iv-act .btn.ghost::before{content:"🖨️";font-size:1rem}
}
/* v67: فاتورة البيع في النافذة */
.iv-top.iv-top3{grid-template-columns:2fr 1fr 1fr}
.iv-etabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.iv-et{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 14px;font:inherit;font-size:.86rem;cursor:pointer}
.iv-et.on{background:var(--kc);border-color:var(--kc);color:#fff;font-weight:700}
.iv-eg.sg{grid-template-columns:1.1fr 1fr 1fr .8fr .9fr 1.25fr .7fr auto}
.iv-eg.sa{grid-template-columns:2.6fr .9fr 1.25fr .7fr auto}
.iv-eg.sx{grid-template-columns:1.6fr 1.4fr .7fr .9fr 1.25fr .7fr auto}
.iv-dl{padding:0 14px}.iv-dlr{display:grid;grid-template-columns:auto auto 1fr 1.2fr 1.4fr;gap:12px;align-items:end;padding:10px 0 6px}
.iv-dlr>b,.iv-dlr>.sub{align-self:center}.iv-dlr .field{margin:0}
.iv-dr{display:flex;gap:6px}.iv-dr input{width:80px}.iv-dr select{flex:1}
.iv-pf.iv-pf3{grid-template-columns:repeat(3,1fr)}
.iv-mini{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:.85rem;color:var(--muted)}.iv-mini b{color:var(--ink)}
#pickBox .selbar{flex-wrap:wrap}
@media(max-width:1000px){.iv-eg.sg,.iv-eg.sa,.iv-eg.sx{grid-template-columns:repeat(4,minmax(0,1fr))}.iv-dlr{grid-template-columns:1fr 1fr}.iv-dlr>b,.iv-dlr>.sub{grid-column:auto}}
@media(max-width:700px){.iv-top.iv-top3{grid-template-columns:1fr 1fr}.iv-eg.sg,.iv-eg.sa,.iv-eg.sx{grid-template-columns:1fr 1fr}.iv-eg.sa .field:first-child,.iv-eg.sx .field:first-child{grid-column:1/-1}.iv-pf.iv-pf3{grid-template-columns:1fr 1fr}.iv-dlr{grid-template-columns:1fr}}
/* v67.1: مربعات النافذة متساوية وعلى خط واحد، وحوافها ظاهرة */
.iv{--ivb:color-mix(in srgb,var(--ink) 26%,transparent)}
.iv input:not([type=checkbox]):not([type=radio]),.iv select{border:1.5px solid var(--ivb) !important;border-radius:10px;background:var(--paper);color:var(--ink);box-sizing:border-box}
.iv input:not([type=checkbox]):not([type=radio]):focus,.iv select:focus{outline:2px solid var(--kc);outline-offset:0;border-color:var(--kc) !important}
.iv .field input:not([type=checkbox]):not([type=radio]),.iv .field select{height:44px;padding-top:0;padding-bottom:0}
.iv .seg,.iv .pu-seg{border:1.5px solid var(--ivb);height:44px;box-sizing:border-box}
.iv .pu-seg button{height:100%}
.iv-eg{align-items:start;row-gap:24px;margin-bottom:18px}
.iv-eg .field{position:relative}
.iv-eg .field label{display:block;height:1.35em;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.iv-eg .field small{position:absolute;top:100%;inset-inline-start:0;margin-top:3px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.iv-eg .iv-add{align-self:start;margin-top:calc(1.35em + 5px)}
.iv-row.ed input:not([type=checkbox]),.iv-row.ed select{height:38px}
.iv-row .seg{height:38px}
.iv-sec{border:1.5px solid var(--line)}.iv-entry{border-width:2px}
/* v68: حواف خضراء ظاهرة + أعمدة متساوية في صف الإضافة */
.iv{--ivb:color-mix(in srgb,var(--olive) 70%,transparent)}
.iv input:not([type=checkbox]):not([type=radio]):hover,.iv select:hover{border-color:var(--olive) !important}
.iv input:not([type=checkbox]):not([type=radio]):focus,.iv select:focus{outline:3px solid color-mix(in srgb,var(--olive) 25%,transparent);border-color:var(--olive) !important;border-width:2px !important}
@media(min-width:1001px){.iv-eg,.iv-eg.an,.iv-eg.sg,.iv-eg.sa,.iv-eg.sx{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
.iv{--ivg:#2f8f46;--ivb:#2f8f46}
body.dark .iv{--ivg:#5cc97a;--ivb:#5cc97a}
.iv input:not([type=checkbox]):not([type=radio]):hover,.iv select:hover,.iv input:not([type=checkbox]):not([type=radio]):focus,.iv select:focus{border-color:var(--ivg) !important}
.iv input:not([type=checkbox]):not([type=radio]):focus,.iv select:focus{outline:3px solid color-mix(in srgb,var(--ivg) 22%,transparent)}
.iv-eg .field small{max-width:calc(200% + 10px)}
.iv .dtw>input.dti{color:transparent}
.iv .dtw>input.dti,.iv .dtw>input.dti:focus{color:transparent}
/* v68: أزرار الدفع: نقداً أخضر، آجل أحمر — في كل الفواتير */
#pmCash,#pmCredit{border-width:1.5px}
#pmCash{--pc:#2f8f46}#pmCredit{--pc:#c0392b}
body.dark #pmCash{--pc:#3fae5f}body.dark #pmCredit{--pc:#e0584a}
#pmCash,#pmCredit{color:var(--pc);border-color:var(--pc);background:color-mix(in srgb,var(--pc) 9%,transparent);font-weight:700}
#pmCash:hover,#pmCredit:hover{background:color-mix(in srgb,var(--pc) 16%,transparent)}
#pmCash.on,#pmCredit.on,.iv-pm #pmCash.on,.iv-pm #pmCredit.on{background:var(--pc);border-color:var(--pc);color:#fff}
/* v70: حساب الآجل في «الحسابات المالية» */
.cr{border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;margin:0 0 16px;background:var(--paper)}
.cr-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}.cr-h b{font-size:1.05rem}
.cr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cr-c{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;border:1.5px solid}
.cr-c small{font-weight:700;font-size:.88rem}.cr-c b{font-size:1.55rem;font-variant-numeric:tabular-nums}.cr-c span{font-size:.8rem;opacity:.85}
.cr-c.us{border-color:#2f8f46;background:color-mix(in srgb,#2f8f46 8%,transparent)}.cr-c.us b,.cr-c.us small{color:#2f8f46}
.cr-c.them{border-color:#c0392b;background:color-mix(in srgb,#c0392b 7%,transparent)}.cr-c.them b,.cr-c.them small{color:#c0392b}
.cr-c.net{border-color:var(--line);background:color-mix(in srgb,var(--ink) 4%,transparent)}.cr-c.net.pos b{color:#2f8f46}.cr-c.net.neg b{color:#c0392b}
body.dark .cr-c.us b,body.dark .cr-c.us small,body.dark .cr-c.net.pos b{color:#5cc97a}body.dark .cr-c.them b,body.dark .cr-c.them small,body.dark .cr-c.net.neg b{color:#e0584a}
.cr-lists{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.cr-lt{font-weight:700;font-size:.85rem;margin-bottom:6px;color:var(--muted)}
.cr-r{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:9px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}
.cr-r:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.cr-r b{font-variant-numeric:tabular-nums}.cr-none{padding:6px 10px}
@media(max-width:800px){.cr-cards{grid-template-columns:1fr}.cr-lists{grid-template-columns:1fr}}
/* v71: التاريخ تحت مربع الصلاة */
.topbar .hinfo{flex-direction:column;align-items:center;gap:5px}
.topbar .hinfo .hdate{align-items:center;text-align:center;line-height:1.35}
.topbar .hinfo .hdate b{font-size:.92rem}.topbar .hinfo .hdate span{font-size:.8rem}
@media(max-width:820px){.topbar .hinfo{gap:3px}}
/* v71b: رأس مضغوط — مربع الصلاة في سطر واحد والتاريخ في سطر واحد تحته */
.topbar .hinfo{gap:4px}
.topbar .hprayer{flex-direction:row;align-items:center;gap:8px;padding:3px 12px;line-height:1.3;white-space:nowrap}
.topbar .hprayer b{font-size:.95rem}.topbar .hprayer small{font-size:.74rem}
.topbar .hinfo .hdate{flex-direction:row;gap:6px;white-space:nowrap}
.topbar .hinfo .hdate b{font-size:.84rem}.topbar .hinfo .hdate span{font-size:.8rem}
.topbar .hinfo .hdate span::before{content:"· ";opacity:.7}
@media(max-width:820px){.topbar .hprayer{gap:5px;padding:2px 8px}.topbar .hprayer b{font-size:.82rem}.topbar .hprayer small{font-size:.68rem}
 .topbar .hinfo .hdate{flex-direction:column;gap:0;align-items:center}.topbar .hinfo .hdate span::before{content:""}}
/* v71c: التاريخ يمين تحت عنوان الصفحة، والصلاة يسار */
.topbar .htitle{display:flex;flex-direction:column;gap:2px;min-width:0}
.topbar .htitle .hdate{display:flex;flex-direction:row;gap:6px;white-space:nowrap;line-height:1.35;opacity:.92}
.topbar .htitle .hdate b{font-size:.84rem;font-weight:600}.topbar .htitle .hdate span{font-size:.8rem}
.topbar .htitle .hdate span::before{content:"· ";opacity:.7}
.topbar .hcol .hinfo{align-items:flex-end}
@media(max-width:820px){.topbar .htitle .hdate{flex-direction:column;gap:0}.topbar .htitle .hdate span::before{content:""}.topbar .htitle .hdate b{font-size:.74rem}.topbar .htitle .hdate span{font-size:.7rem}}
@media(max-width:820px){.topbar{flex-wrap:nowrap}.topbar .hprayer small{display:none}.topbar .hcol .who{font-size:.68rem;white-space:nowrap}.topbar .hcol .hinfo{gap:2px}.topbar h2{font-size:1rem}}
/* v72: إصلاح سهم القوائم المنسدلة — كان يتكرر كنقش في الوضع الغامق لأن بعض القواعد تعيد ضبط الخلفية كاملة */
body select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6b58' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat !important;background-position:left 12px center !important;background-size:16px !important;padding-left:36px}
body .dpop select:not([multiple]){background-position:left 8px center !important;padding-left:28px}
/* v77: ميزان المراجعة بشكل ملف Excel — رأس أخضر، مجموعات ملوّنة بمجاميعها، أرقام من اليمين، صافي الرصيد، إجمالي غامق */
.tb-t{border-collapse:separate;border-spacing:0}
.tb-t thead th{background:#1f4e3d;color:#fff;font-weight:700;border-color:rgba(255,255,255,.25)!important;text-align:center!important;padding:8px 10px}
.tb-t td.n,.tb-t th.n{text-align:right!important;direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums;white-space:nowrap}
.tb-t td:first-child{text-align:center;color:var(--muted)}
.tb-t tr.tb-grp td{background:#dcebdd!important;color:#1f4e3d;font-weight:800;font-size:1.02em;border-bottom:2px solid #9fbfa3}
.tb-t tr.tb-par td{background:#f3f8f2}
.tb-t td.tb-net,.tb-t th.tb-net{font-weight:700;border-inline-start:2px solid #9fbfa3}
.tb-t tfoot td{background:#1f4e3d!important;color:#fff!important;font-weight:800;padding:10px}
.tb-t tbody tr:not(.tb-grp):hover td{background:color-mix(in srgb,#2f8f46 7%,transparent)}
body.dark .tb-t thead th{background:#173a2d}
body.dark .tb-t tr.tb-grp td{background:#203a24!important;color:#cfe8cf;border-bottom-color:#3d5a37}
body.dark .tb-t tr.tb-par td{background:#18241a}
body.dark .tb-t tfoot td{background:#173a2d!important}
/* v78: خلفية صفحة الدخول (صورة المزرعة) بشفافية 10٪ — الكارت في المنطقة الفاتحة في المنتصف */
.login-wrap{position:relative;isolation:isolate;background:var(--bg2)}
.login-wrap::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.9;
  background:url("/login-bg.webp") center/cover no-repeat}
@media(max-width:900px){.login-wrap::before{background-image:url("/login-bg-sm.webp");background-position:30% center}}
.login-wrap .login-card{background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.dark .login-wrap::before{opacity:.45}
/* v78b: تظليل فوق صورة الدخول — طبقة خضراء داكنة تخفف الصورة وتُبرز مربع الدخول */
.login-wrap::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(18,38,22,.38) 0%,rgba(18,38,22,.55) 60%,rgba(12,26,15,.7) 100%)}
.login-wrap .login-card{background:var(--card);box-shadow:0 18px 50px rgba(0,0,0,.35)}
body.dark .login-wrap::after{background:radial-gradient(ellipse at center,rgba(8,16,10,.55) 0%,rgba(8,16,10,.72) 100%)}
/* v78c: الصورة تظهر بنسبة 17٪ فقط فوق لون الصفحة */
.login-wrap::before,body.dark .login-wrap::before{opacity:.17}
.login-wrap::after,body.dark .login-wrap::after{background:none}
/* v80: تقسيم الدفع */
.sp-box{margin:0 0 6px}
.sp-row{border-top:1px dashed var(--line);padding-top:8px;margin-top:2px}
.sp-mt{display:flex;gap:6px}.sp-mt select{flex:1;min-width:0}
.sp-x{min-width:44px;height:44px;padding:0;color:#c0392b!important;border-color:#c0392b!important}
.sp-add{display:inline-block;margin:4px 0 6px;font-weight:700;color:#2f8f46;text-decoration:none}
.sp-add:hover{text-decoration:underline}
body.dark .sp-add{color:#5cc97a}
.sp-sum{font-weight:700;margin:0 0 6px}