/* ===== 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}
}
@page{size:A4;margin:12mm}

/* ===== قائمة منسدلة مخصصة (بديل قائمة المتصفح) ===== */
.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.sub{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)}

#uStats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}
#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(3,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}}