:root{
  --bg:#F2F5EE; --surface:#FFFFFF; --surface-2:#EAF0E4; --ink:#20291F; --muted:#4E5A49;
  --line:#DDE3D6; --green-900:#123527; --green-800:#1E4B3B; --green-700:#25604B; --green-600:#2F7A5F;
  --gold:#C88A2E; --gold-dark:#A66F1E; --clay:#7C5A3A; --danger:#B3261E; --danger-dark:#8E1E17;
  --radius:12px; --radius-sm:7px; --shadow:0 1px 2px rgba(18,53,39,.06), 0 6px 18px rgba(18,53,39,.07);
  --furrow: repeating-linear-gradient(90deg, var(--gold) 0 18px, transparent 18px 36px);
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{height:100%;}
body{font-family:"Segoe UI","Tahoma","Geneva","Cairo","Arial",sans-serif; background:var(--bg); color:var(--ink); direction:rtl; display:flex; flex-direction:column; min-height:100vh; -webkit-font-smoothing:antialiased;}
body:not(.lang-ar){direction:ltr;}
button, input, select, textarea{font-family:inherit;}

#app-header{background:linear-gradient(180deg, var(--green-800), var(--green-900)); color:#fff; padding:14px 16px 10px; text-align:center; position:relative; flex:0 0 auto;}
#app-header .brandline{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;}
#app-header img.brandmark{height:38px; width:auto; flex:0 0 auto;}
#app-header h1{font-size:clamp(.9rem, 2.5vw, 1.25rem); font-weight:800; letter-spacing:.2px; line-height:1.4;}
#app-header .sub{font-size:.72rem; color:#D9E8DE; margin-top:2px; font-weight:600; letter-spacing:.5px;}
.furrow-bar{height:5px; background-image:var(--furrow); background-color:var(--green-900);}

#header-tools{display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:8px 10px 0;}
#header-tools button, #header-tools select{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.35); color:#fff; border-radius:6px; padding:6px 9px; font-size:.72rem; cursor:pointer; font-weight:700;}
#header-tools button:hover{background:rgba(255,255,255,.22);}
#header-tools select{background:rgba(255,255,255,.9); color:var(--green-900);}

nav{background:var(--green-700); display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:8px 10px; flex:0 0 auto;}
nav button{background:transparent; border:1px solid rgba(255,255,255,.28); color:#fff; padding:8px 14px; border-radius:20px; cursor:pointer; font-weight:700; font-size:.85rem; transition:.15s;}
nav button:hover{background:rgba(255,255,255,.14);}
nav button.active{background:var(--gold); border-color:var(--gold); color:#2b1c00;}

main{flex:1; width:100%; max-width:1180px; margin:0 auto; padding:18px 14px 40px;}
.hidden{display:none !important;}

h2.page-title{font-size:1.05rem; color:var(--green-900); margin-bottom:14px; font-weight:800; display:flex; align-items:center; gap:8px;}
h2.page-title::before{content:""; width:5px; height:20px; background:var(--gold); border-radius:3px; display:inline-block;}

.card-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; margin-bottom:18px;}
.card{background:var(--surface); border-radius:var(--radius); padding:14px 16px; box-shadow:var(--shadow); border-right:4px solid var(--green-700);}
body:not(.lang-ar) .card{border-right:none; border-left:4px solid var(--green-700);}
.card p.title{font-size:.78rem; color:var(--muted); font-weight:700;}
.card p.value{font-size:1.5rem; font-weight:800; color:var(--green-800); margin-top:6px;}
.card.gold{border-color:var(--gold);} .card.gold p.value{color:var(--gold-dark);}
.card.blue{border-color:#2563A6;} .card.blue p.value{color:#2563A6;}

.panel{background:var(--surface); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow); margin-bottom:18px;}
.panel h3{font-size:.92rem; color:var(--green-900); margin-bottom:12px; font-weight:800;}


.table-wrap{overflow-x:auto;}
table{width:100%; border-collapse:collapse; text-align:right; font-size:.86rem; min-width:640px;}
body:not(.lang-ar) table{text-align:left;}
thead th{background:var(--green-900); color:#fff; padding:10px 10px; font-weight:700; white-space:nowrap; position:sticky; top:0;}
thead th.sortable{cursor:pointer; user-select:none;}
thead th.sortable:hover{background:var(--green-800);}
thead th .arrow{font-size:.7rem; opacity:.8; margin-inline-start:3px;}
tbody td{padding:9px 10px; border-bottom:1px solid var(--line);}
tbody tr:hover{background:var(--surface-2);}
tbody tr.clickable{cursor:pointer;}
td.num, th.num{text-align:center;}
td.num{font-weight:700; color:#12160E;}
tbody td{font-weight:500;}
td.total-cell{font-weight:800; color:var(--green-800);}
tfoot td{padding:10px; font-weight:800; background:var(--surface-2); border-top:2px solid var(--green-700);}

.btn{background:var(--green-700); color:#fff; border:none; padding:9px 16px; border-radius:8px; cursor:pointer; font-weight:700; font-size:.85rem; transition:.15s; white-space:nowrap;}
.btn:hover{background:var(--green-800);}
.btn-gold{background:var(--gold); color:#2b1c00;} .btn-gold:hover{background:var(--gold-dark); color:#fff;}
.entry-toggle{display:flex; gap:10px;}
.entry-toggle-btn{flex:1; padding:10px 12px; border-radius:var(--radius-sm,8px); border:2px solid #B9C2D0; background:var(--surface); color:var(--ink); font-weight:700; cursor:pointer; transition:.15s;}
.entry-toggle-btn.active{border-color:var(--gold); background:var(--gold); color:#2b1c00;}
.btn-danger{background:var(--danger);} .btn-danger:hover{background:var(--danger-dark);}
.btn-ghost{background:transparent; color:var(--green-800); border:1.5px solid var(--green-700);}
.btn-ghost:hover{background:var(--surface-2);}
.btn-sm{padding:5px 10px; font-size:.75rem; border-radius:6px;}
.btn:disabled{opacity:.5; cursor:not-allowed;}
.fab-add{position:fixed; bottom:22px; inset-inline-end:18px; width:58px; height:58px; border-radius:50%; background:var(--gold); color:#2b1c00; font-size:1.8rem; font-weight:900; line-height:1; border:none; box-shadow:0 6px 18px rgba(0,0,0,.3); cursor:pointer; z-index:60; display:flex; align-items:center; justify-content:center;}
.fab-add:hover{background:var(--gold-dark); color:#fff;}
@media(min-width:900px){.fab-add{display:none;}}

.toolbar{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px;}
.toolbar .group{display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.crops-toolbar{display:flex; flex-direction:column; gap:14px; margin-bottom:16px;}
.crop-select-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.crop-select-label{font-weight:700; color:var(--green-900); font-size:.88rem; white-space:nowrap;}
.crop-select-lg{flex:1; min-width:200px; font-size:1.05rem; padding:12px 14px; border-radius:10px; border:2px solid var(--green-700);}
.toolbar-actions{display:flex; gap:22px; flex-wrap:wrap;}
.toolbar-actions .group{display:flex; gap:8px; align-items:center;}
.toolbar-primary{display:flex; gap:10px; flex-wrap:wrap; align-items:center; padding-top:12px; border-top:1px dashed var(--line);}
.btn-lg{padding:12px 22px; font-size:.95rem; border-radius:10px;}
.select, select, input[type=text], input[type=date], input[type=number], input[type=password], input[type=email], textarea{padding:8px 10px; border:1px solid #C9D2C2; border-radius:7px; font-size:.86rem; background:#fff; color:var(--ink);}
input[type=date]{direction:ltr !important; unicode-bidi:bidi-override !important; text-align:start;}
select{font-weight:700; color:var(--green-900);}

.filter-bar{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-bottom:14px;}
.filter-bar label{display:block; font-size:.72rem; font-weight:700; color:var(--muted); margin-bottom:4px;}
.result-badge{background:var(--surface-2); border:1px dashed var(--green-700); border-radius:8px; padding:8px 12px; font-size:.82rem; font-weight:700; color:var(--green-900); margin-bottom:10px; display:inline-block;}

.modal-overlay{position:fixed; inset:0; background:rgba(18,53,39,.55); display:flex; align-items:center; justify-content:center; z-index:200; padding:14px;}
.modal-box{background:#fff; border-radius:var(--radius); width:100%; max-width:440px; max-height:92vh; max-height:92dvh; overscroll-behavior:contain; overflow-y:auto; box-shadow:0 20px 50px rgba(0,0,0,.3);}
.modal-head{background:var(--green-800); color:#fff; padding:14px 16px; border-radius:var(--radius) var(--radius) 0 0; display:flex; justify-content:space-between; align-items:center;}
.modal-head h3{font-size:.95rem; font-weight:800;}
.modal-head button{background:transparent; border:none; color:#fff; font-size:1.1rem; cursor:pointer;}
.modal-body{padding:16px;}
.form-group{margin-bottom:12px;}
.form-group label{display:block; font-size:.82rem; margin-bottom:5px; font-weight:700; color:var(--green-900);}
.form-group input, .form-group select, .form-group textarea{width:100%;}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.modal-foot{display:flex; justify-content:flex-end; gap:8px; padding:12px 16px; border-top:1px solid var(--line); flex-wrap:wrap;}
.total-preview{background:var(--surface-2); border-radius:8px; padding:10px 12px; text-align:center; font-weight:800; color:var(--green-900); margin-top:6px; font-size:1.05rem;}
.help-text{font-size:.72rem; color:var(--muted); margin-top:4px;}
.net-tag{display:inline-block; font-size:.72rem; padding:2px 9px; border-radius:999px; margin-inline-start:6px; font-weight:800; vertical-align:middle;}
.net-tag.net-income{background:#dcfce7; color:#166534;}
.net-tag.net-expense{background:#fee2e2; color:#991b1b;}
td.net-cell{white-space:nowrap;}
/* المستحقات: اللون في عمود «المتبقي» فقط — أحمر باهت = ما زال عليه دين، أخضر باهت = دفع أكثر، بدون لون = صفر */
td.due-owed, tfoot td.due-owed{background:#FBE9E8; color:#8E2A22;}
td.due-over, tfoot td.due-over{background:#E6F4EA; color:#1E6B3A;}
#dues-thead th.due-sum, #dues-table-body td.due-sum, #dues-tfoot td.due-sum{border-inline-start:1px solid var(--line-strong, #C5CED7);}
.dues-hint{margin:0 0 10px; font-size:.8rem;}
.page-head{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:14px;}
.page-head h2.page-title{margin-bottom:0;}
.pr-check{display:flex; align-items:center; gap:8px; margin:6px 0; font-size:.85rem; font-weight:600; cursor:pointer;}
.pr-check input{width:auto;}
#tab-dues table, #tab-duesdash table{min-width:0;}
#tab-dues .opt{display:none;}
/* تمييز خفيف جداً لمجموعتي الأعمدة: الدين (دافئ) والواصل (بلون البرنامج) — طبقة شفافة فوق لون الخلفية الأصلي */
#tab-dues{--dg-tint:rgba(179,38,30,.045); --pg-tint:rgba(70,98,122,.07); --dg-head:rgba(179,38,30,.16); --pg-head:rgba(255,255,255,.08);}
html[data-theme="petrol"] #tab-dues{--pg-tint:rgba(61,107,112,.075);}
html[data-theme="graphite"] #tab-dues{--pg-tint:rgba(74,77,85,.07);}
#tab-dues td.dg{background-image:linear-gradient(var(--dg-tint),var(--dg-tint));}
#tab-dues td.pg{background-image:linear-gradient(var(--pg-tint),var(--pg-tint));}
#tab-dues th.dg{background-image:linear-gradient(var(--dg-head),var(--dg-head));}
#tab-dues th.pg{background-image:linear-gradient(var(--pg-head),var(--pg-head));}
#dues-table-body td:first-child, #duesdash-table-body td:nth-child(4){white-space:nowrap;}
/* كل الجداول تتسع في شاشة الهاتف (بدون حد أدنى 640px)، وإن زادت الأعمدة يبقى السحب الجانبي متاحاً */
@media (max-width:520px){
  /* كل الجداول على الهاتف بعرضها الطبيعي (أوسع وغير مضغوطة) مع سحب جانبي داخل الجدول */
  main .table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;}
  main table, #tab-dues table, #tab-duesdash table{width:max-content; min-width:100%;}
  main th, main td{white-space:nowrap; padding:10px 12px; font-size:.84rem;}
  main td:not(.num):not(:first-child){white-space:normal; min-width:90px; max-width:180px; overflow-wrap:anywhere;}
  main .panel{padding-inline:10px;}
  #tab-dues .crop-select-lg{min-width:0; width:100%; font-size:.95rem; padding:10px;}
}

#splash-screen{position:fixed; inset:0; z-index:900; background:radial-gradient(circle at 50% 45%, var(--green-800), var(--green-900) 70%); display:flex; align-items:center; justify-content:center; cursor:pointer;}
#splash-screen.hidden{display:none;}
/* ===== قفل الشاشة برمز PIN (الدخول السريع بعد 15 دقيقة من عدم الاستخدام) ===== */
#quick-lock-screen, #pin-setup-screen{position:fixed; inset:0; z-index:9950; background:radial-gradient(circle at 50% 35%, var(--green-800), var(--green-900) 75%); display:flex; align-items:center; justify-content:center; padding:16px; overflow-y:auto;}
#pin-setup-screen{z-index:9960; background:rgba(10,30,50,.78);}
#quick-lock-screen.hidden, #pin-setup-screen.hidden{display:none;}
.ql-box{width:100%; max-width:320px; text-align:center; color:#fff;}
.ql-logo{height:54px; width:auto; margin-bottom:10px;}
.ql-title{font-weight:800; font-size:1.05rem; margin:4px 0 2px;}
.ql-sub{font-size:.8rem; opacity:.8; margin:0 0 14px; line-height:1.6;}
.ql-dots{display:flex; justify-content:center; gap:14px; margin:6px 0 10px; direction:ltr;}
.ql-dot{width:16px; height:16px; border-radius:50%; border:2px solid #F2C464; background:transparent; transition:background .15s;}
.ql-dot.filled{background:#F2C464;}
.ql-dots.shake{animation:qlShake .35s;}
@keyframes qlShake{0%,100%{transform:translateX(0);}25%{transform:translateX(-8px);}75%{transform:translateX(8px);}}
.ql-msg{min-height:20px; font-size:.82rem; font-weight:700; color:#FFB4A8; margin-bottom:6px;}
.ql-pad{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; direction:ltr; margin:0 auto; max-width:260px;}
.ql-key{height:58px; border-radius:50%; width:58px; margin:0 auto; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.08); color:#fff; font-size:1.35rem; font-weight:700; cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent;}
.ql-key:active{background:rgba(242,196,100,.35);}
.ql-key.ql-empty{visibility:hidden;}
.ql-link{background:none; border:none; color:#F2C464; text-decoration:underline; font-size:.82rem; font-weight:700; cursor:pointer; margin-top:16px; padding:6px;}
.ps-card{background:var(--surface, #fff); color:var(--ink, #1a2b3c); border-radius:14px; padding:20px 18px; width:100%; max-width:340px; text-align:center; box-shadow:0 12px 34px rgba(0,0,0,.3);}
.ps-card h3{margin:0 0 6px; font-size:1.05rem;}
.ps-card .help-text{margin:0 0 12px;}
.ps-card input{text-align:center; font-size:1.2rem; letter-spacing:8px; margin-bottom:10px;}
.ps-card .ps-msg{min-height:18px; font-size:.82rem; font-weight:700; margin:4px 0 8px;}

.splash-inner{text-align:center;}
.splash-logo-anim{height:64px; width:auto; animation:splashSpiralIn .9s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes splashSpiralIn{
  0%{opacity:0; transform:scale(.15) rotate(-260deg);}
  70%{opacity:1; transform:scale(1.08) rotate(8deg);}
  100%{opacity:1; transform:scale(1) rotate(0deg);}
}
.splash-slogan-anim{margin-top:14px; color:var(--gold); font-weight:800; font-size:1.1rem; letter-spacing:6px; text-transform:uppercase; direction:ltr;
  opacity:0; animation:splashSloganIn 1s ease .6s forwards;}
@keyframes splashSloganIn{
  0%{opacity:0; letter-spacing:14px; transform:translateY(6px);}
  100%{opacity:1; letter-spacing:3px; transform:translateY(0);}
}
footer{background:var(--green-900); color:#EDEFE7; text-align:center; padding:12px 10px; font-size:.76rem; margin-top:auto; border-top:3px solid var(--gold);}
footer strong{color:var(--gold);}

#print-report{display:none;}

/* القائمة الجانبية */
#side-drawer-overlay{position:fixed; inset:0; background:rgba(18,53,39,.5); z-index:300; display:none;}
#side-drawer-overlay.open{display:block;}
#side-drawer{position:fixed; top:0; bottom:0; inset-inline-start:0; width:78%; max-width:300px; background:#fff; z-index:301; transform:translateX(105%); transition:transform .2s ease; box-shadow:4px 0 20px rgba(0,0,0,.25); display:flex; flex-direction:column; pointer-events:none;}
body:not(.lang-ar) #side-drawer{transform:translateX(-105%);}
#side-drawer.open{transform:translateX(0) !important; pointer-events:auto;}
#side-drawer .sd-head{background:var(--green-800); color:#fff; padding:16px; display:flex; justify-content:space-between; align-items:center;}
#side-drawer .sd-head button{background:transparent; border:none; color:#fff; font-size:1.2rem;}
#side-drawer .sd-body{padding:10px; flex:1; overflow-y:auto;}
#side-drawer a, #side-drawer button.sd-item{display:block; width:100%; text-align:inherit; background:none; border:none; padding:13px 10px; font-size:.9rem; font-weight:700; color:var(--green-900); border-bottom:1px solid var(--line); cursor:pointer; text-decoration:none;}
#side-drawer a:hover, #side-drawer button.sd-item:hover{background:var(--surface-2);}
#side-drawer button.sd-item.active{background:var(--surface-2); color:var(--green-800); border-inline-start:4px solid var(--gold);}

.backup-row{display:flex; justify-content:space-between; align-items:center; padding:10px; border:1px solid var(--line); border-radius:8px; margin-bottom:8px;}
.backup-row .meta{font-size:.8rem; color:var(--green-900); font-weight:700;}

@media print{
  html, body{background:#fff !important; height:auto !important; min-height:0 !important; display:block !important;}
  header, nav, #header-tools, .no-print, #side-drawer, #side-drawer-overlay, main, footer, .furrow-bar, .modal-overlay, #splash-screen, .fab-add{display:none !important;}
  #print-report{display:block !important; padding:0; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
}
/* ورقة الطباعة (تُبنى عند الضغط على «طباعة» وتحتوي الصفحة الظاهرة فقط) */
#print-report{color:#111; font-size:10.5pt; line-height:1.5;}
#print-report .pr-head{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; border-bottom:3px solid #1E4B3B; padding-bottom:10px; margin-bottom:14px;}
#print-report .pr-brand{display:flex; align-items:center; gap:10px;}
#print-report .pr-brand img{height:46px; width:auto;}
#print-report .pr-issuer{text-align:center; font-size:15pt; font-weight:800; color:#123527; line-height:1.25;}
#print-report .pr-app{font-size:12pt; font-weight:800; color:#123527; line-height:1.25;}
#print-report .pr-meta{text-align:end; font-size:8.5pt; color:#555; line-height:1.4;}
#print-report .pr-meta b{display:block; font-size:10pt; color:#111;}
#print-report .pr-serial{font-size:10.5pt; font-weight:700; color:#555; margin:8px 0 0;}
#print-report h1.pr-title{font-size:17pt; font-weight:800; color:#123527; margin:4px 0 6px;}
#print-report .pr-subject{display:flex; flex-wrap:wrap; gap:4px 22px; font-size:10.5pt; margin-bottom:8px;}
#print-report .pr-subject span{color:#555;}
#print-report .pr-subject b{color:#111;}
#print-report .pr-note{border-inline-start:4px solid #C88A2E; background:#FAF5E9; padding:7px 12px; margin:8px 0 12px; font-size:10pt; border-radius:3px;}
#print-report .pr-summary{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 14px;}
#print-report .pr-box{flex:1 1 120px; border:1px solid #BFC8BA; border-radius:6px; padding:6px 12px; background:#F6F8F3;}
#print-report .pr-box span{display:block; font-size:8.5pt; color:#555;}
#print-report .pr-box b{display:block; font-size:14pt; color:#123527;}
#print-report table.pr-table{width:100%; border-collapse:collapse; margin:0 0 14px; font-size:9.5pt; min-width:0;}
#print-report table.pr-table th{background:#E4EBDF; color:#123527; font-weight:800; border:1px solid #9AA593; padding:6px 7px; text-align:start; position:static;}
#print-report table.pr-table td{border:1px solid #B5BEB0; padding:5px 7px; color:#111; font-weight:500; vertical-align:top; background:none;}
#print-report table.pr-table th.num, #print-report table.pr-table td.num{text-align:center;}
#print-report table.pr-table td.num, #print-report table.pr-table td.total-cell{font-weight:700;}
#print-report table.pr-table tbody tr:nth-child(even) td{background:#FAFBF8;}
#print-report table.pr-table tfoot td{background:#E4EBDF; font-weight:800; border-top:2px solid #1E4B3B;}
#print-report table.pr-table td.due-owed{background:#FBE9E8; color:#8E2A22;}
#print-report table.pr-table td.due-over{background:#E6F4EA; color:#1E6B3A;}
#print-report thead{display:table-header-group;}
#print-report tfoot{display:table-row-group;}
#print-report tr{page-break-inside:avoid; break-inside:avoid;}
#print-report .net-tag{font-size:7.5pt; margin-inline-start:4px; padding:0 4px; border:1px solid #999; border-radius:3px;}
#print-report .pr-info{font-size:9pt; color:#555; margin:0 0 10px;}
#print-report .pr-text{font-size:10pt; margin-bottom:10px;}
#print-report .pr-text h3{font-size:11.5pt; margin:12px 0 4px; color:#123527;}
#print-report .pr-bottomtext{text-indent:2em; text-align:start; font-size:10.5pt; margin:6px 0 0; line-height:1.8; break-inside:avoid; page-break-inside:avoid;}
#print-report .pr-closing{width:33.33%; margin-inline-end:auto; text-align:center; font-size:11pt; font-weight:800; color:#123527; margin-top:18px; break-inside:avoid; page-break-inside:avoid;}
#print-report .pr-closing + .pr-sign{margin-top:22px;}
#print-report .pr-sign{display:flex; gap:40px; margin-top:38px; page-break-inside:avoid; break-inside:avoid;}
#print-report .pr-sign div{flex:1; border-top:1px solid #333; padding-top:4px; text-align:center; font-size:9pt; color:#444;}
#print-report .pr-foot{margin-top:18px; border-top:1px solid #CCC; padding-top:6px; font-size:8pt; color:#777; display:flex; justify-content:space-between; gap:10px;}
::placeholder{color:#9AA593;}
.fx-ver{margin-top:4px; font-size:.82rem; font-weight:800; color:var(--gold-dark, #B7791F);}
/* دليل الاستخدام المصوّر */
#btn-guide{font-weight:700}
#fx-guide-ov{position:fixed;inset:0;z-index:99990;background:rgba(10,18,28,.55);display:none;align-items:center;justify-content:center;padding:12px}
#fx-guide-ov.open{display:flex}
#fx-guide-ov .fx-guide-box{background:#fff;width:min(980px,100%);height:min(94vh,100%);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.35)}
#fx-guide-ov .fx-guide-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1d4a2c;color:#fff;font-weight:700}
#fx-guide-ov .fx-guide-bar span{flex:1;font-size:15px}
#fx-guide-ov .fx-guide-bar a,#fx-guide-ov .fx-guide-bar button{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:8px;min-width:36px;height:34px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;cursor:pointer;padding:0 8px}
#fx-guide-ov iframe{flex:1;width:100%;border:0;background:#f4f6f9}
@media (max-width:600px){#fx-guide-ov{padding:0}#fx-guide-ov .fx-guide-box{height:100%;border-radius:0}}
#fx-guide-card{max-width:900px;margin:0 auto 14px;text-align:center}
#fx-guide-card .btn{font-size:1.05rem;padding:10px 18px}
#fx-guide-card .help-text{margin-top:8px}
#fx-guide-note{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#1d2733;color:#fff;padding:10px 16px;border-radius:10px;z-index:99995;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .25s;font-size:.95rem}
#fx-guide-note.show{opacity:1}

/* ===== ألوان البرنامج: ثلاثة ألوان هادئة يختارها المستخدم من الإعدادات =====
   html[data-theme] يُضبط قبل رسم الصفحة من localStorage('fx-theme')؛ الافتراضي slate */
html[data-theme]{
  --surface:#FFFFFF; --danger:#B3261E; --danger-dark:#8E1E17;
  --on-accent:#FFFFFF; --nav-active-bg:rgba(255,255,255,.94);
  --k-pocket:#8F7550;
  --furrow: repeating-linear-gradient(90deg, var(--green-600) 0 18px, transparent 18px 36px);
}
html[data-theme="slate"]{
  --bg:#F3F5F7; --surface-2:#EBEFF3; --ink:#1E2730; --muted:#56616D; --line:#DCE2E8; --line-strong:#C5CED7; --ph:#98A2AD;
  --green-900:#2A3B4A; --green-800:#364C5F; --green-700:#46627A; --green-600:#5A7890;
  --gold:#46627A; --gold-dark:#364C5F; --accent-soft:#C9D6E2; --k-blue:#3F6E96;
  --shadow:0 1px 2px rgba(30,39,48,.06), 0 6px 18px rgba(30,39,48,.07);
}
html[data-theme="petrol"]{
  --bg:#F2F5F5; --surface-2:#E8EFEF; --ink:#1C2828; --muted:#52615F; --line:#D7E1E1; --line-strong:#C2D0D0; --ph:#95A5A4;
  --green-900:#25464A; --green-800:#2F565B; --green-700:#3D6B70; --green-600:#528388;
  --gold:#3D6B70; --gold-dark:#2F565B; --accent-soft:#C4DADB; --k-blue:#3D6A8A;
  --shadow:0 1px 2px rgba(28,40,40,.06), 0 6px 18px rgba(28,40,40,.07);
}
html[data-theme="graphite"]{
  --bg:#F4F4F5; --surface-2:#ECECEE; --ink:#1D1E21; --muted:#5A5C63; --line:#DEDEE2; --line-strong:#C9CACF; --ph:#9C9EA4;
  --green-900:#2A2C31; --green-800:#36383E; --green-700:#4A4D55; --green-600:#62666F;
  --gold:#4A4D55; --gold-dark:#36383E; --accent-soft:#D2D4D9; --k-blue:#45698C;
  --shadow:0 1px 2px rgba(29,30,33,.06), 0 6px 18px rgba(29,30,33,.07);
}
html[data-theme] nav button.active{background:var(--nav-active-bg); border-color:var(--nav-active-bg); color:var(--green-900);}
html[data-theme] .btn-gold, html[data-theme] .btn-gold:hover{color:var(--on-accent);}
html[data-theme] .entry-toggle-btn.active{color:var(--on-accent);}
html[data-theme] .entry-toggle-btn{border-color:var(--line-strong);}
html[data-theme] .fab-add, html[data-theme] .fab-add:hover{color:var(--on-accent); box-shadow:0 6px 16px rgba(0,0,0,.22);}
html[data-theme] .fab-add:hover{background:var(--gold-dark);}
html[data-theme] .card.blue{border-color:var(--k-blue);} html[data-theme] .card.blue p.value{color:var(--k-blue);}
html[data-theme] .card.gold{border-color:var(--k-pocket);} html[data-theme] .card.gold p.value{color:var(--k-pocket);}
html[data-theme] .modal-overlay{background:rgba(20,26,32,.5);}
html[data-theme] #side-drawer-overlay{background:rgba(20,26,32,.45);}
html[data-theme] footer{border-top-color:var(--green-600);}
html[data-theme] footer strong, html[data-theme] .splash-slogan-anim{color:var(--accent-soft);}
html[data-theme] .ql-dot{border-color:var(--accent-soft);} html[data-theme] .ql-dot.filled{background:var(--accent-soft);}
html[data-theme] .ql-key:active{background:rgba(255,255,255,.22);}
html[data-theme] .ql-link{color:var(--accent-soft);}
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] textarea{border-color:var(--line-strong);}
html[data-theme] ::placeholder{color:var(--ph);}
html[data-theme] #fx-guide-ov .fx-guide-bar{background:var(--green-800);}
html[data-theme] #header-tools select{color:var(--green-900);}
html[data-theme] .furrow-bar{display:none;}
/* اختيار اللون في الإعدادات */
.fx-theme-opts{display:flex; gap:10px; flex-wrap:wrap; margin-top:4px;}
.fx-theme-opt{flex:1; min-width:118px; white-space:nowrap; display:flex; align-items:center; gap:8px; padding:9px 10px; border:1.5px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font-weight:700; font-size:.85rem; cursor:pointer; text-align:start;}
.fx-theme-opt .sw{width:26px; height:26px; border-radius:50%; flex:0 0 auto; box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);}
.fx-theme-opt.on{border-color:var(--green-700); box-shadow:0 0 0 1px var(--green-700) inset; background:var(--surface-2);}
.fx-theme-opt .ck{margin-inline-start:auto; opacity:0; color:var(--green-700); font-weight:900;}
.fx-theme-opt.on .ck{opacity:1;}

/* ===== إضافات الإصدار 16.0 ===== */
html.fx-big{font-size:120%;}
html.fx-big .btn, html.fx-big nav button{padding-top:12px; padding-bottom:12px;}
html.fx-big input, html.fx-big select, html.fx-big textarea{font-size:1.05rem;}
.cash-scope{background:#F6F1E6; border-inline-start:4px solid var(--gold); padding:8px 12px; border-radius:6px; margin:0 0 12px; font-size:.82rem; line-height:1.7; color:var(--ink);}
.due-dir-chip{display:inline-block; padding:1px 9px; border-radius:10px; font-size:.72rem; font-weight:800; border:1px solid currentColor;}
.due-dir-chip.to{color:#1E6B3A; background:#E6F4EA;}
.due-dir-chip.from{color:#8A5A12; background:#FBF0DC;}
.usetype-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.usetype-btn{padding:18px 8px; border-radius:12px; border:2px solid var(--line-strong,#B9C2D0); background:var(--surface,#fff); font:inherit; font-weight:800; font-size:1rem; cursor:pointer; color:var(--ink);}
.usetype-btn:hover{border-color:var(--gold); background:var(--surface-2,#F5F7F9);}
#fx-toast{position:fixed; inset-inline:12px; bottom:14px; z-index:600; display:flex; justify-content:center; pointer-events:none;}
#fx-toast .fx-toast-box{pointer-events:auto; background:#2B3640; color:#fff; border-radius:12px; padding:10px 14px; display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; box-shadow:0 8px 24px rgba(0,0,0,.3); max-width:560px; font-size:.9rem; line-height:1.6;}
#fx-toast button{background:var(--gold); color:#fff; border:0; border-radius:8px; padding:7px 12px; font:inherit; font-weight:700; cursor:pointer;}
#fx-toast button.ghost{background:transparent; border:1px solid rgba(255,255,255,.45);}
body.fx-kp-on #fx-toast{bottom:calc(var(--kp-h,0px) + 12px);}
.vc-wrap{position:relative; display:block; width:100%;}
.vc-wrap > input, .vc-wrap > textarea{padding-inline-end:38px;}
.vc-mic{position:absolute; inset-inline-end:4px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; border:0; background:transparent; font-size:1rem; cursor:pointer; padding:0; line-height:1;}
.vc-wrap.ta .vc-mic{top:6px; transform:none;}
.vc-mic.on{background:#B3261E; color:#fff; animation:fxpulse 1s infinite;}
@keyframes fxpulse{50%{opacity:.55;}}
.fx-eq{display:block; font-size:.78rem; font-weight:700; color:var(--green-800,#364C5F); margin-top:2px;}
#fx-keypad{position:fixed; inset-inline:0; bottom:0; z-index:700; background:#E9EDF1; border-top:2px solid var(--gold); padding:4px 8px calc(6px + env(safe-area-inset-bottom,0px)); display:none;}
#fx-keypad.show{display:block;}
#fx-keypad .kp-disp{max-width:420px; margin:0 auto 3px; min-height:1.5em; font-size:.95rem; font-weight:800; direction:ltr; text-align:end; padding:2px 6px; color:var(--ink); word-break:break-all;}
#fx-keypad .kp-grid{max-width:420px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; direction:ltr;}
#fx-keypad .kp-grid button{height:40px; font-size:1.25rem; font-weight:800; border-radius:9px; border:1px solid #B9C2D0; background:#fff; color:#1B2530; cursor:pointer; touch-action:manipulation;}
#fx-keypad .kp-grid button.op{background:#DDE5EC;}
#fx-keypad .kp-grid button.go{background:var(--gold); color:#fff; border-color:var(--gold); grid-column:span 2; font-size:1rem;}
body.fx-kp-on{padding-bottom:var(--kp-h,0px);}
/* الحاسبة مفتوحة: النافذة تتقلص فوقها وتتمرر داخلياً */
body.fx-kp-on .modal-overlay{bottom:var(--kp-h,0px); padding-block:8px;}
body.fx-kp-on .modal-box{max-height:100%;}
.vc-calc{position:absolute; inset-inline-end:4px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; border:0; background:transparent; font-size:1rem; cursor:pointer; padding:0; line-height:1;}
.vc-wrap.has-mic .vc-calc{inset-inline-end:36px;}
.vc-wrap.has-calc > input{padding-inline-end:38px;}
.vc-wrap.has-calc.has-mic > input{padding-inline-end:70px;}
@media print{#fx-toast, #fx-keypad{display:none !important;}}

/* لوحة المستحقات: عنوان الجدول يظهر في الطباعة فقط (على الشاشة يوجد عنوان h3) */
.dues-cap{display:none;}
#print-report .dues-cap{display:table-caption; caption-side:top; text-align:start; font-weight:800; font-size:1rem; padding:10px 0 4px;}
/* مساعد الإعداد */
.wz-box{max-width:460px;}
.wz-progress{height:5px; background:var(--line,#E2E6EA);}
#wz-bar{height:100%; background:var(--gold); transition:width .25s;}
.wz-h{font-size:1.05rem; font-weight:800; margin:0 0 4px;}
.wz-p{margin:0 0 12px;}
.wz-ok{color:var(--green-800,#1E6B3A); font-weight:800; margin:0 0 10px;}
#wz-skip{margin-inline-end:auto; border-color:transparent; font-size:.8rem;}
.usetype-btn.sel{border-color:var(--gold); background:var(--surface-2,#F5F7F9); box-shadow:0 0 0 2px var(--gold) inset;}
/* لوحة المستحقات على الهاتف: كل الأعمدة تبقى، والجدول لا يضيق بل يُمرَّر جانبياً (يبدأ من اليمين بالعربية ومن اليسار باللغات الأخرى) */
#tab-duesdash .table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;}
#tab-duesdash table{min-width:480px;}
#tab-duesdash th, #tab-duesdash td{white-space:nowrap;}

/* ===== تنظيم أزرار الصرفيات والمستحقات والتعزيز على الهاتف =====
   الترتيب: (1) اختيار القسم/الاسم بعرض كامل  (2) الزر الرئيسي للإضافة  (3) لوحة «إدارة» للأزرار الثانوية.
   كل الصفوف بعرض كامل وأعمدة متساوية وارتفاعات موحّدة (أهداف لمس ≥ 44px). */
@media (max-width:600px){
  /* رأس الصفحة: العنوان والطباعة في سطر واحد بحجم متناسق */
  #tab-crops .page-head, #tab-dues .page-head, #tab-cash .page-head{flex-wrap:nowrap; margin-bottom:12px;}
  #tab-crops .page-head .btn, #tab-dues .page-head .btn, #tab-cash .page-head .btn{flex:0 0 auto; min-height:38px; padding:6px 12px; border-radius:10px; font-size:.8rem;}

  /* الشريط: عمود واحد يملأ العرض (كان align-items:center يُقلّص العناصر ويوسّطها) */
  #tab-crops .crops-toolbar, #tab-dues .crops-toolbar{display:flex; flex-direction:column; align-items:stretch; gap:12px; margin-bottom:14px;}
  #tab-crops .crops-toolbar > *, #tab-dues .crops-toolbar > *{width:100%; min-width:0;}
  #tab-crops .crop-select-row, #tab-dues .crop-select-row{order:1; flex-direction:column; align-items:stretch; gap:6px;}
  #tab-crops .toolbar-primary, #tab-dues .toolbar-primary{order:2;}
  #tab-crops .toolbar-actions, #tab-dues .toolbar-actions{order:3;}
  #tab-crops .crop-select-label, #tab-dues .crop-select-label{font-size:.85rem;}
  #tab-crops .crop-select-lg, #tab-dues .crop-select-lg{width:100%; min-width:0; flex:none; min-height:50px; padding:10px 14px; font-size:1rem;}

  /* الأزرار الرئيسية: الإضافة أعرض، وبجانبها «تكرار» إن وُجد */
  #tab-crops .toolbar-primary, #tab-dues .toolbar-primary{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:8px; padding:0; border-top:0;}
  #tab-dues .toolbar-primary{grid-template-columns:minmax(0,1fr);}

  /* لوحة «الإدارة»: أزرار ثانوية في إطار هادئ، كل مجموعة صف بأعمدة متساوية */
  #tab-crops .toolbar-actions, #tab-dues .toolbar-actions{
    display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:10px;
    background:var(--surface-2,#EAF0E4); border:1px solid var(--line,#DDE3D6); border-radius:12px;
  }
  #tab-crops .toolbar-actions .group, #tab-dues .toolbar-actions .group{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:8px;}

  /* شكل وحجم موحّدان لكل الأزرار */
  #tab-crops .toolbar .btn, #tab-dues .toolbar .btn, #tab-cash .toolbar .btn{
    display:flex; align-items:center; justify-content:center; text-align:center; gap:4px;
    min-height:46px; padding:6px 8px; font-size:.82rem; line-height:1.25; border-radius:10px;
    white-space:normal; box-sizing:border-box; border:1.5px solid transparent;
    touch-action:manipulation; -webkit-tap-highlight-color:transparent;
  }
  #tab-crops .toolbar .btn:active, #tab-dues .toolbar .btn:active, #tab-cash .toolbar .btn:active{transform:scale(.98);}
  #tab-crops .toolbar .btn-ghost, #tab-dues .toolbar .btn-ghost{background:var(--surface,#fff); border-color:var(--green-700);}
  #tab-crops .toolbar .btn-gold, #tab-dues .toolbar .btn-gold, #tab-cash .toolbar .btn-gold{border-color:var(--gold);}
  /* الحذف: إطار أحمر بخلفية بيضاء كي لا يطغى، وبنفس الحجم تماماً */
  #tab-crops .toolbar .btn-danger, #tab-dues .toolbar .btn-danger{background:var(--surface,#fff); color:var(--danger); border-color:var(--danger);}
  #tab-crops .toolbar .btn-danger:active, #tab-dues .toolbar .btn-danger:active{background:var(--danger); color:#fff;}
  /* الزر الرئيسي أكبر قليلاً */
  #tab-crops .toolbar .btn-lg, #tab-dues .toolbar .btn-lg{min-height:54px; padding:8px 10px; font-size:.95rem; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,.14);}
  #tab-crops .toolbar-primary .btn-ghost{font-size:.82rem; box-shadow:none;}

  /* صفحة التعزيز: العنوان بسطر والزر بعرض كامل */
  #tab-cash .toolbar{flex-direction:column; align-items:stretch; gap:8px;}
  #tab-cash .toolbar h3{margin:0;}
  #tab-cash .toolbar .btn{width:100%; min-height:52px; font-size:.95rem;}

  /* مساحة أسفل الصفحة كي لا يغطي الزر العائم آخر صفوف الجدول */
  #tab-crops, #tab-dues{padding-bottom:84px;}
}

/* ===== الطباعة: منع انفراد صف الإجمالي أو التوقيع بصفحة، وإبقاء الترويسة مع ما بعدها ===== */
#print-report .pr-head, #print-report h1.pr-title, #print-report .pr-subject, #print-report .pr-note, #print-report .pr-summary{break-after:avoid; page-break-after:avoid;}
#print-report .pr-box{break-inside:avoid;}
#print-report tbody tr:last-child{break-after:avoid; page-break-after:avoid;}
#print-report tfoot tr{break-inside:avoid; break-before:avoid;}
#print-report .pr-sign{break-before:avoid;} #print-report .pr-closing{break-before:avoid;}
#print-report .pr-foot{break-before:avoid; break-inside:avoid;}
#print-report .pr-text h3{break-after:avoid;}

/* ===== تصدير PDF: صفحات A4 تُبنى بالكود ثم تُصوَّر (خارج الشاشة) ===== */
#print-report.pr-export{display:block; position:fixed; left:-100000px; top:0; background:#fff; z-index:-1; pointer-events:none;}
#print-report.pr-export .pr-page{position:relative; background:#fff; box-sizing:border-box; overflow:hidden; margin:0 0 24px;}
#print-report.pr-export .pr-pbody{overflow:hidden;}
#print-report.pr-export .pr-pfoot{position:absolute; display:flex; justify-content:space-between; gap:10px; border-top:1px solid #CCC; padding-top:5px; font-size:8pt; color:#777;}
#print-report.pr-export table.pr-table{width:100%;}
#print-report.pr-export table.pr-table th, #print-report.pr-export table.pr-table td{word-break:break-word;}
/* بدلاً من start/end (لا يفهمها محرّك التصوير): اتجاه صريح */
#print-report.pr-rtl table.pr-table th, #print-report.pr-rtl .pr-text{text-align:right;}
#print-report.pr-ltr table.pr-table th, #print-report.pr-ltr .pr-text{text-align:left;}
#print-report.pr-rtl table.pr-table th.num, #print-report.pr-ltr table.pr-table th.num{text-align:center;}
#print-report.pr-rtl .pr-meta{text-align:left;} #print-report.pr-ltr .pr-meta{text-align:right;}
#print-report.pr-rtl .pr-note{border-right:4px solid #C88A2E; border-left:0;}
#print-report.pr-ltr .pr-note{border-left:4px solid #C88A2E; border-right:0;}
#print-report.pr-rtl .net-tag{margin-right:4px; margin-left:0;} #print-report.pr-ltr .net-tag{margin-left:4px; margin-right:0;}
#print-report.pr-export .pr-subject{direction:inherit;}

/* ===== نافذة الطباعة: أزرار الإجراء ===== */
#print-modal .modal-foot{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
#print-modal .modal-foot .btn{min-height:44px; white-space:normal; line-height:1.25; padding:6px 8px; display:flex; align-items:center; justify-content:center; text-align:center;}
#print-modal .pr-act-share{grid-column:1 / -1; min-height:50px; font-size:.95rem;}
#print-modal .pr-act-cancel{grid-column:1 / -1; border-color:transparent; font-size:.82rem; min-height:38px;}

/* نافذة تتبع لوحة المفاتيح */
body.vv-kb:not(.fx-kp-on) .modal-overlay{top:var(--vv-t,0px); bottom:auto; height:var(--vv-h,100%); padding-block:8px; align-items:flex-start;}
body.vv-kb:not(.fx-kp-on) .modal-box{max-height:100%;}

/* ===== التكبير بالإصبعين مسموح (أُزيل maximum-scale من الـviewport لمصلحة ضعاف النظر) =====
   ولمنع التكبير التلقائي في iOS عند الضغط على خانة، يجب ألا يقل خطها عن 16px على أجهزة اللمس */
@media (pointer:coarse){
  .select, select, input[type=text], input[type=date], input[type=number], input[type=password], input[type=email], input[type=search], input[type=tel], textarea{font-size:max(16px, .86rem);}
  #tab-dues .crop-select-lg{font-size:max(16px, .95rem);}
  #header-tools select{font-size:max(16px, .72rem);}
}

/* ===== (16.7) اللون «ليلي»: أسود مع أخضر — مثل برنامجي المبيعات (Sales / SalesPro)
   الخانات بإطار رمادي هادئ، تخضرّ عند مرور الماوس، وتصبح خضراء لامعة عند الكتابة فيها.
   داخل @media screen فقط: الطباعة وملفات PDF تبقى بالأبيض كما هي. */
@media screen{
html[data-theme="night"]{
  --bg:#1E1F1C; --surface:#252622; --surface-2:#2C2D29; --ink:#ECE7DC; --muted:#A6A196; --line:#3A3B36; --line-strong:#4A4B45; --ph:#7E7A70;
  --green-900:#1A1B18; --green-800:#252622; --green-700:#8FB39A; --green-600:#A3C4AC;
  --gold:#8FB39A; --gold-dark:#A3C4AC; --accent-soft:#A3C4AC; --k-blue:#9DB5C9; --k-pocket:#D9A877;
  --on-accent:#1A1C18; --nav-active-bg:#8FB39A; --danger:#E08A7B; --danger-dark:#E8998B;
  --shadow:0 1px 2px #0006, 0 4px 12px #00000073; color-scheme:dark;
}
html[data-theme="night"] body{background:#1E1F1C; color:#ECE7DC;}
html[data-theme="night"] #app-header{background:#1A1B18; border-bottom:1px solid #3A3B36;}
html[data-theme="night"] #header-tools button, html[data-theme="night"] #header-tools select{background:#2C2D29; border-color:#4A4B45; color:#ECE7DC;}
html[data-theme="night"] #header-tools button:hover{border-color:#8FB39A; background:#2D3530;}
html[data-theme="night"] nav{background:#1A1B18; border-bottom:1px solid #3A3B36;}
html[data-theme="night"] nav button{border-color:#3A3B36; color:#CFCABF;}
html[data-theme="night"] nav button:hover{border-color:#8FB39A; background:#2D3530;}
html[data-theme="night"] nav button.active{background:#8FB39A; border-color:#8FB39A; color:#1A1C18;}
/* نصوص كانت بلون البرنامج الداكن */
html[data-theme="night"] h2.page-title, html[data-theme="night"] .panel h3, html[data-theme="night"] .crop-select-label,
html[data-theme="night"] .form-group label, html[data-theme="night"] .total-preview, html[data-theme="night"] .result-badge,
html[data-theme="night"] #side-drawer a, html[data-theme="night"] #side-drawer button.sd-item{color:#ECE7DC;}
html[data-theme="night"] .card p.value, html[data-theme="night"] td.total-cell{color:#ECE7DC;}
html[data-theme="night"] td.num{color:#ECE7DC;}
html[data-theme="night"] .card{border-color:#8FB39A;}
html[data-theme="night"] .card.blue{border-color:#9DB5C9;} html[data-theme="night"] .card.blue p.value{color:#9DB5C9;}
html[data-theme="night"] .card.gold{border-color:#D9A877;} html[data-theme="night"] .card.gold p.value{color:#D9A877;}
/* الجداول */
html[data-theme="night"] thead th{background:#2C2D29; color:#ECE7DC; border-bottom:1px solid #3A3B36;}
html[data-theme="night"] thead th.sortable:hover{background:#2D3530;}
html[data-theme="night"] tbody tr:hover{background:#2C2D29;}
html[data-theme="night"] tfoot td{background:#2C2D29; border-top-color:#8FB39A;}
html[data-theme="night"] td.due-owed, html[data-theme="night"] tfoot td.due-owed{background:#3A2824; color:#E6A497;}
html[data-theme="night"] td.due-over, html[data-theme="night"] tfoot td.due-over{background:#2D3530; color:#A9CDB2;}
html[data-theme="night"] .net-tag.net-income{background:#2D3530; color:#A9CDB2;}
html[data-theme="night"] .net-tag.net-expense{background:#3A2824; color:#E6A497;}
html[data-theme="night"] #tab-dues{--dg-tint:rgba(248,113,113,.06); --pg-tint:rgba(14,159,94,.07); --dg-head:rgba(248,113,113,.16); --pg-head:rgba(14,159,94,.18);}
/* الأزرار: الأساسي أخضر بنص داكن، والثانوي إطار أخضر يضيء تحت الماوس */
html[data-theme="night"] .btn{color:#1A1C18;}
html[data-theme="night"] .btn:hover{background:#A3C4AC;}
html[data-theme="night"] .btn-gold, html[data-theme="night"] .btn-gold:hover, html[data-theme="night"] .entry-toggle-btn.active,
html[data-theme="night"] .fab-add, html[data-theme="night"] .fab-add:hover{color:#1A1C18;}
html[data-theme="night"] .btn-ghost{background:transparent; color:#9DBFA6; border:1px solid #4F6655;}
html[data-theme="night"] .btn-ghost:hover{border-color:#A3C4AC; background:#2D3530;}
html[data-theme="night"] .btn-danger{background:#9E4A3D; color:#fff;}
html[data-theme="night"] .btn-danger:hover{background:#B05646;}
html[data-theme="night"] .entry-toggle-btn{background:#2C2D29; border-color:#4A4B45; color:#ECE7DC;}
html[data-theme="night"] .entry-toggle-btn.active{background:#8FB39A; border-color:#8FB39A; color:#1A1C18;}
html[data-theme="night"] .panel h3[style], html[data-theme="night"] .toolbar h3[style]{color:#ECE7DC !important;}
html[data-theme="night"] #pr-save-guide, html[data-theme="night"] #arc-guide{background:#2D3530 !important; color:#E2E8DF;}
/* الخانات */
html[data-theme="night"] .select, html[data-theme="night"] select, html[data-theme="night"] input:not([type=checkbox]):not([type=radio]):not([type=range]), html[data-theme="night"] textarea{
  background:#2C2D29; color:#ECE7DC; border:1px solid #4A4B45; transition:border-color .15s, box-shadow .15s;}
html[data-theme="night"] .select:hover, html[data-theme="night"] select:hover, html[data-theme="night"] input:not([type=checkbox]):not([type=radio]):not([type=range]):hover, html[data-theme="night"] textarea:hover{border-color:#8FB39A;}
html[data-theme="night"] .select:focus, html[data-theme="night"] select:focus, html[data-theme="night"] input:not([type=checkbox]):not([type=radio]):focus, html[data-theme="night"] textarea:focus{border-color:#A3C4AC; box-shadow:0 0 0 3px #8FB39A40; outline:none;}
html[data-theme="night"] .crop-select-lg{border:1px solid #4A4B45;}
html[data-theme="night"] ::placeholder{color:#7E7A70;}
html[data-theme="night"] input[type=checkbox], html[data-theme="night"] input[type=radio]{accent-color:#8FB39A;}
/* النوافذ والقائمة الجانبية */
html[data-theme="night"] .modal-overlay, html[data-theme="night"] #side-drawer-overlay{background:rgba(0,0,0,.7);}
html[data-theme="night"] .modal-box{background:#252622; border:1px solid #3A3B36; color:#ECE7DC;}
html[data-theme="night"] .modal-head{background:#2C2D29; border-bottom:1px solid #3A3B36;}
html[data-theme="night"] .modal-foot{border-top-color:#3A3B36;}
html[data-theme="night"] #side-drawer{background:#252622; border-inline-end:1px solid #3A3B36;}
html[data-theme="night"] #side-drawer .sd-head{background:#2C2D29; border-bottom:1px solid #3A3B36;}
html[data-theme="night"] #side-drawer a:hover, html[data-theme="night"] #side-drawer button.sd-item:hover{background:#2D3530;}
html[data-theme="night"] .ps-card{background:#252622; color:#ECE7DC; border:1px solid #3A3B36;}
html[data-theme="night"] #fx-guide-ov .fx-guide-box{background:#252622;}
html[data-theme="night"] #fx-guide-ov .fx-guide-bar{background:#2C2D29;}
html[data-theme="night"] #fx-toast .fx-toast-box{background:#2C2D29; border:1px solid #3A3B36;}
html[data-theme="night"] #fx-toast button{color:#1A1C18;}
html[data-theme="night"] #fx-keypad{background:#252622; border-top-color:#8FB39A;}
html[data-theme="night"] #fx-keypad .kp-grid button{background:#2C2D29; border-color:#4A4B45; color:#ECE7DC;}
html[data-theme="night"] #fx-keypad .kp-grid button.go{background:#8FB39A; border-color:#8FB39A; color:#1A1C18;}
html[data-theme="night"] .cash-scope{background:#2C2D29; border-inline-start-color:#8FB39A; color:#ECE7DC;}
html[data-theme="night"] .due-dir-chip.to{color:#A9CDB2; background:#2D3530;}
html[data-theme="night"] .due-dir-chip.from{color:#DDAE7E; background:#3A3024;}
html[data-theme="night"] .usetype-btn{background:#2C2D29; border-color:#4A4B45; color:#ECE7DC;}
html[data-theme="night"] .usetype-btn:hover, html[data-theme="night"] .usetype-btn.sel{border-color:#8FB39A; background:#2D3530;}
html[data-theme="night"] .fx-theme-opt{background:#2C2D29; border-color:#4A4B45; color:#ECE7DC;}
html[data-theme="night"] .fx-theme-opt.on{border-color:#A3C4AC;}
html[data-theme="night"] footer{background:#1A1B18; color:#A6A196; border-top:1px solid #3A3B36;}
html[data-theme="night"] footer strong{color:#A3C4AC;}
html[data-theme="night"] a{color:#9DBFA6;}
/* قفل PIN وإنشاء الرمز: بطاقة داكنة ودوائر أرقام بإطار أخضر */
html[data-theme="night"] #quick-lock-screen, html[data-theme="night"] #pin-setup-screen{background:#1E1F1C;}
html[data-theme="night"] .ql-box{background:#252622; border:1px solid #3A3B36; border-radius:16px; padding:26px 20px 18px; box-shadow:0 12px 32px #0000008c; max-width:340px;}
html[data-theme="night"] .ql-title{color:#ECE7DC;} html[data-theme="night"] .ql-sub{color:#A6A196; opacity:1;}
html[data-theme="night"] .ql-dot{border-color:#8FB39A;} html[data-theme="night"] .ql-dot.filled{background:#A3C4AC; border-color:#A3C4AC;}
html[data-theme="night"] .ql-key{background:#2C2D29; border:1.5px solid #8FB39A; color:#ECE7DC; transition:background .12s, border-color .12s;}
html[data-theme="night"] .ql-key:hover{background:#2D3530; border-color:#A3C4AC;}
html[data-theme="night"] .ql-key:active{background:#8FB39A; color:#1A1C18;}
html[data-theme="night"] .ql-msg{color:#E08A7B;} html[data-theme="night"] .ql-link{color:#A3C4AC;}
html[data-theme="night"] #splash-screen{background:#1E1F1C;}
}
.fx-theme-opt .sw.night{background:linear-gradient(135deg,#1E1F1C 50%,#8FB39A 50%) !important; box-shadow:inset 0 0 0 2px #8FB39A;}
/* زر الوضع الليلي في الترويسة */
#btn-night{font-size:.9rem !important; line-height:1; min-width:34px;}

/* ===== (16.7) شاشة البداية والسكون — لبرنامج الصرفيات (رب الأسرة، النجار، الفلاح …):
   مربع بلون البرنامج فيه محفظة ودفتر، «أهلاً بك»، عبارة البرنامج، وتاريخ اليوم. */
#splash-screen .ex-sl{display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center; animation:exSlIn .5s ease both;}
#splash-screen .ex-sl-tile{width:170px; height:170px; border-radius:22px; background:var(--gold, #C88A2E); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 18px 50px rgba(0,0,0,.25);}
#splash-screen .ex-sl-tile svg{width:84px; height:84px;}
#splash-screen .ex-sl h2{margin:0; color:#fff; font-size:2rem; font-weight:800;}
#splash-screen .ex-sl p{margin:0; color:var(--accent-soft, #E8D9B8); font-size:1.3rem; font-weight:600;}
#splash-screen .ex-sl small{color:rgba(255,255,255,.65); font-size:.95rem; margin-top:6px;}
#splash-screen .splash-logo-anim, #splash-screen .splash-slogan-anim{display:none !important;}
html[data-theme="night"] #splash-screen .ex-sl-tile{background:#8FB39A; color:#1A1C18; box-shadow:0 18px 50px #8FB39A33;}
html[data-theme="night"] #splash-screen .ex-sl p{color:#A6A196;}
html[data-theme="night"] #splash-screen .ex-sl small{color:#7E7A70;}
@keyframes exSlIn{from{opacity:0; transform:scale(.96);} to{opacity:1; transform:none;}}