/* ===== Design Tokens (من ملف الهوية) ===== */
:root{
  --bg:#F7F4EE; --surf:#FFFFFF; --tx:#252A30; --gold:#C9A45C; --bd:#E8E0D2; --ok:#0F6B5B;
  --bad:#B42323; --on-gold:#252A30;
  --r-btn:12px; --r-card:20px; --r-main:24px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#252A30;--surf:#1A1E23;--tx:#F7F4EE;--bd:#333940;--ok:#148C77;--bad:#E26D6D;color-scheme:dark}
}
:root[data-theme="dark"]{--bg:#252A30;--surf:#1A1E23;--tx:#F7F4EE;--bd:#333940;--ok:#148C77;--bad:#E26D6D;color-scheme:dark}

/* ===== Typography ===== */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:16px;background:var(--bg);color:var(--tx);font:400 16px/1.6 "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;overflow-x:clip}
a{color:inherit}
h1{font-size:28px;font-weight:700;margin:0 0 18px}
h2{font-size:22px;font-weight:700;margin:0 0 10px}
h3{font-size:17px;font-weight:700;margin:0 0 10px}
.lbl,th,.tag{font-size:12px;font-weight:400}
.n{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:20px;font-weight:700;direction:ltr;unicode-bidi:embed;display:inline-block}
.d{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;font-weight:500;direction:ltr;unicode-bidi:embed;display:inline-block}
.lbl{opacity:.75}.ok{color:var(--ok)}.bad{color:var(--bad)}

/* ===== Layout ===== */
#app{display:flex;min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);background:var(--bg);border:1px solid var(--bd);border-radius:var(--r-main);overflow:hidden}
aside{width:230px;background:var(--surf);border-left:1px solid var(--bd);padding:20px 14px;display:flex;flex-direction:column}
.logo{font-size:22px;font-weight:700;color:var(--gold);padding:6px 10px 16px}
main{flex:1;min-width:0;padding:24px;max-width:1100px}
.topbar,.backdrop{display:none}

/* ===== القائمة والأيقونات ===== */
nav a{display:flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none;padding:10px 14px;border-radius:var(--r-btn);margin-bottom:4px}
nav a.on{background:var(--gold);color:var(--on-gold);font-weight:700}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--r-btn);border:1px solid var(--bd);background:var(--bg);color:var(--tx);cursor:pointer}

/* ===== Components ===== */
.card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-card);padding:18px;margin-bottom:16px}
table{width:100%;min-width:560px;border-collapse:collapse}
th{background:var(--bd);text-align:right;padding:8px 10px}
td{padding:9px 10px;border-bottom:1px solid var(--bd)}
.wrap{overflow-x:auto}
.btn{background:var(--tx);color:var(--bg);border:0;border-radius:var(--r-btn);padding:9px 16px;font:inherit;cursor:pointer}
.btn.g{background:var(--gold);color:var(--on-gold);font-weight:700}
.btn.o{background:none;color:var(--tx);border:1px solid var(--tx)}
.btn:disabled{opacity:.4;cursor:not-allowed}
label{display:block;font-size:12px;margin:10px 0 4px}
.tag{padding:2px 8px;border-radius:99px;background:var(--bd);color:var(--tx)}
.tag.g{background:var(--gold);color:var(--on-gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.note{font-size:12px;opacity:.75;margin-top:20px}

/* ===== الحقول والقوائم المنسدلة ===== */
input,select{font:inherit;font-size:16px;min-height:44px;padding:9px 12px;border-radius:var(--r-btn);border:1px solid var(--bd);background:var(--bg);color:var(--tx);width:100%;max-width:100%}
input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}
input[type=checkbox]{min-height:0;width:auto}
select{-webkit-appearance:none;appearance:none;padding-inline-end:40px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A45C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:left 12px center;background-size:18px}
select option{background:var(--surf);color:var(--tx)}

/* ===== الصفوف: حقول النماذج تتراص على الموبايل، والأزرار تبقى بحجمها ===== */
.row{display:flex;gap:10px;flex-wrap:wrap}
.row>div,.row>select,.row>input{min-width:150px}
.row.nw{flex-wrap:nowrap}
.row.nw>*{min-width:0}

/* ===== رأسية الكشف ===== */
.rep-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
.rep-final{flex:0 0 auto;text-align:end}

dialog{border:1px solid var(--bd);border-radius:var(--r-card);background:var(--surf);color:var(--tx);width:min(420px,92vw);max-height:calc(100dvh - 32px);overflow:auto;padding:20px}

/* ===== زر الوضع (قمر / شمس) ===== */
.theme-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:99px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,transform .15s}
.theme-btn:hover{border-color:var(--gold)}
.theme-btn:active{transform:scale(.95)}
.theme-btn svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
aside .theme-btn{margin-top:auto}
.theme-btn .sun,.theme-btn .t-light{display:none}
:root[data-theme="dark"] .theme-btn .sun,:root[data-theme="dark"] .theme-btn .t-light{display:inline-block}
:root[data-theme="dark"] .theme-btn .moon,:root[data-theme="dark"] .theme-btn .t-dark{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .theme-btn .sun,:root:not([data-theme="light"]) .theme-btn .t-light{display:inline-block}
  :root:not([data-theme="light"]) .theme-btn .moon,:root:not([data-theme="light"]) .theme-btn .t-dark{display:none}
}

/* ===== تابلت ===== */
@media screen and (max-width:1024px){
  aside{width:200px}
  main{padding:20px}
}

/* ===== موبايل: قائمة منزلقة + جداول كبطاقات ===== */
@media screen and (max-width:800px){
  body{padding:0}
  body.menu-open{overflow:hidden}
  #app{flex-direction:column;border:0;border-radius:0;min-height:100vh;min-height:100dvh;overflow:visible}

  .topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surf);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:10}
  .topbar .logo{padding:0}
  /* الشعار في أقصى اليسار وبجانبه كلمة Sunduq */
  .topbar .brand{margin-right:auto;direction:ltr}
  .topbar .brand img{width:34px;height:34px;border-radius:10px}
  .topbar .brand span{font-size:20px}

  aside{position:fixed;top:0;bottom:0;right:0;width:270px;max-width:82vw;z-index:30;border-left:1px solid var(--bd);transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;overflow-y:auto}
  body.menu-open aside{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}
  .backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:20;opacity:0;pointer-events:none;transition:opacity .25s}
  body.menu-open .backdrop{opacity:1;pointer-events:auto}

  main{padding:16px}
  .card{padding:14px}

  /* الجدول يتحول إلى بطاقات: لا تمرير أفقي */
  .wrap{overflow:visible}
  table,tbody,tr,td{display:block;width:100%;min-width:0}
  thead,.th-row{display:none}
  tr{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r-btn);padding:8px 12px;margin-bottom:10px}
  td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;border:0}
  td:empty{display:none}
  td::before{content:attr(data-label);font-size:12px;opacity:.75;flex:none}
}

@media screen and (max-width:600px){
  h1{font-size:24px}
  .n{font-size:16px}
  .grid{grid-template-columns:1fr}
  .row>div,.row>select,.row>input{min-width:100%}
  .row.nw>*{min-width:0}
  .btn{padding:11px 16px}
  .rep-head{flex-direction:column}
  .rep-final{text-align:start}
}

@media print{
  /* ألوان فاتحة دائماً عند الطباعة (حتى لو كان الوضع الداكن مفعلاً) */
  :root:root:root{--bg:#fff;--surf:#fff;--tx:#252A30;--bd:#E8E0D2;--ok:#0F6B5B;--bad:#B42323;color-scheme:light}
  aside,.topbar,.backdrop,.noprint{display:none!important}
  body{padding:0;background:#fff}
  #app{display:block;border:0;border-radius:0;min-height:0;overflow:visible}
  main{padding:0;max-width:none}
  table{min-width:0}
  thead{display:table-header-group}
  tr{break-inside:avoid}
  th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* هامش الصفحة صفر: يُخفي رأس وتذييل المتصفح (التاريخ، العنوان، الرابط، رقم الصفحة)
   والهوامش الحقيقية داخل ورقة الكشف. بدون size حتى تناسب A4 و Letter */
@page{margin:0}

/* ===== قائمة منسدلة مخصصة (بديل قائمة المتصفح) ===== */
.cs{position:relative;width:100%}
select.cs-native{display:none!important}
.cs-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:9px 12px;border-radius:var(--r-btn);border:1px solid var(--bd);background:var(--bg);color:var(--tx);font:inherit;font-size:16px;text-align:start;cursor:pointer}
.cs-btn:focus-visible,.cs.open .cs-btn{outline:2px solid var(--gold);outline-offset:1px}
.cs-btn:disabled{opacity:.5;cursor:not-allowed}
.cs-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-chev{width:18px;height:18px;flex:none;fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.cs.open .cs-chev{transform:rotate(180deg)}
.cs-list{display:none;position:fixed;z-index:2000;margin:0;padding:6px;list-style:none;overflow-y:auto;background:var(--surf);color:var(--tx);border:1px solid var(--bd);border-radius:var(--r-btn);box-shadow:0 14px 36px rgba(0,0,0,.35)}
.cs.open .cs-list{display:block}
.cs-opt{padding:10px 12px;border-radius:8px;cursor:pointer;overflow-wrap:anywhere}
.cs-opt.act{background:var(--bd)}
.cs-opt[aria-selected="true"]{background:var(--gold);color:var(--on-gold);font-weight:700}
.cs-opt[aria-disabled="true"]{opacity:.4;cursor:not-allowed}
.row>.cs{min-width:150px}
@media screen and (max-width:600px){.row>.cs{min-width:100%}}
@media print{.cs-list{display:none!important}}

.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 16px}
.brand img{width:40px;height:40px;border-radius:12px;display:block;flex:none;box-shadow:0 0 0 1px var(--bd)}
.brand span{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--gold);direction:ltr}
.topbar .brand{padding:0}
.brand.lg{flex-direction:column;gap:10px;padding:0 0 12px;text-align:center}
.brand.lg img{width:96px;height:96px;border-radius:24px}
.brand.lg span{font-size:28px}

.d,.n{white-space:nowrap}

/* رابط "عرض الكل" بشكل زر صغير */
.more-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:6px 14px 6px 10px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}
.more-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.more-link:hover{background:var(--gold);color:var(--on-gold)}
.more-link:hover svg{transform:translateX(-3px)}

/* ===== صفحة الحسابات ===== */
/* ألوان أزرار الإجراءات لكل وضع */
:root{
  --edit-fg:#7A5A1E; --edit-bg:#F5ECD9; --edit-bd:#E3CC9C;
  --stop-fg:#A11D1D; --stop-bg:#FBEAEA; --stop-bd:#EFC2C2;
  --on-fg:#FFFFFF;   --on-bg:#0F6B5B;   --on-bd:#0F6B5B;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --edit-fg:#E6C887; --edit-bg:rgba(201,164,92,.14); --edit-bd:rgba(201,164,92,.40);
    --stop-fg:#F29A9A; --stop-bg:rgba(226,109,109,.14); --stop-bd:rgba(226,109,109,.40);
    --on-fg:#FFFFFF;   --on-bg:#148C77;               --on-bd:#1FA58C;
  }
}
:root[data-theme="dark"]{
  --edit-fg:#E6C887; --edit-bg:rgba(201,164,92,.14); --edit-bd:rgba(201,164,92,.40);
  --stop-fg:#F29A9A; --stop-bg:rgba(226,109,109,.14); --stop-bd:rgba(226,109,109,.40);
  --on-fg:#FFFFFF;   --on-bg:#148C77;               --on-bd:#1FA58C;
}

.acts{display:flex;gap:6px;flex-wrap:nowrap}
.act-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;border:1px solid;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:filter .15s,transform .1s}
.act-btn svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.act-btn:hover:not(:disabled){filter:brightness(1.08)}
.act-btn:active:not(:disabled){transform:scale(.96)}
.act-btn:disabled{opacity:.4;cursor:not-allowed}
.act-btn.edit{color:var(--edit-fg);background:var(--edit-bg);border-color:var(--edit-bd)}
.act-btn.stop{color:var(--stop-fg);background:var(--stop-bg);border-color:var(--stop-bd)}
.act-btn.on{color:var(--on-fg);background:var(--on-bg);border-color:var(--on-bd);box-shadow:0 2px 8px rgba(15,107,91,.30)}

/* اسم الحساب مع الزرين على نفس الصف */
.acc-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.acc-name{min-width:0;overflow-wrap:anywhere}
.acc-name .lbl{margin-top:2px}
.m-only{display:none}
.off-tag{background:var(--stop-bg);color:var(--stop-fg);border:1px solid var(--stop-bd)}

/* الحساب الموقوف: البيانات باهتة، أما زر التفعيل فيبقى واضحاً */
tr.off>td:not(.acc-cell):not(.d-only),tr.off .acc-name b,tr.off .acc-name .lbl{opacity:.5}

/* أزرار الإضافة */
.btn-add{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 16px 8px 18px;border:0;border-radius:var(--r-btn);background:var(--gold);color:var(--on-gold);font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(201,164,92,.35);transition:filter .15s,transform .1s}
.btn-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.btn-add:hover{filter:brightness(1.06)}
.btn-add:active{transform:scale(.97)}

/* خانة البحث */
.search-box{position:relative;margin:4px 0 18px}
.search-box>svg{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:19px;height:19px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.search-box input{padding-right:44px;padding-left:44px;background:var(--surf)}
.search-box input::-webkit-search-cancel-button{display:none}
.search-clear{position:absolute;top:50%;left:8px;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:99px;background:var(--bd);color:var(--tx);cursor:pointer;visibility:hidden}
.search-clear svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.empty-row td{text-align:center;opacity:.7;padding:18px}

@media screen and (max-width:800px){
  .m-only{display:block;flex:none}
  .d-only{display:none!important}
  td.acc-cell{display:block;padding:2px 0 8px;margin-bottom:4px;border-bottom:1px solid var(--bd)}
  td.acc-cell::before{display:none}
  .acc-name b{font-size:17px}
  .empty-row td{display:block}
  .empty-row td::before{display:none}
  tr.off{border-style:dashed}
}
@media screen and (max-width:380px){
  .act-btn{padding:5px 9px}
}
@media print{.acts,.m-only{display:none!important}}

/* ===== صفحة الحركات ===== */
.tx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}
.tx-filter{flex:0 1 260px;margin-inline-start:auto;background-color:var(--surf)}
.tx-toolbar>.cs{flex:0 1 260px;margin-inline-start:auto;min-width:0}
.btn-soft{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--edit-bd);border-radius:var(--r-btn);background:var(--edit-bg);color:var(--edit-fg);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s}
.btn-soft svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn-soft:hover{filter:brightness(1.05)}
.btn-soft:active{transform:scale(.97)}
.act-btn.gold{color:var(--on-gold);background:var(--gold);border-color:var(--gold)}

.tx-list{display:flex;flex-direction:column;gap:10px}
.tx{background:var(--surf);border:1px solid var(--bd);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.tx:hover{border-color:var(--edit-bd)}
.tx.open{border-color:var(--gold);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.tx.pinned{border-inline-start:3px solid var(--gold)}
.tx-main{padding:12px 14px;cursor:pointer;outline:none;border-radius:16px}
.tx-main:focus-visible{box-shadow:0 0 0 2px var(--gold)}
.tx-line{display:flex;align-items:center;gap:10px}
.tx-line.sub{margin-top:8px;padding-inline-start:44px}

.tx-pin{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);opacity:.55;cursor:pointer;transition:opacity .15s,background .15s,color .15s}
.tx-pin:hover{opacity:1}
.tx-pin svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tx-pin.on{opacity:1;background:var(--edit-bg);border-color:var(--edit-bd);color:var(--gold)}
.tx-pin.on svg{fill:var(--gold)}
.tx-pin.copy{cursor:default;opacity:.4}

.tx-name{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-id{flex:none;font-size:13px;opacity:.45}
.tx-acc{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:14px;opacity:.8}
.tx-acc svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tx-acc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-amt{flex:none;display:flex;align-items:baseline;gap:5px}
.tx-amt .n{font-size:18px}
.tx-cur{font-size:12px;opacity:.8}
.tx-chev{flex:none;display:inline-flex;opacity:.45;transition:transform .25s}
.tx-chev svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tx.open .tx-chev{transform:rotate(180deg);opacity:.8}

/* التوسع بحركة ناعمة */
.tx-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.tx-more>div{overflow:hidden}
.tx.open .tx-more,.log.open .tx-more{grid-template-rows:1fr}
.tx-details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 14px;padding:12px 0;border-top:1px dashed var(--bd)}
.tx-details>div{display:flex;flex-direction:column;gap:2px;min-width:0;background:var(--bg);border-radius:10px;padding:8px 10px}
.tx-details>div>span:last-child{overflow-wrap:anywhere}
.tx-details .wide{grid-column:span 2}
.tx-tags{display:flex;flex-wrap:wrap;gap:4px}
.tx-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:0 14px 14px}
.tx-empty{text-align:center;opacity:.7;padding:30px;background:var(--surf);border:1px dashed var(--bd);border-radius:16px}

@media screen and (max-width:600px){
  .tx-toolbar .btn-add,.tx-toolbar .btn-soft{flex:1 1 0;justify-content:center}
  .tx-filter,.tx-toolbar>.cs{flex:1 1 100%;margin:0}
  .tx-details{grid-template-columns:1fr 1fr}
  .tx-actions{justify-content:stretch}
  .tx-actions .act-btn{flex:1;justify-content:center;padding:8px 10px}
  .tx-amt .n{font-size:16px}
}
@media print{
  .tx-more{grid-template-rows:1fr}
  .tx-actions,.tx-chev,.tx-pin{display:none!important}
  .tx{break-inside:avoid}
}
.tx-toolbar .cs-btn{background:var(--surf)}

/* شريط البحث والفلترة في صفحة الحركات */
.tx-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr);gap:10px;margin:-4px 0 16px;align-items:center}
.tx-filters .search-box{margin:0}
.tx-filters .cs{min-width:0}
.tx-filters .cs-btn,.tx-filters select{background-color:var(--surf)}
.cs-opt[aria-disabled="true"]{opacity:.6;font-size:12px;font-weight:700;color:var(--gold);cursor:default;padding-top:12px}
@media screen and (max-width:800px){
  .tx-filters{grid-template-columns:1fr 1fr}
  .tx-filters .search-box{grid-column:1 / -1}
}
@media screen and (max-width:420px){
  .tx-filters{grid-template-columns:1fr}
}

/* ===== صفحة الترانزيت ===== */
.tx-pin.dir{cursor:default;opacity:1}
.tx-pin.dir.in{color:var(--ok);background:var(--bg)}
.tx-pin.dir.out{color:var(--bad);background:var(--bg)}
.tx-acc .d{font-size:13px}

/* قسم النقل إلى صندوق */
.move-box{margin:0 14px 12px;padding:12px 14px;border:1px solid var(--edit-bd);background:var(--edit-bg);border-radius:12px}
.move-title{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--edit-fg);margin-bottom:2px}
.move-title svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.move-box .cs-btn,.move-box select{background-color:var(--surf)}
.move-box p.bad:empty{display:none}
.move-box p.bad{margin:8px 0 0}

/* زرا (للشغل / شخصي) */
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg label{position:relative;margin:0;font-size:inherit;cursor:pointer}
.seg input{position:absolute;inset:0;width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;opacity:0;pointer-events:none}
.seg span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;padding:8px;border:1px solid var(--bd);border-radius:var(--r-btn);background:var(--surf);font-weight:700;text-align:center;transition:border-color .15s,background .15s,color .15s}
.seg small{font-size:11px;font-weight:400;opacity:.7}
.seg label:hover span{border-color:var(--gold)}
.seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:1px}
.seg input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}

.move-btn{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:var(--r-btn);background:var(--gold);color:var(--on-gold);font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px rgba(201,164,92,.35);transition:filter .15s,transform .1s}
.move-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.move-btn:hover:not(:disabled){filter:brightness(1.06)}
.move-btn:active:not(:disabled){transform:scale(.98)}
.move-btn:disabled{opacity:.5;cursor:wait}

/* الحالة الفارغة */
.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;text-align:center;background:var(--surf);border:1px dashed var(--bd);border-radius:16px}
.empty-state svg{width:44px;height:44px;padding:10px;border-radius:99px;fill:none;stroke:var(--on-fg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;background:var(--ok);margin-bottom:4px}

/* رسالة النجاح العائمة */
.toast{position:fixed;bottom:20px;left:16px;right:16px;margin:0 auto;width:fit-content;z-index:3000;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:99px;background:var(--tx);color:var(--bg);font-size:14px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(30px);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
.toast.show{transform:none;opacity:1}
.toast svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--ok);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@media print{.toast,.move-box{display:none!important}}

@media screen and (max-width:600px){
  .tx-line.cells{padding-inline-start:0}
}

/* ===== صفحة المستخدمين ===== */
/* لون لكل دور */
:root{--r-admin:#A9822F;--r-admin-bg:#F5ECD9;--r-acc:#0F6B5B;--r-acc-bg:#E2F1EC;--r-tr:#3E64A8;--r-tr-bg:#E6EDF8}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--r-admin:#E6C887;--r-admin-bg:rgba(201,164,92,.16);--r-acc:#4CC9AE;--r-acc-bg:rgba(20,140,119,.18);--r-tr:#8DB0EC;--r-tr-bg:rgba(100,140,220,.16)}
}
:root[data-theme="dark"]{--r-admin:#E6C887;--r-admin-bg:rgba(201,164,92,.16);--r-acc:#4CC9AE;--r-acc-bg:rgba(20,140,119,.18);--r-tr:#8DB0EC;--r-tr-bg:rgba(100,140,220,.16)}
.role-admin{--rc:var(--r-admin);--rc-bg:var(--r-admin-bg)}
.role-accountant{--rc:var(--r-acc);--rc-bg:var(--r-acc-bg)}
.role-transit_officer{--rc:var(--r-tr);--rc-bg:var(--r-tr-bg)}
.role-viewer{--rc:var(--r-acc);--rc-bg:var(--r-acc-bg)}

#uStats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}
@media screen and (max-width:600px){#uStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
#uStats .card{margin-bottom:0}
.stat{border-top:3px solid var(--rc,var(--bd))}
.stat .n{color:var(--rc,inherit)}
.stat .n.bad{color:var(--bad)}

.user-list{display:flex;flex-direction:column;gap:10px}
.user{display:flex;gap:12px;align-items:flex-start;background:var(--surf);border:1px solid var(--bd);border-radius:16px;padding:14px}
.user.off{border-style:dashed}
.user.off .avatar,.user.off .user-name b,.user.off .user-meta{opacity:.5}
.avatar{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;color:var(--rc,var(--tx));background:var(--rc-bg,var(--bd));border:2px solid var(--rc,var(--bd))}
.user-body{flex:1;min-width:0}
.user-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.user-name{min-width:0;overflow-wrap:anywhere}
.user-name b{font-size:17px}
.user-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;font-size:13px}
.role-tag{padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;color:var(--rc);background:var(--rc-bg)}
.meta{display:inline-flex;align-items:center;gap:5px;opacity:.75;min-width:0}
.meta svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.meta .d{font-size:13px;overflow:hidden;text-overflow:ellipsis}

/* نافذة المستخدم: كلمة المرور */
.pw-box{position:relative}
.pw-box input{padding-left:48px}
.pw-icon{position:absolute;top:50%;left:6px;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:none;color:var(--tx);opacity:.6;cursor:pointer}
.pw-icon:hover{opacity:1}
.pw-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pw-tools{display:flex;gap:8px;margin-top:8px}

/* بطاقات اختيار الدور */
.role-pick{display:flex;flex-direction:column;gap:8px}
.role-opt{position:relative;margin:0;font-size:inherit;cursor:pointer}
.role-opt input{position:absolute;inset:0;width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;opacity:0;pointer-events:none}
.role-opt span{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--bd);border-inline-start:4px solid var(--rc);border-radius:var(--r-btn);background:var(--bg);transition:background .15s,border-color .15s}
.role-opt b{color:var(--rc)}
.role-opt small{font-size:12px;opacity:.75}
.role-opt:hover span{border-color:var(--rc)}
.role-opt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:1px}
.role-opt input:checked+span{background:var(--rc-bg);border-color:var(--rc);box-shadow:0 0 0 1px var(--rc)}

.warn-note{margin:12px 0 0;padding:9px 12px;border-radius:10px;background:var(--edit-bg);border:1px solid var(--edit-bd);color:var(--edit-fg);font-size:13px}

@media screen and (max-width:600px){
  #uStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #uStats .card{padding:12px}
  .user{padding:12px}
  .avatar{width:40px;height:40px;font-size:17px}
  .user-head{align-items:flex-start}
}
@media screen and (max-width:380px){
  .user-head{flex-direction:column;align-items:stretch}
}

/* ===== سجل التدقيق ===== */
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;padding:7px 16px;border-radius:99px;border:1px solid var(--bd);background:var(--surf);color:var(--tx);font:inherit;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--gold)}
.chip.on{background:var(--gold);border-color:var(--gold);color:var(--on-gold);font-weight:700}

.audit-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.audit-filters>.cs,.audit-filters>select{flex:1 1 180px;min-width:0}
.audit-filters .cs-btn,.audit-filters select,.audit-filters input{background-color:var(--surf)}
.date-f{flex:1 1 170px;display:flex;align-items:center;gap:8px;min-width:0}
.date-f .lbl{flex:none}
.date-f input{flex:1;min-width:0}

.day{font-size:14px;margin:18px 0 8px;opacity:.8;display:flex;align-items:center;gap:8px}
.day::after{content:"";flex:1;height:1px;background:var(--bd)}
.day .d{font-size:13px}
.log-group{background:var(--surf);border:1px solid var(--bd);border-radius:16px;overflow:hidden}
.log+.log{border-top:1px solid var(--bd)}
.log-main{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;cursor:pointer;outline:none}
.log-main:hover{background:var(--bg)}
.log-main:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}
.log.open .log-main{background:var(--bg)}
.log-ic{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.log-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.a-add{color:var(--ok);background:var(--r-acc-bg)}
.a-edit{color:var(--edit-fg);background:var(--edit-bg)}
.a-del{color:var(--stop-fg);background:var(--stop-bg)}
.a-move{color:var(--r-tr);background:var(--r-tr-bg)}
.log-text{flex:1;min-width:0;line-height:1.7;overflow-wrap:anywhere}
.log-text .who{color:var(--gold)}
.log-amt{font-size:13px;font-weight:700}
.log-amt .d{font-size:13px}
.log-time{flex:none;font-size:13px;opacity:.55;padding-top:2px}
.log-details{padding:4px 14px 14px 14px;padding-inline-start:60px;background:var(--bg)}

/* جدول قبل/بعد */
table.diff{min-width:0;width:100%;border-collapse:separate;border-spacing:0 6px}
table.diff th{background:none;padding:0 8px;font-size:12px;opacity:.7}
table.diff td{border:0;padding:8px 10px;background:var(--surf);vertical-align:top}
table.diff td:first-child{border-radius:0 10px 10px 0;width:110px}
table.diff td:last-child{border-radius:10px 0 0 10px}
table.diff .was{text-decoration:line-through;text-decoration-color:var(--stop-fg);opacity:.75}
table.diff .now{font-weight:700}
table.diff .arr{width:24px;text-align:center;color:var(--gold);padding:8px 0}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.kv>div{display:flex;flex-direction:column;gap:2px;background:var(--surf);border-radius:10px;padding:8px 10px;min-width:0;overflow-wrap:anywhere}

@media screen and (max-width:800px){
  /* جدول قبل/بعد يبقى جدولاً على الهاتف (لا يتحول لبطاقات) */
  table.diff{display:table}
  table.diff tbody{display:table-row-group}
  table.diff tr{display:table-row;background:none;border:0;padding:0;margin:0}
  table.diff th,table.diff td{display:table-cell;width:auto}
  table.diff td::before{content:none}
  table.diff .th-row{display:table-row}
}
@media screen and (max-width:600px){
  .log-main{gap:10px;padding:12px}
  .log-details{padding:4px 12px 12px}
  table.diff td:first-child{width:80px}
  .audit-filters>.cs,.audit-filters>select{flex:1 1 100%}
  .date-f{flex:1 1 calc(50% - 5px)}
  .date-f input{padding:9px 6px;font-size:14px}
}

/* ===== صفحة الإعدادات ===== */
.set-card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-card);padding:20px;margin-bottom:18px;max-width:760px}
.set-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.set-head h2{font-size:19px;margin:0 0 2px}
.set-head .lbl{margin:0;font-size:13px}
.set-ic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--edit-bg);color:var(--gold);border:1px solid var(--edit-bd)}
.set-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.day-btn{min-height:44px;padding:6px 4px;border:1px solid var(--bd);border-radius:var(--r-btn);background:var(--bg);color:var(--tx);font:inherit;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}
.day-btn:hover{border-color:var(--gold)}
.day-btn.on{background:var(--gold);border-color:var(--gold);color:var(--on-gold);font-weight:700}
.set-hint{margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--bg);font-size:14px;line-height:1.9}
.set-hint .d{font-size:14px}

.bk-status{display:flex;flex-direction:column;gap:2px;padding:12px 14px 12px 14px;border-radius:12px;margin-bottom:12px;border:1px solid;border-inline-start-width:4px}
.bk-status span{font-size:13px;opacity:.85}
.bk-status.good{background:var(--r-acc-bg);border-color:var(--r-acc);color:var(--tx)}
.bk-status.good b{color:var(--r-acc)}
.bk-status.warn{background:var(--stop-bg);border-color:var(--stop-bd);border-inline-start-color:var(--stop-fg)}
.bk-status.warn b{color:var(--stop-fg)}
.set-card p.bad:empty{display:none}

.set-tips{margin:14px 0 0;padding:0;list-style:none;font-size:13px;opacity:.8}
.set-tips li{position:relative;padding-inline-start:16px;margin-bottom:4px}
.set-tips li::before{content:"";position:absolute;right:2px;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--gold)}

.bk-title{font-size:15px;margin:20px 0 10px}
.bk-list{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:14px;overflow:hidden}
.bk-row{display:flex;align-items:center;gap:12px;padding:10px 14px}
.bk-row+.bk-row{border-top:1px solid var(--bd)}
.bk-file{flex:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--gold)}
.bk-file svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bk-info{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-info .d{font-size:15px}
.bk-info .lbl .d{font-size:12px}
.bk-list .tx-empty{border:0;border-radius:0}

@media screen and (max-width:600px){
  .set-card{padding:16px}
  .days{grid-template-columns:repeat(4,1fr)}
  .bk-row{padding:10px 12px}
}

/* وقت النسخة اليومية */
.bk-time{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;margin-bottom:12px;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.bk-time-label{display:flex;flex-direction:column;min-width:0}
.bk-time-label .lbl{font-size:13px}
.bk-time-ctl{display:flex;align-items:center;gap:8px}
.bk-time-ctl input{width:130px;min-height:42px;background:var(--surf);text-align:center;font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:700}
.bk-time-ctl .act-btn{min-height:42px;padding:0 16px}
@media screen and (max-width:600px){
  .bk-time-ctl{width:100%}
  .bk-time-ctl input{flex:1;width:auto}
}

/* اختيار وقت النسخة: ساعة + دقيقة */
.tp{display:flex;flex-direction:column;gap:2px;min-width:0}
.tp .lbl{font-size:11px}
.tp .cs,.tp select{width:190px}
.tp-min .cs,.tp-min select{width:96px}
.bk-time-ctl{align-items:flex-end}
.bk-time-ctl .cs-btn,.bk-time-ctl select{background-color:var(--surf);min-height:42px;font-family:Inter,"IBM Plex Sans Arabic",sans-serif;font-weight:700}
@media screen and (max-width:600px){
  .tp{flex:1}
  .tp .cs,.tp select{width:100%}
  .tp-min{flex:0 0 92px}
}

/* الاسترجاع */
.set-ic.danger{background:var(--stop-bg);border-color:var(--stop-bd);color:var(--stop-fg)}
.drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:22px 16px;border:2px dashed var(--bd);border-radius:14px;background:var(--bg);text-align:center;cursor:pointer;font-size:inherit;transition:border-color .15s,background .15s}
.drop:hover,.drop.over{border-color:var(--gold);background:var(--edit-bg)}
.drop input{position:absolute;inset:0;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}
.drop svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.drop .lbl{font-size:12px}
.r-dlg{width:min(480px,94vw)}
.r-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.r-head h3{margin:0}
.r-file{padding:10px 12px;border-radius:10px;background:var(--bg);margin-bottom:10px;overflow-wrap:anywhere}
.r-list{margin:0 0 6px;padding:0 18px 0 0;font-size:14px;line-height:1.8}
.r-list li::marker{color:var(--stop-fg)}
.r-dlg p.bad:empty{display:none}
.btn.danger-btn{background:var(--bad);color:#fff;font-weight:700}
.btn.danger-btn:disabled{opacity:.35}
.bk-row .act-btn{flex:none}
@media screen and (max-width:600px){
  .bk-row{flex-wrap:wrap}
  .bk-row .bk-info{flex:1 1 calc(100% - 50px)}
  .bk-row .act-btn{flex:1;justify-content:center}
}

/* الترانزيت لموظف الترانزيت */
.staff-note{margin:-4px 0 14px;padding:10px 14px;border-radius:12px;background:var(--edit-bg);border:1px solid var(--edit-bd);color:var(--edit-fg);font-size:14px;line-height:1.8}
.wait-note{display:flex;align-items:center;gap:6px;margin:0 14px 14px;padding:9px 12px;border-radius:10px;background:var(--bg);font-size:13px;opacity:.8}
.wait-note svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* بطاقة المستخدم أسفل القائمة الجانبية، فوق زر الوضع مباشرة */
.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bd);border-radius:var(--r-btn);background:var(--bg)}
.su-av{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--rc,var(--gold));background:var(--rc-bg,var(--edit-bg));border:2px solid var(--rc,var(--gold))}
.su-txt{min-width:0;display:flex;flex-direction:column;line-height:1.35}
.su-txt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.su-txt span{font-size:12px;color:var(--rc,var(--tx));opacity:.85}
aside .side-user + .theme-btn{margin-top:10px}

/* الكمبيوتر: القائمة الجانبية تبقى ظاهرة أثناء التمرير، فتبقى بطاقة المستخدم وزر الوضع في أسفل الشاشة */
@media screen and (min-width:801px){
  #app{overflow:clip}
  aside{position:sticky;top:16px;align-self:flex-start;height:calc(100vh - 34px);height:calc(100dvh - 34px);overflow-y:auto}
}

/* ===== قالب كشف الحساب (ورقة بيضاء في الوضعين وعند الطباعة) ===== */
.paper{
  --bg:#FAF8F4; --surf:#FFFFFF; --tx:#252A30; --bd:#E8E0D2; --ok:#0F6B5B; --bad:#B42323;
  color-scheme:light; color:var(--tx); background:#fff;
  border:1px solid var(--bd); border-radius:var(--r-card); padding:28px 30px 22px; margin-bottom:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.ph-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.ph-brand{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:38px;font-weight:700;letter-spacing:1px;line-height:1;color:var(--gold);direction:ltr}
.ph-doc{display:flex;flex-direction:column;align-items:flex-end;text-align:end;gap:2px}
.ph-doc b{font-size:18px}
.ph-doc span{font-size:13px;opacity:.75}
.ph-doc .d{font-size:13px}
.ph-rule{height:3px;margin:14px 0 18px;background:linear-gradient(to left,var(--gold),var(--gold) 30%,rgba(201,164,92,.25));border-radius:3px}
.ph-info{display:flex;align-items:stretch;justify-content:space-between;gap:16px}
.ph-acc{min-width:0}
.ph-acc .lbl{font-size:12px}
.ph-acc h2{margin:2px 0 6px;font-size:22px}
.ph-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;opacity:.85}
.ph-final{flex:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;padding:10px 18px;border:1px solid var(--edit-bd,#E3CC9C);border-radius:12px;background:#FBF6EC}
.ph-final .lbl{font-size:12px}
.ph-final .n{font-size:24px}

.paper .wrap{margin-top:18px}
.ptable th{background:#F3EEE4;color:var(--tx);font-weight:700;font-size:12px;padding:9px 10px}
.ptable td{border-bottom:1px solid #EFE9DE;font-size:14px}
.ptable tbody tr:nth-child(even) td{background:#FCFAF6}
.ptable .n{font-size:15px}
.pf-space{display:none}

.pf{display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:14px;border-top:2px solid var(--gold)}
.pf img{display:block;height:58px;width:auto;object-fit:contain}
.pf .pf-c{height:66px}

@media screen and (max-width:800px){
  .paper{padding:18px 14px;border-radius:16px}
  .ph-brand{font-size:30px}
  .ph-info{flex-direction:column}
  .ph-final{align-items:flex-start}
  .paper tr{background:#FCFAF6}
  .pf img{height:42px}
  .pf .pf-c{height:48px}
}

@media print{
  /* لا نطبع عنوان الصفحة "التقارير" فوق الكشف */
  main>h1{display:none!important}
  .paper{border:0;border-radius:0;box-shadow:none;padding:0;margin:0}
  .ptable th,.ptable tbody tr:nth-child(even) td,.ph-final,.ph-rule{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* التذييل ثابت أسفل كل صفحة، والمساحة الفارغة في الجدول تمنع تداخله مع الأسطر */
  .pf{position:fixed;left:0;right:0;bottom:0;margin:0;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pf img{height:17mm}
  .pf .pf-c{height:19mm}
  .pf-space{display:table-footer-group}
  .pf-space td{height:30mm;border:0;padding:0;background:none!important}
}

/* عناصر تظهر عند الطباعة فقط (قالب الكشف) */
@media screen{.print-only{display:none!important}}

/* ===== تعديلات التصنيفات وصفحة الصندوق ===== */
textarea{font:inherit;font-size:16px;min-height:44px;padding:9px 12px;border-radius:var(--r-btn);border:1px solid var(--bd);background:var(--bg);color:var(--tx);width:100%;max-width:100%;resize:none;overflow:hidden;line-height:1.5;display:block}
textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
input.money{direction:ltr;text-align:right;font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:700}
label.check{display:flex;align-items:center;gap:10px;font-size:15px;margin:12px 0 4px;cursor:pointer}
label.check input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin:0}
.seg input:disabled+span{opacity:.5;cursor:not-allowed}
dialog.confirm-dlg{width:min(480px,94vw)}
.cf-body p{margin:0 0 6px}
.copy-list{border:1px solid var(--bd);border-radius:var(--r-btn);padding:6px 10px;margin-top:6px;background:var(--bg)}
.copy-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dashed var(--bd)}
.copy-row:last-of-type{border-bottom:0}
.copy-row label.check{flex:1 1 auto;margin:0;font-size:14px}
.copy-row input[type=date]{flex:0 0 150px;min-height:38px;padding:6px 8px;font-size:14px;opacity:.45}
.copy-row.on input[type=date]{opacity:1}
.copy-list>.lbl{margin:6px 0 2px}

/* ===== ألوان الرصيد: موجب / سالب / صفر ===== */
:root{--pos:#0F7A62;--pos-bg:#E3F3EE;--neg:#C02626;--neg-bg:#FBE9E9}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--pos:#3FCB9F;--pos-bg:rgba(63,203,159,.12);--neg:#FF7A7A;--neg-bg:rgba(255,122,122,.12)}}
:root[data-theme="dark"]{--pos:#3FCB9F;--pos-bg:rgba(63,203,159,.12);--neg:#FF7A7A;--neg-bg:rgba(255,122,122,.12)}
.pos{color:var(--pos)}.neg{color:var(--neg)}.zero{color:var(--tx);opacity:.7}

/* ===== صفحة الصناديق ===== */
.cat{margin-bottom:26px;background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-card);padding:14px}
.cat-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cat-ic{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--edit-bg);border:1px solid var(--edit-bd);color:var(--gold)}
.cat-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cat-title{flex:1 1 auto;min-width:0}
.cat-title h2{margin:0;font-size:20px;overflow-wrap:anywhere}
.cat-title .lbl{font-size:13px}
.cat-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.ct-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border-radius:var(--r-btn);border:1px solid;font:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .1s}
.ct-btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ct-btn:hover{filter:brightness(1.06)}
.ct-btn:active{transform:scale(.97)}
.ct-btn.gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.ct-btn.soft{background:var(--edit-bg);border-color:var(--edit-bd);color:var(--edit-fg)}
.ct-btn.edit{background:transparent;border-color:var(--edit-bd);color:var(--edit-fg)}
.ct-btn.stop{background:var(--stop-bg);border-color:var(--stop-bd);color:var(--stop-fg)}

.box-list{display:flex;flex-direction:column;gap:10px}
.bx{position:relative;background:var(--bg);border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:border-color .15s}
.bx::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--bd)}
.bx.b-pos::before{background:var(--pos)}
.bx.b-neg::before{background:var(--neg)}
.bx.open{border-color:var(--gold)}
.bx.off .bx-main{opacity:.5}
.bx-row{display:flex;align-items:center}
.bx-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 12px 16px 12px;padding-inline-start:18px;text-decoration:none;color:inherit}
.bx-av{flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;background:var(--surf);border:1px solid var(--bd);color:var(--gold)}
.bx-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.bx-name{flex:1 1 auto;display:flex;align-items:center;gap:6px;min-width:0}
.bx-name .off-tag{flex:none;font-size:11px}
.bx-name b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-name svg{flex:none;width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bx-meta{font-size:13px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-main:hover .bx-name b{color:var(--gold)}
.bx-sub{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.bx-sub .bx-meta{flex:1 1 auto;min-width:0}
.bal{flex:none;display:inline-flex;align-items:baseline;gap:5px;direction:ltr;line-height:1.2}
.bal .n{font-size:18px;font-variant-numeric:tabular-nums;color:inherit}
.bal .cur{font-size:12px;font-weight:700;opacity:.8}
.bal.long .n{font-size:16px}
.bx-more{flex:none;align-self:stretch;width:44px;display:flex;align-items:center;justify-content:center;border:0;border-inline-start:1px solid var(--bd);background:transparent;color:var(--tx);cursor:pointer}
.bx-more svg{width:20px;height:20px;fill:currentColor;stroke:none}
.bx.open .bx-more{color:var(--gold)}
.bx-acts{display:none;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border-top:1px dashed var(--bd);background:var(--surf)}
.bx.open .bx-acts{display:grid}
.bx-acts .ct-btn{min-height:40px;font-size:14px;padding:6px 8px}
.bx-acts .ct-btn.on-flag{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.bx-acts .ct-btn.green{background:var(--on-bg);border-color:var(--on-bd);color:var(--on-fg)}
.cat-empty{padding:18px;text-align:center;opacity:.7;border:1px dashed var(--bd);border-radius:14px}

.bh{position:relative;background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-card);padding:18px;padding-inline-start:22px;overflow:hidden}
.bh::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:var(--bd)}
.bh.b-pos{background:linear-gradient(160deg,var(--pos-bg),var(--surf) 70%)}
.bh.b-neg{background:linear-gradient(160deg,var(--neg-bg),var(--surf) 70%)}
.bh.b-pos::before{background:var(--pos)}
.bh.b-neg::before{background:var(--neg)}
.bh-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bh-cat{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:var(--edit-bg);border:1px solid var(--edit-bd);color:var(--edit-fg);font-size:13px;font-weight:700;min-width:0}
.bh-cat svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bh-name{margin:14px 0 2px;font-size:24px;overflow-wrap:anywhere}
.bh-orig{font-size:13px}
.bh-bal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--bd)}
.bh.b-pos .bh-bal{border-color:color-mix(in srgb,var(--pos) 35%,transparent)}
.bh.b-neg .bh-bal{border-color:color-mix(in srgb,var(--neg) 35%,transparent)}
.bh-lbl{font-size:14px;opacity:.75;font-weight:700}
.bh-bal .bal .n{font-size:26px}
.bh-bal .bal.long .n{font-size:21px}
.bh-bal .bal .cur{font-size:14px}
.back-link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-size:14px;opacity:.75;margin-bottom:8px}
.back-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.box-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.box-tools .ct-btn{text-decoration:none;min-height:46px}
.box-tools .wide{grid-column:1 / -1}

/* ===== الرئيسية ===== */
.tr-card{position:relative;background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-card);padding:16px;margin-bottom:22px;overflow:hidden}
.tr-card.has{border-color:var(--gold);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 14%,var(--surf)),var(--surf) 60%)}
.tr-top{display:flex;align-items:center;gap:12px}
.tr-ic{flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--edit-bg);border:1px solid var(--edit-bd);color:var(--gold)}
.tr-card.has .tr-ic{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.tr-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tr-txt{flex:1 1 auto;min-width:0}
.tr-txt b{display:block;font-size:17px}
.tr-txt .lbl{font-size:13px}
.tr-badge{flex:none;min-width:30px;height:30px;padding:0 9px;border-radius:99px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--on-gold);font-weight:700;font-family:Inter,"Segoe UI",Arial,sans-serif}
.tr-sums{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tr-sum{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--bd)}
.tr-sum .n{font-size:16px}
.tr-sum .cur{font-size:12px;font-weight:700;opacity:.75}
.tr-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;min-height:44px;border-radius:var(--r-btn);text-decoration:none;font-weight:700;border:1px solid var(--edit-bd);background:var(--edit-bg);color:var(--edit-fg)}
.tr-card.has .tr-btn{background:var(--gold);border-color:var(--gold);color:var(--on-gold);box-shadow:0 2px 10px rgba(201,164,92,.35)}
.tr-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}

.follow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:22px}
.fbox{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;background:var(--surf);border:1px solid var(--bd);border-radius:18px;padding:14px 14px 14px 12px;padding-inline-start:16px;text-decoration:none;color:inherit;overflow:hidden;transition:border-color .15s,transform .1s}
.fbox::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--bd)}
.fbox.b-pos::before{background:var(--pos)}
.fbox.b-neg::before{background:var(--neg)}
.fbox:hover{border-color:var(--gold)}
.fbox:active{transform:scale(.98)}
.fb-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.fb-cat{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fb-cur{flex:none;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--bg);border:1px solid var(--bd);font-family:Inter,"Segoe UI",Arial,sans-serif}
.fb-name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-bal{display:flex;align-items:baseline;gap:5px;margin-top:4px;padding:8px 10px;border-radius:12px;direction:ltr;justify-content:flex-end}
.fbox.b-pos .fb-bal{background:var(--pos-bg)}
.fbox.b-neg .fb-bal{background:var(--neg-bg)}
.fbox.b-zero .fb-bal{background:var(--bg)}
.fb-bal .n{font-size:20px;font-variant-numeric:tabular-nums;color:inherit}
.fb-bal.long .n{font-size:16px}
.fb-bal .cur{font-size:12px;font-weight:700;opacity:.8}
@media screen and (max-width:520px){
  .follow-grid{grid-template-columns:1fr 1fr;gap:10px}
  .fbox{padding:12px 10px 12px 10px;padding-inline-start:14px;border-radius:16px}
  .fb-bal{padding:7px 8px}
  .fb-bal .n{font-size:16px}
  .fb-bal.long .n{font-size:13px}
}
.dist-sec{border-top:1px dashed var(--bd);margin-top:10px;padding-top:8px}
.dist-sec h4{margin:0 0 4px;font-size:14px}
@media screen and (max-width:800px){
  .copy-row input[type=date]{flex-basis:132px}
}

/* ===== كشف الحساب المطبوع (صفحات A4 بنمط Smart Accountant) ===== */
.st-sheet{box-sizing:border-box;width:210mm;height:297mm;margin:0 auto;padding:6mm 5mm 0 5mm;break-inside:avoid;position:relative;overflow:hidden;background:#fff;color:#1d2126;direction:ltr;font-family:Inter,"IBM Plex Sans Arabic",Arial,sans-serif;font-size:9.5pt;line-height:1.35;break-after:page;page-break-after:always}
.st-sheet:last-child{break-after:auto;page-break-after:auto}
.st-probe{position:fixed;left:-10000px;top:0;visibility:hidden}
.st-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:3mm}
.st-info{font-size:10pt;line-height:1.6}
.st-logo{height:13mm;width:auto}
.st-table,.st-sum{width:100%;border-collapse:collapse;min-width:0;direction:ltr}
.st-table th,.st-table td,.st-sum td{border:1px solid #9aa0a6;padding:1.6mm 2mm;text-align:left;vertical-align:top;font-size:9pt;background:#fff;color:#1d2126}
.st-table th{background:var(--st-c)!important;color:var(--st-t)!important;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.st-table tr.st-title th{background:#fff!important;color:#1d2126!important;text-align:center;font-weight:700}
.st-table td::before,.st-sum td::before{display:none!important;content:none!important}
.st-table .c-no{width:12mm;text-align:center;white-space:nowrap}
.st-table .c-date{width:22mm;white-space:nowrap}
.st-table .c-num{width:25mm;text-align:center!important;white-space:nowrap}
.st-sum .c-num{width:25mm;text-align:right}
.st-desc{font-size:8pt;opacity:.75}
.st-sum{margin-top:-1px}
.st-sum td{font-size:9.5pt}
.st-sum .st-final td{background:var(--st-c)!important;color:var(--st-t)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.st-center{text-align:center!important}
.st-printed{margin-top:3mm;font-size:8pt;opacity:.7}
.st-foot{position:absolute;left:5mm;right:5mm;bottom:5mm;border-top:1.5px solid var(--st-l,var(--st-c));padding-top:1.5mm}
.st-logos{display:flex;justify-content:space-between;align-items:center}
.st-logos img{height:9mm;width:auto;max-width:30mm;object-fit:contain}

.st-page{text-align:center;font-size:8pt;margin-top:.5mm;opacity:.8}
@media print{
  #sheets{display:block!important}
  #sheets ~ *, main > p.bad{display:none!important}
  main{margin:0!important}
  .st-sheet table{min-width:0}
  .st-sheet tr{break-inside:avoid}
}
/* الكشف جدول حقيقي دائماً (حتى على شاشة الهاتف أثناء القياس) */
.st-sheet table{display:table!important;width:100%!important}
.st-sheet thead{display:table-header-group!important}
.st-sheet tbody{display:table-row-group!important}
.st-sheet tr{display:table-row!important;background:none!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important}
.st-sheet td,.st-sheet th{display:table-cell!important;width:auto}
.st-sheet .c-no{width:12mm!important}.st-sheet .c-date{width:22mm!important}.st-sheet .c-num{width:25mm!important}
.st-table tr.st-final td{background:var(--st-c)!important;color:var(--st-t)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.user-head{flex-wrap:wrap}
.user-name{min-width:110px}

/* ===== بطاقات المستخدمين (نفس نمط الصناديق) ===== */
.usr{position:relative;background:var(--surf);border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:border-color .15s}
.usr::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--rc,var(--bd))}
.usr.open{border-color:var(--gold)}
.usr.off .usr-main{opacity:.5}
.usr-row{display:flex;align-items:center}
.usr-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 12px;padding-inline-start:16px;cursor:pointer}
.u-ic{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--rc,var(--tx));background:var(--rc-bg,var(--bd));border:1px solid color-mix(in srgb,var(--rc,var(--bd)) 40%,transparent)}
.u-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.usr-name{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.usr-name b{font-size:16px;overflow-wrap:anywhere}
.usr-name .tag{font-size:11px}
.usr-acts{display:none;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-top:1px dashed var(--bd);background:var(--bg)}
.usr.open .usr-acts{display:grid}
.usr-acts .ct-btn{min-height:40px;font-size:14px}
.usr-acts .ct-btn.green{background:var(--on-bg);border-color:var(--on-bd);color:var(--on-fg)}

.info-dlg{max-width:420px;width:calc(100% - 32px)}
.info-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.info-head .u-ic{width:52px;height:52px;border-radius:14px}
.info-head .u-ic svg{width:26px;height:26px}
.info-head h3{margin:0 0 4px;overflow-wrap:anywhere}
.info-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd)}
.info-row>span:last-child{text-align:left;overflow-wrap:anywhere;min-width:0}
.info-desc{margin:12px 0 4px;font-size:13px}

/* ===== كل النسخ الاحتياطية ===== */
.bk-all{width:100%;margin-top:10px}
.bk-all-dlg{max-width:560px;width:calc(100% - 24px)}
.bk-scroll{max-height:60vh;overflow-y:auto;overscroll-behavior:contain}
.usr-main:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}

/* ===== الكشف كملف PDF: تُبنى الصفحات خارج الشاشة ثم تُرسم ===== */
.st-stage{position:fixed;left:-12000px;top:0;width:210mm;pointer-events:none}
.st-neg{color:#C02626}
.st-table th.c-num{text-align:center!important}
#bPrint.ready{background:var(--on-bg);color:var(--on-fg);box-shadow:0 2px 10px rgba(15,107,91,.35)}

/* ===== الترانزيت: مجموعة لكل موظف ===== */
.tr-group{margin-bottom:18px}
.tr-group-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 14px;margin-bottom:10px;border-radius:14px;background:var(--surf);border:1px solid var(--bd);border-inline-start:4px solid var(--r-tr)}
.tr-group-head b{font-size:16px}
.tr-group-sum{margin-inline-start:auto;font-size:14px}
.tr-group-sum .n{font-size:15px}

/* ===== نافذة الحركة ونسخها ===== */
.copies-dlg{max-width:560px;width:calc(100% - 24px)}
.cp-list{max-height:65vh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:2px}
.cp-row{border:1px solid var(--bd);border-radius:14px;padding:12px;background:var(--bg)}
.cp-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.cp-head svg{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cp-head .tag{font-size:11px}
.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cp-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.cp-msg{font-size:13px}

/* ===== قائمة الاختيار داخل النوافذ: نافذة اختيار مستقلة ===== */
dialog.cs-sheet{width:min(420px,92vw);max-height:min(70dvh,560px);padding:8px;overflow:hidden}
dialog.cs-sheet::backdrop{background:rgba(0,0,0,.45)}
.cs-sheet-list{list-style:none;margin:0;padding:0;max-height:calc(min(70dvh,560px) - 16px);overflow-y:auto;overscroll-behavior:contain}
.cs-sheet-list .cs-opt{padding:13px 14px;font-size:16px;border-radius:10px}
.cs-sheet-list .cs-opt+.cs-opt{border-top:1px solid var(--bd)}
@media (max-width:600px){dialog.cs-sheet{margin:auto auto 12px;width:calc(100vw - 24px)}}

/* النسخ لصناديق من تصنيفات أخرى: عنوان لكل تصنيف وقائمة قابلة للتمرير */
.copy-list{max-height:min(46dvh,360px);overflow-y:auto;overscroll-behavior:contain}
.copy-cat{font-size:12px;font-weight:700;color:var(--gold,#c8a45c);padding:8px 0 2px;border-bottom:1px solid var(--bd)}
.copy-cat:first-child{padding-top:2px}

/* التقارير: خيار «عن كامل المدة» */
.r-full{margin-top:12px}
.r-full small{font-weight:400}
.r-dates.off{opacity:.4;pointer-events:none}
.st-final .st-neg{color:inherit}

/* أنماط ألوان الكشف (تُختار من الإعدادات): خلفيات بكتابة واضحة بالطابعة الملونة وبالأبيض والأسود */
.st-sheet{--st-c:#EADFC6;--st-t:#1d2126;--st-l:#C9A45C}
.th-blue .st-sheet{--st-c:#D6E6F3;--st-t:#1d2126;--st-l:#6aa6d3}
.th-navy .st-sheet{--st-c:#24364A;--st-t:#E2C68A;--st-l:#C9A45C}
.th-navy .st-info,.th-navy .st-info b{color:#A9822F}

/* الإعدادات: اختيار نمط الكشف */
.rt-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rt-opt{border:2px solid var(--bd);border-radius:var(--r-btn);background:#fff;padding:8px;cursor:pointer;font:inherit;color:#1d2126;text-align:center;transition:border-color .15s}
.rt-opt.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,164,92,.25)}
.rt-prev{border:1px solid #c7c9cc;border-radius:4px;overflow:hidden;margin-bottom:8px;background:#fff}
.rt-prev i{display:block;height:12px}
.rt-prev span{display:block;height:6px;margin:5px 6px;background:#e5e5e5;border-radius:2px}
.rt-opt b{display:block;font-size:13px}
.rt-opt small{display:block;font-size:11px;color:#6b6f75;margin-top:2px}
@media (max-width:420px){.rt-opt{padding:6px}.rt-opt b{font-size:12px}}

/* الآلة الحاسبة تحت خانة المبلغ */
.calc-bar{display:none;direction:ltr;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 2px}
.calc-bar.on{display:flex}
.calc-bar button{direction:ltr;unicode-bidi:isolate;min-width:38px;height:36px;padding:0 8px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--tx);font:700 18px Inter,Arial,sans-serif;cursor:pointer}
.calc-bar button.eq{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.calc-res{flex-basis:100%;direction:rtl;text-align:right;font-size:14px;font-weight:700;color:var(--ok);padding-top:2px}
.calc-res:empty{display:none}
.calc-res bdi{font:700 17px Inter,Arial,sans-serif;margin:0 3px}
.calc-res.bad{color:#C02626}

/* اقتراحات الأسماء والبيانات المكتوبة قبل */
.sg-list{margin:4px 0 6px;background:var(--surf);border:1px solid var(--bd);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18);list-style:none;padding:4px;max-height:220px;overflow-y:auto}
.sg-list li{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1.4}
.sg-list li:hover,.sg-list li.act{background:var(--bg)}
.sg-list li b{color:var(--gold);font-weight:inherit}

/* المستخدمين: ترانزيت القارئ */
.tr-mode{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
.tr-mode span{min-height:40px;padding:6px 2px;font-size:12px;white-space:nowrap}

/* خيارات القارئ ملزوقة تحت مربع «قارئ» */
#catPick.attached{margin-top:-9px;padding:4px 14px 14px;border:1px solid var(--rc);border-inline-start:4px solid var(--rc);border-top:0;border-radius:0 0 var(--r-btn) var(--r-btn);background:var(--rc-bg);box-shadow:1px 0 0 0 var(--rc),-1px 0 0 0 var(--rc),0 1px 0 0 var(--rc)}
#catPick.attached > label{font-size:13px}
#catPick.attached .copy-list{background:var(--surf)}
.role-opt.role-viewer:has(input:checked) span{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;box-shadow:1px 0 0 0 var(--rc),-1px 0 0 0 var(--rc),0 -1px 0 0 var(--rc)}

/* ===== توزيع أموال الصندوق ===== */
.dist-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:14px 0 0;padding:12px;border:1.5px dashed var(--gold);border-radius:var(--r-btn);background:transparent;color:var(--gold);font:inherit;font-weight:700;cursor:pointer}
.dist-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.dist-add small{font-weight:400}
.dist-card{background:var(--surf);border:1px solid var(--bd);border-radius:var(--r-card);padding:12px 14px;margin:14px 0 0}
.dist-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.dist-head b{font-size:16px}
.dist-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px dashed var(--bd);font-size:15px}
.dist-row .n{font-family:Inter,Arial,sans-serif;font-weight:700;direction:ltr}
.dist-rows .dist-row:last-child{border-bottom:1px solid var(--bd)}
.dist-sum{border-bottom:0;font-weight:700}
.dist-match{border-bottom:0;border-radius:10px;padding:8px 10px;margin-top:4px;font-weight:700}
.dist-match.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}
.dist-match.bad{background:var(--mis-bg,color-mix(in srgb,var(--bad) 12%,transparent));color:var(--mis,var(--bad))}
.dist-match > span:last-child{display:flex;flex-direction:column;align-items:flex-end}
.dist-ok{display:inline-flex;align-items:center;gap:4px}
.dist-ok svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5}
.dist-bad small{font-weight:400;font-size:11px}
.tag.dist{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--tx)}
.dist-feed select{width:100%}

.dist-dlg{max-width:520px;width:calc(100% - 24px)}
.dd-bal{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:var(--bg);margin:6px 0 10px}
.dd-bal .n,.dd-foot .n,.dd-match .n{font-family:Inter,Arial,sans-serif;font-weight:700;direction:ltr}
.dd-list{display:flex;flex-direction:column;gap:8px;max-height:46dvh;overflow-y:auto;overscroll-behavior:contain;padding:2px}
.dd-row{display:grid;grid-template-columns:1fr 130px 38px;gap:6px;align-items:center}
.dd-row input{min-height:42px;margin:0}
.dd-row input[readonly]{opacity:.6}
.dd-del{height:42px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--bad);font-size:22px;line-height:1;cursor:pointer}
.dd-del:disabled{opacity:.35;cursor:not-allowed}
.dd-addrow{margin:10px 0}
.dd-foot{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--bd);padding-top:10px}
.dd-foot > div{display:flex;justify-content:space-between;align-items:center}
.dd-m{padding:8px 10px;border-radius:10px;background:var(--bg)}
.dd-match.ok{color:var(--ok)}
.dd-match.bad{color:var(--mis,var(--bad))}
@media (max-width:420px){.dd-row{grid-template-columns:1fr 112px 36px}}

/* لوحة المتابعة: ملخص التوزيع بسطر واحد بأسفل البطاقة، والتفاصيل بنافذة */
.fb-dsum{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 0;border-top:1px dashed var(--bd);font-size:13px;cursor:pointer}
.fb-dsum .fb-dlbl{display:inline-flex;align-items:center;gap:3px;color:var(--gold);font-weight:700}
.fb-dsum .fb-dlbl small{opacity:.8;font-weight:400}
.fb-dsum svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fb-dsum .ok{color:var(--ok);font-weight:700}
.fb-dsum .bad{color:var(--mis,var(--bad));font-weight:700;white-space:nowrap}
.fb-dsum .n,.fd-dlg .n{font-family:Inter,Arial,sans-serif;font-weight:700;direction:ltr;unicode-bidi:isolate}
.fd-dlg h3{margin:0 0 12px}
.fd-bal{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:var(--bg);margin-bottom:6px}
.fd-dlg .row{margin-top:14px}
.fd-dlg .row .btn{text-decoration:none;text-align:center}
/* أسطر التوزيع بالنافذة: الاسم بسطر والمبلغ تحته */
.fb-dist{font-size:14px}
.fb-dist div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 0;min-width:0}
.fb-dist div>span:first-child{max-width:100%;overflow-wrap:anywhere;opacity:.8}
.fb-dist div+div{border-top:1px solid var(--bd)}
.fb-dist div>.n{font-size:16px}
.fb-dist .m.ok{color:var(--ok);font-weight:700}
.fb-dist .m.bad{color:var(--mis,var(--bad));font-weight:700}
/* الوضع الداكن: لون «غير مطابق» بالتوزيع أهدى (وردي مرجاني مطفي بدل الأحمر الصارخ) وخلفية خفيفة جداً، مريح للعين ولسا مميّز */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--mis:#E8A29B;--mis-bg:rgba(232,162,155,.08)}}
:root[data-theme="dark"]{--mis:#E8A29B;--mis-bg:rgba(232,162,155,.08)}

/* ===== الربط ===== */
.bh-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bh-link{display:inline-flex;align-items:center;gap:5px;flex:none;padding:6px 12px;border:1px solid var(--gold);border-radius:999px;background:transparent;color:var(--gold);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.bh-link svg,.link-dlg h3 svg,.tag.link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-2px}
.tag.link{background:color-mix(in srgb,#3b82f6 15%,transparent);color:var(--tx)}
.link-dlg{max-width:520px;width:calc(100% - 24px)}
.lk-list{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.lk-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}
.lk-ic svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:2}
.lk-txt{flex:1;display:flex;flex-direction:column}
.lk-txt small{font-size:12px}
.lk-type small{font-size:11px}
.lk-hint{margin:6px 0 0;font-size:13px}
.link-dlg .n{font-family:Inter,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}

/* ===== الفواتير ===== */
.inv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.inv-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--bd);border-radius:var(--r-card);background:var(--surf);color:var(--tx);text-decoration:none}
.inv-card:hover{border-color:var(--gold)}
.inv-top,.inv-bot{display:flex;justify-content:space-between;align-items:center}
.inv-no{font:700 15px Inter,Arial,sans-serif;color:var(--gold)}
.inv-cust{font-size:16px}
.inv-total .n{font:700 18px Inter,Arial,sans-serif}
.inv-sec{margin-bottom:12px}
.inv-sec-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.inv-grid .wide{grid-column:1/-1}
.inv-items{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.inv-item{border:1px solid var(--bd);border-radius:12px;padding:10px;background:var(--bg)}
.inv-row{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.3fr 34px;gap:6px;align-items:end;margin-top:6px}
.inv-row label{font-size:11px;margin:0 0 2px}
.inv-row input{min-height:40px;margin:0;padding:6px 8px}
.i-sum-w{display:flex;flex-direction:column}
.i-sum{min-height:40px;display:flex;align-items:center;font:700 14px Inter,Arial,sans-serif;direction:ltr;justify-content:flex-end}
.i-del{height:40px;border:1px solid var(--bd);border-radius:10px;background:var(--surf);color:var(--bad);font-size:22px;cursor:pointer}
.inv-tot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--bd)}
.inv-tot input{max-width:180px;margin:0}
.inv-tot .n{font:700 16px Inter,Arial,sans-serif;direction:ltr}
.inv-tot.final{border-bottom:0;font-weight:700}
.inv-tot.final .n{font-size:20px;color:var(--gold)}
.inv-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.inv-actions .btn-add.ready{background:var(--ok);border-color:var(--ok);color:#fff}
@media (max-width:520px){
  .inv-row{grid-template-columns:.9fr 1fr 1.3fr;row-gap:8px}
  .inv-row > .i-sum-w{grid-column:1 / span 2;flex-direction:row;align-items:center;gap:8px}
  .inv-row > .i-sum-w label{margin:0}
  .inv-row > .i-sum-w .i-sum{justify-content:flex-start}
  .inv-row > .i-del{grid-column:3;justify-self:end;width:44px}
}

/* ورقة الفاتورة A4 */
.inv-sheet{direction:rtl;font-family:"IBM Plex Sans Arabic",Inter,Arial,sans-serif;padding:8mm 8mm 0}
.inv-wm{position:absolute;left:50%;top:52%;width:120mm;transform:translate(-50%,-50%);opacity:.06;pointer-events:none}
.inv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5mm}
.inv-title h1{margin:0;font-size:22pt;line-height:1.1;color:#1d2126}
.inv-title span{font:700 10pt Inter,Arial,sans-serif;letter-spacing:3px;color:var(--st-l,#C9A45C)}
.inv-logo{height:18mm;width:auto}
.inv-meta{display:grid;grid-template-columns:1fr 1fr;gap:2mm 6mm;padding:3mm 4mm;margin-bottom:5mm;border:1px solid #c9cdd2;border-radius:2mm;font-size:10pt}
.inv-meta .w{grid-column:1/-1}
.inv-meta div{display:flex;gap:3mm}
.inv-meta span{color:#5d636b;min-width:24mm}
.inv-table{direction:rtl!important}
.inv-sheet .st-table th,.inv-sheet .st-table td{text-align:right;font-size:10pt;padding:2mm}
.inv-sheet .st-table .c-no{width:9mm!important;text-align:center}
.inv-sheet .st-table .c-q{width:18mm;text-align:center}
.inv-sheet .st-table .c-u{width:18mm;text-align:center}
.inv-sheet .st-table .c-p{width:27mm;text-align:center;direction:ltr}
.inv-end{display:flex;justify-content:space-between;align-items:flex-start;gap:6mm;margin-top:5mm}
.inv-notes{flex:1 1 auto;min-width:0;font-size:9.5pt}
.inv-notes p{margin:1mm 0 0;line-height:1.6}
.inv-totals{width:80mm!important;flex:0 0 80mm;border-collapse:collapse;font-size:10.5pt}
.inv-totals td{border:1px solid #9aa0a6;padding:2mm 3mm}
.inv-totals td:last-child{text-align:left;font-family:Inter,Arial,sans-serif;font-weight:700}
.inv-totals tr.st-final td{background:var(--st-c)!important;color:var(--st-t)!important;font-weight:700}
.inv-copy{width:100%;margin-bottom:10px}

/* الربط بالعكس: فرق بانتظار التعديل */
.tag.warn{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.lk-pend{margin:14px 0 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--bad) 45%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bad) 7%,var(--surf))}
.lk-pend-t{display:flex;align-items:center;gap:6px;color:var(--bad)}
.lk-pend-t svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.lk-pend p{margin:6px 0 0;font-size:14px;line-height:1.7}
.lk-pend .n{font-family:Inter,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}
.lk-pend-r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed var(--bd);font-size:14px}
.lk-pend-r b{white-space:nowrap}
.lk-pend-d{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;padding:8px 10px;border-radius:10px;background:var(--surf);font-weight:700}
.lk-pend-d b{color:var(--bad);font-size:17px;white-space:nowrap}
.lk-pend .act-btn{display:inline-flex;margin-top:8px;text-decoration:none}

/* المستندات: فاتورة، إيصال قبض، إيصال دفع */
.req{color:var(--bad)}
.doc-filter{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:10px}
.doc-filter label{min-width:0}
.doc-filter span{font-size:12.5px;padding:8px 2px!important;min-height:0!important;white-space:nowrap}
.doc-type{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--gold) 16%,transparent)}
.doc-type.t-receipt{background:color-mix(in srgb,var(--ok) 16%,transparent)}
.doc-type.t-payment{background:color-mix(in srgb,var(--bad) 13%,transparent)}
.doc-type .inv-no{font-size:13px}
.doc-pick{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.doc-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border:1px solid var(--bd);border-inline-start:4px solid var(--gold);border-radius:12px;background:var(--bg);color:var(--tx);font:inherit;text-align:right;cursor:pointer}
.doc-opt b{font-size:17px}
.doc-opt.t-receipt{border-inline-start-color:var(--ok)}
.doc-opt.t-payment{border-inline-start-color:var(--bad)}
.doc-opt:hover{border-color:var(--gold)}
.rc-words{margin:6px 0 2px;padding:8px 12px;border-radius:10px;background:var(--bg);font-size:14px;line-height:1.7;color:var(--tx)}
/* ورقة الإيصال */
.rc-body{display:flex;flex-direction:column;gap:5mm;margin-top:4mm;font-size:12pt}
.rc-line{display:flex;align-items:baseline;gap:4mm}
.rc-line span{flex:0 0 auto;color:#5d636b;min-width:30mm}
.rc-line b{flex:1;border-bottom:1px dotted #9aa0a6;padding:0 2mm 1.5mm;min-height:7mm;line-height:1.6}
.rc-amt{display:flex;align-items:center;gap:4mm}
.rc-amt span{color:#5d636b;min-width:30mm}
.rc-amt b{font:700 18pt Inter,Arial,sans-serif;padding:3mm 8mm;border:1.5px solid var(--st-l,#C9A45C);border-radius:2mm;background:#fff}
.rc-notes{font-size:10pt}
.rc-notes p{margin:1mm 0 0;line-height:1.6}
.rc-sign{display:flex;justify-content:space-between;gap:20mm;margin-top:22mm;padding:0 6mm;font-size:11pt}
.rc-sign div{flex:1;display:flex;flex-direction:column;align-items:center;gap:16mm;color:#5d636b}
.rc-sign i{display:block;width:100%;border-bottom:1px solid #9aa0a6}

/* الفاتورة: المجموع والحسم والإجمالي بأسفل الجدول، والخط الفاصل على امتداد خط «الوحدة | السعر» */
.inv-sheet .st-table tfoot td{font-size:10.5pt;padding:2mm}
.inv-sheet .st-table td.tf-blank{border:0!important;background:transparent!important}
.inv-sheet .st-table td.tf-l{text-align:right;font-weight:700}
.inv-sheet .st-table td.tf-v{text-align:center!important;font-family:Inter,Arial,sans-serif;font-weight:700}
.inv-words{margin-top:4mm;padding-top:2.5mm;border-top:1.5px solid var(--st-l,#C9A45C);font-size:11pt;font-weight:700;color:#1d2126}
.inv-sheet .inv-notes{margin-top:4mm}
/* QR التحقق بأسفل المستند، فوق اللوغوهات */
.doc-qr{position:absolute;left:8mm;bottom:22mm;display:flex;flex-direction:column;align-items:center;gap:1mm;font-size:7.5pt;color:#5d636b}
.doc-qr img{width:22mm;height:22mm;image-rendering:pixelated}
/* صفحة التحقق العامة */
.vf-body{min-height:100vh;padding:16px;background:var(--bg)}
.vf{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.vf .brand{justify-content:center;margin:10px 0}
.vf-ok,.vf-bad{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px}
.vf-ok{background:color-mix(in srgb,var(--ok) 13%,var(--surf));border:1px solid var(--ok)}
.vf-bad{background:color-mix(in srgb,var(--bad) 10%,var(--surf));border:1px solid var(--bad)}
.vf-ok svg,.vf-bad svg{flex:0 0 30px;width:30px;height:30px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vf-ok svg{stroke:var(--ok)}.vf-bad svg{stroke:var(--bad)}
.vf-ok b,.vf-bad b{display:block;font-size:18px}
.vf-ok b{color:var(--ok)}.vf-bad b{color:var(--bad)}
.vf-ok span,.vf-bad span{font-size:14px;line-height:1.7}
/* مستند ملغى: صادر من النظام بس ما عاد معتمد (عنبري، مو أحمر متل المزوّر) */
.vf-void{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,#D08A1E 12%,var(--surf));border:1px solid #D08A1E}
.vf-void svg{flex:0 0 30px;width:30px;height:30px;fill:none;stroke:#D08A1E;stroke-width:2.6;stroke-linecap:round}
.vf-void b{display:block;font-size:18px;color:#B87414}
.vf-void span{font-size:14px;line-height:1.7}
.vf-card.is-void{position:relative;overflow:hidden}
.vf-card.is-void>*:not(.vf-stamp){opacity:.75}
.vf-stamp{position:absolute;top:18px;left:-34px;transform:rotate(-35deg);background:#D08A1E;color:#fff;font-weight:700;font-size:14px;padding:4px 44px;letter-spacing:.5px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .vf-void b{color:#E9B260}}
:root[data-theme="dark"] .vf-void b{color:#E9B260}
.vf-card h2{margin:0 0 8px}
.vf-no{font-family:Inter,Arial,sans-serif;color:var(--gold)}
.vf-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--bd)}
.vf-row span{color:var(--muted,#7a7f87)}
.vf-row b{text-align:left}
.vf-items{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.vf-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:var(--bg);font-size:14px}
.vf-item>span{color:var(--muted,#7a7f87)}
.vf-item>span b{color:var(--tx)}
.vf-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--bg);font-weight:700}
.vf-total b{font:700 22px Inter,Arial,sans-serif;color:var(--gold)}
.vf-upd{margin:10px 0 0;font-size:12px}

/* الكشف: توزيع الأموال (اختياري) */
.st-table tr.st-gap td{border:0!important;background:transparent!important;height:4mm;padding:0}
.st-table tr.st-dhead td{background:var(--st-c)!important;color:var(--st-t)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.st-asof{font-weight:400;font-size:8pt}
.st-table tr.st-match-ok td{color:#1c7a52}
.st-table tr.st-match-bad td{color:#b42323}

/* الإعدادات: قائمة العملات مطوية (عملتين) وبتنفتح بكبسة */
#curList:not(.cur-open) .cur-more{display:none}
.cur-toggle{display:block;width:100%;margin-top:8px;padding:9px;border:1px dashed var(--bd);border-radius:var(--r-btn);background:transparent;color:var(--gold);font:inherit;font-weight:700;cursor:pointer}
.cur-toggle:hover{border-color:var(--gold)}

/* صفحة الصندوق: عرض المزيد */
.tx-pager{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 22px}
.tx-pager[hidden],.tx-pager .btn-soft[hidden]{display:none}

/* خانة البحث المثبتة (الصندوق والحركات): بتضل ظاهرة تحت الشريط العلوي وانت نازل بالقائمة */
.search-box.stick{position:sticky;top:var(--topbar-h,0px);z-index:9;margin:4px -12px 10px;padding:8px 12px;background:var(--bg);transition:box-shadow .2s}
.search-box.stick>svg{right:26px}
.search-box.stick .search-clear{left:20px}
.search-box.stick.stuck{box-shadow:0 10px 14px -12px rgba(0,0,0,.45)}
.tx-filters.no-q{grid-template-columns:1fr 1fr}
@media screen and (max-width:420px){.tx-filters.no-q{grid-template-columns:1fr}}

/* لوحة المتابعة: الصناديق المتابَعة بسطر واحد بيتمرّر (سلايدر) */
.follow-row{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;padding:2px 2px 4px;scrollbar-width:none}
.follow-row::-webkit-scrollbar{display:none}
.follow-row .fbox{flex:0 0 250px}
.fr-dots{display:flex;justify-content:center;gap:6px;min-height:6px;margin:8px 0 18px}
.fr-dots i{width:6px;height:6px;border-radius:99px;background:var(--bd);transition:width .2s,background .2s}
.fr-dots i.on{width:18px;background:var(--gold)}
.fr-nav{display:flex;gap:6px;margin-inline-start:auto;margin-inline-end:10px}
.fr-nav[hidden]{display:none}
.fr-nav button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bd);border-radius:99px;background:var(--surf);color:var(--tx);cursor:pointer}
.fr-nav button:disabled{opacity:.35;cursor:default}
.fr-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media screen and (max-width:520px){
  /* بطاقة ونص تقريباً، لحتى يبيّن إنه في صناديق كمان بالسحب. السحب حر بدون ما يقفز لبداية بطاقة */
  .follow-row{gap:10px;margin-inline:-16px;padding-inline:16px}
  .follow-row .fbox{flex-basis:calc((100% - 10px) / 1.7)}
}
@media (hover:none){.fr-nav{display:none!important}}

/* بطاقة صندوق بلا توزيع: الرصيد بياخد كل المساحة الباقية (بدل فراغ تحت) لما تكون جنب بطاقة فيها توزيع */
.fb-bal.fb-full{flex:1;flex-direction:column;justify-content:center;align-items:stretch;gap:2px;direction:rtl;padding:10px 12px}
.fb-full .fb-bl{font-size:12px;font-weight:700;opacity:.7}
.fb-full .fb-v{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;direction:ltr}
.fb-full .n{font-size:24px}
.fb-full.long .n{font-size:18px}
@media screen and (max-width:520px){
  .fb-bal.fb-full{padding:9px 10px}
  .fb-full .n{font-size:20px}
  .fb-full.long .n{font-size:15px}
}

/* ===== خانة التاريخ الموحّدة dd/mm/yyyy (date.js) ===== */
.dp{position:relative;display:block;min-width:0}
.dp-native{display:none!important}
.dp .dp-txt{padding-left:46px;text-align:right;font-variant-numeric:tabular-nums}
.dp .dp-txt.bad{border-color:var(--bad);outline-color:var(--bad)}
.dp-btn{position:absolute;top:50%;left:6px;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:var(--gold);cursor:pointer}
.dp-btn:disabled{opacity:.4;cursor:default}
.dp-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
dialog.dp-sheet{width:min(360px,92vw);padding:14px}
dialog.dp-sheet::backdrop{background:rgba(0,0,0,.45)}
.dp-head{display:flex;align-items:center;gap:4px;margin-bottom:10px}
.dp-title{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.25}
.dp-title b{font-size:16px}
.dp-title small{font-size:12px;opacity:.55}
.dp-head button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--tx);cursor:pointer}
.dp-head svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dp-week,.dp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.dp-week span{font-size:11px;opacity:.65;padding-bottom:4px}
.dp-days button{height:40px;border:0;border-radius:10px;background:transparent;color:var(--tx);font:inherit;font-family:Inter,Arial,sans-serif;font-size:15px;cursor:pointer}
.dp-days button:hover{background:var(--bg)}
.dp-days button.td{outline:1px solid var(--gold)}
.dp-days button.on{background:var(--gold);color:var(--on-gold);font-weight:700}
.dp-foot{display:flex;gap:8px;margin-top:12px}
.dp-foot .btn{flex:1}
@media (max-width:600px){dialog.dp-sheet{margin:auto auto 12px;width:calc(100vw - 24px)}}
/* نافذة التحويل: توضيح النقل الداخلي */
.dist-internal{margin:8px 0 2px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);color:var(--tx);font-size:13px;line-height:1.6}
.dist-internal b{color:var(--gold)}

/* صفحة الصندوق: التوزيع جوّا بطاقة الصندوق نفسها */
.bh .dist-card{background:transparent;border:0;border-top:1px dashed var(--bd);border-radius:0;margin:16px 0 0;padding:12px 0 0}
.bh .dist-card .dist-match{margin-bottom:0}

/* صفحة الصندوق: شريط ثابت فيه البحث وتحته الرصيد العائم */
.sticky-bar{position:sticky;top:var(--topbar-h,0px);z-index:9;margin:4px -12px 10px;padding:8px 12px;background:var(--bg);transition:box-shadow .2s}
.sticky-bar.stuck{box-shadow:0 10px 14px -12px rgba(0,0,0,.45)}
.sticky-bar .search-box{margin:0}
.stick-bal{display:flex;align-items:center;justify-content:space-between;gap:10px;max-height:0;overflow:hidden;opacity:0;margin-top:0;padding:0 14px;border-radius:12px;background:var(--surf);border:1px solid transparent;transition:max-height .2s,opacity .2s,margin-top .2s,padding .2s}
.stick-bal.show{max-height:60px;opacity:1;margin-top:8px;padding:8px 14px;border-color:var(--bd)}
.stick-bal .lbl{font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stick-bal .bal .n{font-size:18px}

/* بطاقة الحركة: المبلغ بخليتين متل الإكسل — يمين قبض ويسار دفع (طلب الأستاذ جورج)
   الخليتين لازقين ببعض تحت الاسم (عرض محدود)، لحتى ما يصير فراغ كبير بين الرقمين على الشاشات العريضة
   والتاريخ (أو الصندوق) ثابت بسطر الاسم، ما بيتنقّل */
.tx-line.top>.tx-acc{flex:0 1 auto;max-width:45%;font-size:13px;opacity:.7}
.tx-line.cells{display:grid;grid-template-columns:minmax(0,190px) minmax(0,190px) minmax(26px,1fr);column-gap:0;align-items:center}
.tx-cell{display:flex;align-items:center;justify-content:center;min-height:34px;min-width:0}
.tx-cell.in{border-inline-end:1px dashed var(--bd)}
.tx-cell .tx-amt .n{font-size:17px}
.tx-cell .tx-amt.long .n{font-size:14px}
.tx-line.cells .tx-chev{justify-self:end}
.tx-cells-head{display:grid;grid-template-columns:minmax(0,190px) minmax(0,190px) minmax(26px,1fr);padding:0 15px;padding-inline-start:59px;margin-bottom:-2px;font-size:12px;font-weight:700;opacity:.75}
.tx-cells-head span{text-align:center}
.tx-cells-head span:first-child{color:var(--ok)}
.tx-cells-head span:nth-child(2){color:var(--bad)}
@media (max-width:420px){
  .tx-line.cells{padding-inline-start:0}
  .tx-cells-head{padding-inline-start:15px}
}
/* Google Drive بالإعدادات: الأزرار بشبكة عمودين */
.gd-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gd-acts:empty{display:none}
.gd-acts .act-btn{justify-content:center;padding:10px 12px;font-size:14px;white-space:normal;text-align:center;line-height:1.3;min-height:44px;border-radius:var(--r-btn)}
.bk-drive{display:inline-flex;align-items:center;gap:3px;color:var(--r-acc);font-weight:700}
.bk-drive svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gd-acts .gd-wide{grid-column:1/-1}
.gp-old{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;border:1px solid var(--bd);border-radius:10px;margin-top:6px;font-family:ui-monospace,Consolas,monospace}
.gp-old small{font-family:inherit;opacity:.7}
/* مسافة بين آخر خانة وأزرار النافذة */
.r-dlg .row,dialog.confirm-dlg>.row{margin-top:14px}
dialog.confirm-dlg label{display:block;margin-top:10px}
.gp-show{margin:6px 0 4px;padding:12px;border:1px dashed var(--gold);border-radius:12px;background:var(--bg);font:700 18px/1.4 ui-monospace,Consolas,monospace;direction:ltr;text-align:center;user-select:all;word-break:break-all}
/* الكشف المقسوم: نافذة التجهيز والتنزيل */
.p-dlg h3{margin:0 0 8px}
.p-dlg p{margin:0 0 10px}
.p-notes{margin:0 0 14px;padding-inline-start:18px;font-size:14px;opacity:.85}
.p-notes li{margin-bottom:4px}
.p-bar{height:10px;border-radius:99px;background:var(--bd);overflow:hidden;margin:6px 0 10px}
.p-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}
.p-now{font-weight:700}
.p-all{width:100%;justify-content:center;padding:12px 16px}
.p-files{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.p-files .btn-soft{justify-content:space-between;width:100%}
.p-files small{opacity:.7;font-weight:400}
.p-dlg p.bad:empty{display:none}
.p-files .btn-soft:disabled{opacity:.55;cursor:default}
.p-files .p-ok{border-color:var(--gold);font-weight:700}
.p-files .p-ok.done small::after{content:" ✓"}

/* اسم المطوّر أسفل صفحة الدخول */
.credit{margin:18px 0 0;text-align:center;font-size:12px;opacity:.55;letter-spacing:.2px}
.credit b{font-weight:700}
.side-credit{margin:12px 0 0}