/* =====================================================================================
   مظهر عائلة الاطرقجي — Atrakchi Family Style  (v1 — Expenses 16.9 — 29 أكتوبر 2026)
   -------------------------------------------------------------------------------------
   الفكرة: «دفتر حسابات حديث». خلفية عاجية، نص فحمي، خطوط فاصلة رفيعة بدل البطاقات والظلال،
   أرقام كبيرة مفتوحة، ولون مميز واحد لكل برنامج من العائلة:
       Expenses   = أخضر هادئ  #4A6B54        (هذا الملف)
       Sales / SalesPro = خمري  #875343
       Construction     = أزرق فولاذي #3E5A6B
   لنقل المظهر إلى برنامج آخر: انسخ هذا الملف وغيّر قيم --af-accent / --af-accent-ink / --af-ring فقط.
   الخط: IBM Plex Sans Arabic (ترخيص مفتوح OFL) من مجلد fonts داخل البرنامج — بدون أي موقع خارجي،
   وإن لم تكن ملفات الخط موجودة يعمل البرنامج بخط الجهاز (Segoe UI / Tahoma) بلا أي خطأ.
   يُحمَّل بعد alfallah.css ويغطيه. الطباعة وملفات PDF لها ألوانها في آخر الملف.
   ===================================================================================== */

@font-face{font-family:"IBM Plex Sans Arabic"; font-style:normal; font-weight:400; font-display:swap;
  src:url("fonts/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-Regular.woff") format("woff"), url("fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");}
@font-face{font-family:"IBM Plex Sans Arabic"; font-style:normal; font-weight:500; font-display:swap;
  src:url("fonts/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-Medium.woff") format("woff"), url("fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");}
@font-face{font-family:"IBM Plex Sans Arabic"; font-style:normal; font-weight:600; font-display:swap;
  src:url("fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-SemiBold.woff") format("woff"), url("fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");}
@font-face{font-family:"IBM Plex Sans Arabic"; font-style:normal; font-weight:700 900; font-display:swap;
  src:url("fonts/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("fonts/IBMPlexSansArabic-Bold.woff") format("woff"), url("fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");}

/* ---------- الألوان ---------- */
html[data-theme]{
  --af-font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Geneva,Arial,sans-serif;
  --af-radius:7px;
}
html[data-theme="paper"]{
  /* أسماء المتغيرات القديمة تبقى كما هي حتى تتبع كل أجزاء البرنامج المظهر الجديد */
  --bg:#F2EEE5; --surface:#FBF9F4; --surface-2:#ECE7DC; --ink:#292B27; --muted:#66655E;
  --line:#DDD6C8; --line-strong:#C6BEAE; --ph:#9C978C;
  --green-900:#292B27; --green-800:#33352F; --green-700:#4A6B54; --green-600:#5E8068;
  --gold:#4A6B54; --gold-dark:#3E5C47; --accent-soft:#DCE3D8; --clay:#8A5A2E;
  --k-blue:#3E5A6B; --k-pocket:#8A5A2E; --danger:#A33A2C; --danger-dark:#8A2F23;
  --on-accent:#FFFFFF; --nav-active-bg:transparent;
  --shadow:none;
  /* عائلة الاطرقجي */
  --af-accent:#4A6B54; --af-accent-ink:#3E5C47; --af-ring:rgba(74,107,84,.22);
  --af-field:#FFFDF8; --af-copper:#C99A70; --af-due:#8A5A2E; --af-ok:#3F6B4E; --af-bad:#A33A2C;
  --af-owed-bg:#F3E2D9; --af-owed:#8A3A2A; --af-over-bg:#DFE8DC; --af-over:#3F6B4E;
  /* (16.9.1) أشرطة داكنة تفصل الأجزاء: الترويسة، التنقل، ورأس الجدول */
  --af-band:#292B27; --af-band-2:#34362F; --af-band-ink:#F2EEE5; --af-band-muted:#C2BCAF; --af-band-line:rgba(242,238,229,.22); --af-band-accent:#A3C4AC;
  --af-head:#E0D8C8; --af-head-hover:#D6CDBB; --af-head-ink:#2F312C;
  color-scheme:light;
}
@media screen{
html[data-theme="night"]{
  --af-accent:#8FB39A; --af-accent-ink:#A3C4AC; --af-ring:rgba(143,179,154,.25);
  --af-field:#2C2D29; --af-copper:#C99A70; --af-due:#DDAE7E; --af-ok:#A9CDB2; --af-bad:#E08A7B;
  --af-owed-bg:#3A2824; --af-owed:#E6A497; --af-over-bg:#2D3530; --af-over:#A9CDB2;
  --af-band:#141513; --af-band-2:#1A1B18; --af-band-ink:#ECE7DC; --af-band-muted:#A6A196; --af-band-line:#3A3B36; --af-band-accent:#8FB39A;
  --af-head:#34362F; --af-head-hover:#3C3E37; --af-head-ink:#E2DDD1;
  --nav-active-bg:transparent; --shadow:none;
}
}

/* ---------- الخط والأرقام ---------- */
html[data-theme] body{font-family:var(--af-font); line-height:1.55; background:var(--bg); color:var(--ink);}
html[data-theme] table, html[data-theme] .card p.value, html[data-theme] .total-preview, html[data-theme] .dd-v,
html[data-theme] input[type=number], html[data-theme] #fx-keypad{font-variant-numeric:tabular-nums;}

/* ---------- الترويسة: عاجية بخط فاصل بدل التدرّج الأخضر ---------- */
html[data-theme] #app-header{background:var(--af-band); color:var(--af-band-ink); border-bottom:1px solid var(--af-band-line);
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 14px; padding:10px 16px; text-align:start;}
html[data-theme] #app-header .brandline{justify-content:flex-start; gap:10px; flex-wrap:nowrap;}
html[data-theme] #app-header img.brandmark{height:32px; width:32px;}
html[data-theme] #app-header h1{font-size:1.12rem; font-weight:600; letter-spacing:0; color:var(--af-band-ink); line-height:1.3;}
html[data-theme] #app-header .sub{color:var(--af-band-muted);}
html[data-theme] #header-tools{padding:0; justify-content:flex-end; gap:6px;}
html[data-theme] #header-tools button, html[data-theme] #header-tools select{background:transparent; border:1px solid var(--af-band-line);
  color:var(--af-band-ink); border-radius:6px; font-weight:500; font-size:.78rem; padding:6px 10px; min-height:34px;}
html[data-theme] #header-tools button:hover{background:rgba(242,238,229,.10); border-color:var(--af-band-muted);}
html[data-theme] #header-tools select{background:var(--af-band-2); color:var(--af-band-ink);}
@media (max-width:600px){
  html[data-theme] #app-header{padding:8px 12px; justify-content:center;}
  html[data-theme] #header-tools{justify-content:center;}
}

/* ---------- شريط التنقل: شريط داكن يفصل الترويسة عن الصفحة، كلمات بخط فاتح تحت الصفحة المفتوحة ---------- */
html[data-theme] nav{background:var(--af-band-2); border-bottom:1px solid var(--af-band-line); padding:0 10px; gap:0 2px;
  justify-content:center; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
html[data-theme] nav::-webkit-scrollbar{display:none;}
html[data-theme] nav button{background:transparent; border:0; border-bottom:3px solid transparent; border-radius:0; color:var(--af-band-muted);
  font-weight:500; font-size:.9rem; padding:12px 12px 9px; white-space:nowrap; flex:0 0 auto;}
html[data-theme] nav button:hover{background:transparent; color:var(--af-band-ink); border-color:transparent; border-bottom-color:var(--af-band-line);}
html[data-theme] nav button.active, html[data-theme] nav button.active:hover{background:transparent; color:var(--af-band-ink); font-weight:600; border-color:transparent; border-bottom-color:var(--af-band-accent);}
@media (max-width:700px){ html[data-theme] nav{justify-content:flex-start;} html[data-theme] nav button{padding:12px 10px 9px; font-size:.86rem;} }

/* ---------- عناوين الصفحات ---------- */
html[data-theme] h2.page-title{font-size:1.35rem; font-weight:600; color:var(--ink); letter-spacing:0;}
html[data-theme] h2.page-title::before{display:none;}
html[data-theme] main{padding-top:20px;}

/* ---------- الأرقام الرئيسية: أعمدة مفتوحة بخطوط فاصلة بدل البطاقات المظلّلة ---------- */
html[data-theme] .card-grid{display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:20px;}
html[data-theme] .card, html[data-theme] body:not(.lang-ar) .card{background:transparent; box-shadow:none; border:0; border-radius:0; padding:14px 16px 14px;}
html[data-theme] .card:not(:first-child){border-inline-start:1px solid var(--line);}
html[data-theme] .card-grid .card:first-child{padding-inline-start:0;}
html[data-theme] .card p.title{font-size:.8rem; font-weight:500; color:var(--muted);}
html[data-theme] .card p.value, html[data-theme] .card.blue p.value, html[data-theme] .card.gold p.value, html[data-theme] .card.clay p.value{
  font-size:1.65rem; font-weight:500; color:var(--ink); letter-spacing:-.3px; margin-top:4px; line-height:1.2; overflow-wrap:anywhere;}
html[data-theme] #tab-dash .card-grid .card:first-child p.value{font-size:2.1rem;}
html[data-theme] #tab-duesdash .card.blue p.value{color:var(--af-ok);}
html[data-theme] #tab-duesdash .card.clay p.value{color:var(--af-due);}
@media (max-width:520px){
  html[data-theme] .card{padding:10px 8px;}
  html[data-theme] .card p.title{font-size:.72rem;}
  html[data-theme] .card p.value, html[data-theme] .card.blue p.value, html[data-theme] .card.gold p.value, html[data-theme] .card.clay p.value{font-size:1.12rem;}
  html[data-theme] #tab-dash .card-grid .card:first-child p.value{font-size:1.4rem;}
}

/* ---------- الأقسام: بلا صندوق ولا ظل — خط فاصل فوقها فقط ---------- */
html[data-theme] .panel, html[data-theme] main .panel{background:transparent; box-shadow:none; border-radius:0; border-top:1px solid var(--line);
  padding:16px 0 8px; margin-bottom:14px;}
html[data-theme] .card-grid + .panel{border-top:0; padding-top:4px;}
html[data-theme] .panel h3{font-size:.98rem; font-weight:600; color:var(--ink);}
html[data-theme] .help-text{color:var(--muted);}
html[data-theme] .result-badge{background:transparent; border:1px solid var(--line-strong); border-radius:6px; color:var(--ink); font-weight:500;}
html[data-theme] .cash-scope{background:transparent; border-inline-start:3px solid var(--af-copper); border-radius:0; color:var(--ink);}

/* ---------- الجداول: مباشرة على الصفحة، عناوين رمادية وخط فحمي تحتها ---------- */
html[data-theme] thead th{background:var(--af-head); color:var(--af-head-ink); font-weight:600; font-size:.8rem; border-bottom:1.5px solid var(--ink); padding:10px 10px;}
html[data-theme] thead th.sortable:hover{background:var(--af-head-hover);}
html[data-theme] tbody td{border-bottom:1px solid var(--line); font-weight:400;}
html[data-theme] td.num{font-weight:500; color:var(--ink);}
html[data-theme] td.total-cell{font-weight:600; color:var(--ink);}
html[data-theme] tbody tr:hover{background:var(--surface-2);}
html[data-theme] tfoot td{background:transparent; border-top:1.5px solid var(--ink); font-weight:600; color:var(--ink);}
html[data-theme] td.due-owed, html[data-theme] tfoot td.due-owed{background:var(--af-owed-bg); color:var(--af-owed);}
html[data-theme] td.due-over, html[data-theme] tfoot td.due-over{background:var(--af-over-bg); color:var(--af-over);}
html[data-theme] .net-tag.net-income{background:var(--af-over-bg); color:var(--af-over);}
html[data-theme] .net-tag.net-expense{background:var(--af-owed-bg); color:var(--af-owed);}
html[data-theme] #tab-dues{--dg-tint:rgba(138,90,46,.05); --pg-tint:rgba(74,107,84,.06); --dg-head:rgba(138,90,46,.08); --pg-head:rgba(74,107,84,.08);}
html[data-theme="night"] #tab-dues{--dg-tint:rgba(221,174,126,.05); --pg-tint:rgba(143,179,154,.06); --dg-head:rgba(221,174,126,.08); --pg-head:rgba(143,179,154,.08);}

/* ---------- الأزرار ---------- */
html[data-theme] .btn{background:var(--af-accent); color:var(--on-accent); border:1px solid transparent; border-radius:var(--af-radius); font-weight:600;}
html[data-theme] .btn:hover{background:var(--af-accent-ink);}
html[data-theme] .btn-gold, html[data-theme] .btn-gold:hover{background:var(--af-accent); color:var(--on-accent);}
html[data-theme] .btn-gold:hover{background:var(--af-accent-ink);}
html[data-theme] .btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--line-strong);}
html[data-theme] .btn-ghost:hover{background:var(--surface-2); border-color:var(--ink);}
html[data-theme] .btn-danger{background:transparent; color:var(--af-bad); border:1px solid var(--af-bad);}
html[data-theme] .btn-danger:hover{background:var(--af-bad); color:#fff;}
html[data-theme] .btn:focus-visible, html[data-theme] nav button:focus-visible, html[data-theme] .dd-tab:focus-visible{outline:2px solid var(--af-accent); outline-offset:2px;}
html[data-theme] .fab-add, html[data-theme] .fab-add:hover{background:var(--af-accent); color:var(--on-accent); box-shadow:0 4px 14px rgba(0,0,0,.18); font-weight:500;}
html[data-theme] .entry-toggle{gap:0; border:1px solid var(--line-strong); border-radius:var(--af-radius); overflow:hidden;}
html[data-theme] .entry-toggle-btn{border:0; border-radius:0; background:transparent; color:var(--muted); font-weight:500;}
html[data-theme] .entry-toggle-btn + .entry-toggle-btn{border-inline-start:1px solid var(--line-strong);}
html[data-theme] .entry-toggle-btn.active{background:var(--af-accent); color:var(--on-accent); font-weight:600;}

/* ---------- الخانات ---------- */
html[data-theme] .select, html[data-theme] select, html[data-theme] input[type=text], html[data-theme] input[type=date], html[data-theme] input[type=number],
html[data-theme] input[type=password], html[data-theme] input[type=email], html[data-theme] input[type=search], html[data-theme] input[type=tel], html[data-theme] textarea{
  background:var(--af-field); border:1px solid var(--line-strong); border-radius:6px; color:var(--ink);}
html[data-theme] select{font-weight:600; color:var(--ink);}
html[data-theme] .select:focus, html[data-theme] select:focus, html[data-theme] input:focus, html[data-theme] textarea:focus{outline:none; border-color:var(--af-accent); box-shadow:0 0 0 3px var(--af-ring);}
html[data-theme] .crop-select-lg{border:1px solid var(--line-strong); border-radius:var(--af-radius);}
html[data-theme] .crop-select-label, html[data-theme] .form-group label, html[data-theme] .filter-bar label{color:var(--muted); font-weight:500;}
html[data-theme] input[type=checkbox], html[data-theme] input[type=radio]{accent-color:var(--af-accent);}

/* ---------- النوافذ والقائمة الجانبية ---------- */
html[data-theme] .modal-overlay{background:rgba(32,33,30,.45);}
html[data-theme] .modal-box{background:var(--surface); border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 48px rgba(0,0,0,.18);}
html[data-theme] .modal-head{background:var(--surface); color:var(--ink); border-bottom:1px solid var(--line); border-radius:10px 10px 0 0;}
html[data-theme] .modal-head h3{font-weight:600; font-size:1rem;}
html[data-theme] .modal-head button{color:var(--muted);}
html[data-theme] .modal-foot{border-top-color:var(--line);}
html[data-theme] .total-preview{background:transparent; border-top:1px solid var(--line); border-radius:0; color:var(--ink); font-weight:600;}
html[data-theme] #side-drawer-overlay{background:rgba(32,33,30,.4);}
html[data-theme] #side-drawer{background:var(--surface); box-shadow:none; border-inline-end:1px solid var(--line);}
html[data-theme] #side-drawer .sd-head{background:var(--af-band); color:var(--af-band-ink); border-bottom:1px solid var(--af-band-line);}
html[data-theme] #side-drawer .sd-head button{color:var(--af-band-ink);}
html[data-theme] #side-drawer a, html[data-theme] #side-drawer button.sd-item{color:var(--ink); font-weight:500;}
html[data-theme] #side-drawer a:hover, html[data-theme] #side-drawer button.sd-item:hover{background:var(--surface-2);}
html[data-theme] #side-drawer button.sd-item.active{background:var(--surface-2); color:var(--ink); border-inline-start:3px solid var(--af-accent);}
html[data-theme] .backup-row{border-color:var(--line); border-radius:6px;}
html[data-theme] .backup-row .meta{color:var(--ink);}
html[data-theme] .ps-card{background:var(--surface); color:var(--ink); border:1px solid var(--line);}
html[data-theme] #fx-guide-ov .fx-guide-box{background:var(--surface);}
html[data-theme] #fx-guide-ov .fx-guide-bar{background:var(--af-band); color:var(--af-band-ink); border-bottom:1px solid var(--af-band-line);}
html[data-theme] #fx-guide-ov .fx-guide-bar a, html[data-theme] #fx-guide-ov .fx-guide-bar button{color:var(--af-band-ink); background:transparent; border-color:var(--af-band-line);}

/* ---------- التذييل ---------- */
html[data-theme] footer{background:var(--bg); color:var(--muted); border-top:1px solid var(--line);}
html[data-theme] footer strong{color:var(--ink);}

/* ---------- رسائل، الحاسبة، اختيار المظهر ---------- */
html[data-theme] #fx-toast .fx-toast-box{background:#292B27; color:#F2EEE5; border:1px solid #3A3B36;}
html[data-theme] #fx-toast button{background:var(--af-accent); color:var(--on-accent);}
html[data-theme="paper"] #fx-toast button{background:#8FB39A; color:#1A1C18;}
html[data-theme] #fx-keypad{background:var(--surface-2); border-top:1px solid var(--line-strong);}
html[data-theme] #fx-keypad .kp-grid button{background:var(--surface); border:1px solid var(--line-strong); color:var(--ink);}
html[data-theme] #fx-keypad .kp-grid button.op{background:var(--bg);}
html[data-theme] #fx-keypad .kp-grid button.go{background:var(--af-accent); border-color:var(--af-accent); color:var(--on-accent);}
html[data-theme] .fx-eq{color:var(--af-accent-ink);}
html[data-theme] .fx-ver{color:var(--af-due);}
html[data-theme] .due-dir-chip.to{color:var(--af-ok); background:var(--af-over-bg);}
html[data-theme] .due-dir-chip.from{color:var(--af-due); background:transparent;}
html[data-theme] .usetype-btn{background:var(--surface); border:1px solid var(--line-strong); border-radius:8px; color:var(--ink); font-weight:600;}
html[data-theme] .usetype-btn:hover, html[data-theme] .usetype-btn.sel{border-color:var(--af-accent); background:var(--surface-2); box-shadow:0 0 0 1px var(--af-accent) inset;}
html[data-theme] .fx-theme-opt{background:var(--surface); border:1px solid var(--line-strong); border-radius:8px; color:var(--ink); font-weight:500;}
html[data-theme] .fx-theme-opt.on{border-color:var(--af-accent); box-shadow:0 0 0 1px var(--af-accent) inset; background:var(--surface-2);}
html[data-theme] .fx-theme-opt .ck{color:var(--af-accent);}
.fx-theme-opt .sw.paper{background:linear-gradient(135deg,#F2EEE5 50%,#4A6B54 50%) !important; box-shadow:inset 0 0 0 1px #C6BEAE;}
.fx-theme-opt .sw.night{background:linear-gradient(135deg,#1E1F1C 50%,#8FB39A 50%) !important; box-shadow:inset 0 0 0 1px #4A4B45;}
html[data-theme] .wz-progress{background:var(--line);}
html[data-theme] #wz-bar{background:var(--af-accent);}

/* ---------- شاشة البداية والقفل: غلاف فحمي دافئ مثل غلاف الدفتر ---------- */
html[data-theme="paper"] #splash-screen, html[data-theme="paper"] #quick-lock-screen{background:radial-gradient(circle at 50% 38%, #33352F, #232521 75%);}
html[data-theme="paper"] #splash-screen .ex-sl-tile{background:#4A6B54; box-shadow:0 18px 50px rgba(0,0,0,.25);}
html[data-theme="paper"] #splash-screen .ex-sl p{color:#DCE3D8;}
html[data-theme="paper"] .ql-dot{border-color:#C9D6CC;} html[data-theme="paper"] .ql-dot.filled{background:#C9D6CC;}
html[data-theme="paper"] .ql-link{color:#C9D6CC;}
html[data-theme] .ql-title{font-weight:600;}

/* =====================================================================================
   (16.9) صفحة المستحقات: «لي عندهم» و«لهم عندي» قائمتان منفصلتان
   ===================================================================================== */
.dues-dir-tabs{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line-strong, #C6BEAE); border-radius:8px; overflow:hidden; margin:0 0 6px;}
.dd-tab{position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:10px 14px 12px; min-height:62px;
  background:transparent; border:0; color:var(--muted); font:inherit; text-align:start; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent;}
.dd-tab + .dd-tab{border-inline-start:1px solid var(--line-strong, #C6BEAE);}
.dd-tab .dd-l{font-weight:600; font-size:.95rem;}
.dd-tab .dd-n{display:none;}
.dd-tab .dd-v{font-size:1.2rem; font-weight:500; line-height:1.2;}
.dd-tab:hover{background:var(--surface-2);}
.dd-tab.on{background:var(--surface, #fff); color:var(--ink);}
.dd-tab.on::after{content:""; position:absolute; inset-inline:0; bottom:0; height:3px; background:var(--af-accent, #4A6B54);}
.dd-tab.from.on::after{background:var(--af-copper, #C99A70);}
.dd-tab.to.on .dd-v{color:var(--af-ok, #3F6B4E);}
.dd-tab.from.on .dd-v{color:var(--af-due, #8A5A2E);}
.dues-dir-hint{margin:6px 2px 14px; font-size:.82rem; line-height:1.6;}
#tab-dues.dues-dir-from .crop-select-lg:focus{border-color:var(--af-copper, #C99A70);}
@media (max-width:600px){
  html[data-theme] #tab-dues .toolbar-primary{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
  .dd-tab{padding:9px 12px 11px;}
  .dd-tab .dd-v{font-size:1.05rem;}
}

/* ---------- الهاتف: أزرار صفحات الصرفيات والمستحقات والتعزيز بنفس المظهر ---------- */
@media (max-width:600px){
  html[data-theme] #tab-crops .toolbar .btn-ghost, html[data-theme] #tab-dues .toolbar .btn-ghost{background:transparent; border-color:var(--line-strong); color:var(--ink);}
  html[data-theme] #tab-crops .toolbar .btn-gold, html[data-theme] #tab-dues .toolbar .btn-gold, html[data-theme] #tab-cash .toolbar .btn-gold{border-color:var(--af-accent);}
  html[data-theme] #tab-crops .toolbar .btn-danger, html[data-theme] #tab-dues .toolbar .btn-danger{background:transparent; color:var(--af-bad); border-color:var(--af-bad);}
  html[data-theme] #tab-crops .toolbar .btn-lg, html[data-theme] #tab-dues .toolbar .btn-lg{box-shadow:none; border-radius:8px;}
  html[data-theme] #tab-crops .toolbar .btn, html[data-theme] #tab-dues .toolbar .btn, html[data-theme] #tab-cash .toolbar .btn{border-radius:8px;}
  html[data-theme] #tab-crops .toolbar-actions, html[data-theme] #tab-dues .toolbar-actions{background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:12px 0 0;}
  html[data-theme] #tab-crops .page-head .btn, html[data-theme] #tab-dues .page-head .btn, html[data-theme] #tab-cash .page-head .btn{border-radius:8px;}
}
html[data-theme] .toolbar-primary{border-top-color:var(--line);}

/* ---------- الطباعة وملفات PDF: فحمي ورمادي دافئ بدل الأخضر ---------- */
#print-report .pr-head{border-bottom-color:#292B27;}
#print-report .pr-issuer, #print-report .pr-app, #print-report h1.pr-title, #print-report .pr-closing, #print-report .pr-text h3, #print-report .pr-box b{color:#292B27;}
#print-report .pr-note{border-inline-start-color:#C99A70; background:#F7F1E8;}
#print-report.pr-rtl .pr-note{border-right-color:#C99A70;} #print-report.pr-ltr .pr-note{border-left-color:#C99A70;}
#print-report .pr-box{border-color:#CFC8BA; background:#F7F4EE;}
#print-report table.pr-table th{background:#EFEAE0; color:#292B27; border-color:#B9B1A2;}
#print-report table.pr-table td{border-color:#CFC8BA;}
#print-report table.pr-table tbody tr:nth-child(even) td{background:#FAF8F3;}
#print-report table.pr-table tfoot td{background:#EFEAE0; border-top-color:#292B27;}
#print-report table.pr-table td.due-owed{background:#F3E2D9; color:#8A3A2A;}
#print-report table.pr-table td.due-over{background:#DFE8DC; color:#3F6B4E;}
#print-report{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;}

/* ---------- (16.9.2) التعليمات والخصوصية والشروط داخل البرنامج: فقرات مفصولة بخطوط وعناوين واضحة ---------- */
html[data-theme] #help-content, html[data-theme] #privacy-content, html[data-theme] #terms-content{border-top:0; padding-top:0; line-height:1.85;}
html[data-theme] #help-content h3, html[data-theme] #privacy-content h3, html[data-theme] #terms-content h3{font-size:1.05rem; font-weight:600; color:var(--ink);
  margin:22px 0 6px; padding-top:16px; border-top:1px solid var(--line); display:flex; align-items:center; gap:8px;}
html[data-theme] #help-content p, html[data-theme] #privacy-content p, html[data-theme] #terms-content p{margin:6px 0; max-width:68ch;}
html[data-theme] #help-content ul, html[data-theme] #privacy-content ul, html[data-theme] #terms-content ul{padding-inline-start:22px; margin:6px 0;}
html[data-theme] .af-remember{border:1px solid var(--line-strong); border-inline-start:4px solid var(--af-accent); border-radius:8px; padding:4px 18px 10px; margin:4px 0 8px;
  background-color:var(--surface);
  background-image:linear-gradient(var(--af-grid) 1px, transparent 1px), linear-gradient(90deg, var(--af-grid) 1px, transparent 1px); background-size:22px 22px;}
html[data-theme] #help-content .af-remember h3{border-top:0; padding-top:8px; margin:6px 0 4px;}
html[data-theme] .af-remember ol{margin:4px 0; padding-inline-start:24px;}
html[data-theme] .af-remember li{margin:6px 0; font-weight:500;}
html[data-theme] .af-remember li::marker{color:var(--af-accent); font-weight:600;}
html[data-theme="paper"]{--af-grid:rgba(41,43,39,.055);}
html[data-theme="night"]{--af-grid:rgba(236,231,220,.05);}
html[data-theme] #fx-guide-card{border-top:0; padding-top:0;}