@font-face{font-family:Plex;src:url(/fonts/ar-400.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Plex;src:url(/fonts/ar-500.woff2) format('woff2');font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Plex;src:url(/fonts/ar-600.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Plex;src:url(/fonts/ar-700.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Plex;src:url(/fonts/la-400.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Plex;src:url(/fonts/la-500.woff2) format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Plex;src:url(/fonts/la-600.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Plex;src:url(/fonts/la-700.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
/* ===== نظام التصميم v2 — وضوح أعلى، أزرار بارزة، جوال أولاً ===== */
:root{--p:#0E6655;--p2:#0A5143;--p3:#E3F1EC;--ps:#E3F1EC;--gold:#9C7224;--gs:#F7EFDD;--bg:#F3F5F4;--card:#fff;--ln:#DFE6E3;--ln2:#ECF1EF;
--ink:#14201E;--i2:#4A5957;--i3:#7F8E8B;--red:#B3261E;--rs:#FCE9E6;--grn:#17784A;--gns:#E2F3E9;--amb:#9A6212;--ams:#FCF0D8;--blu:#1D5FA8;--bls:#E6EFFA;
--sh:0 1px 2px rgba(16,40,36,.05),0 8px 24px rgba(16,40,36,.06);--sh2:0 10px 30px rgba(14,102,85,.18);--r:16px;--safe-b:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Plex,system-ui,Tahoma,sans-serif;font-size:15px;line-height:1.55;font-weight:500;-webkit-tap-highlight-color:transparent;max-width:100%}
body{overflow-x:clip}
button,input,select,textarea{font:inherit;color:inherit}a{color:var(--p);text-decoration:none}
b,strong{font-weight:700}
.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.muted{color:var(--i2)}.small{font-size:13px}.hidden{display:none!important}
h1{font-size:24px;margin:0;font-weight:700;letter-spacing:-.2px}h2{font-size:16px;margin:0;font-weight:700}
svg{flex:none}
/* ---- الهيكل ---- */
.app{display:flex;min-height:100vh;min-height:100dvh}
.side{width:248px;flex:none;background:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 0 0 1px #E6ECEA;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:45}
.logo{padding:4px 8px 14px;margin-bottom:8px;border-bottom:1px solid var(--ln2);cursor:pointer}.logo img{width:176px;max-width:100%;display:block;margin-bottom:6px}.logo span{font-size:12.5px;color:var(--i2);font-weight:600}
.nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:#2E3D3B;font-weight:600;font-size:14.5px;cursor:pointer;border:0;background:none;text-align:start;width:100%;min-height:42px}
.nav svg{color:var(--i3)}.nav:hover{background:#F1F5F3}.nav.on{background:var(--p);color:#fff;box-shadow:var(--sh2)}.nav.on svg{color:#fff}
.nav em{margin-inline-start:auto;font-style:normal;background:var(--red);color:#fff;font-size:11.5px;border-radius:99px;padding:1px 8px;font-weight:700}.nav.on em{background:#fff;color:var(--p)}
.side .foot{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:8px}
.sync{background:var(--ps);border-radius:14px;padding:11px 12px;font-size:12.5px;color:var(--p2)}.sync b{display:flex;gap:6px;align-items:center;font-size:13px}
.me{display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:#F4F7F6;font-size:12.5px}.me b{display:block;font-size:13.5px}.me .sp{margin-inline-start:auto;display:flex;gap:6px}
.main{flex:1;padding:24px 28px 48px;display:flex;flex-direction:column;gap:18px;min-width:0}
/* ---- رأس الصفحة + شريط الأزرار (قريب من العنوان وبارز) ---- */
.top{display:flex;flex-direction:column;gap:12px}
.top .tt h1{display:flex;align-items:center;gap:10px}.top .sub{color:var(--i2);font-size:13.5px;margin-top:2px}
.act{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.act .grow{flex:1}
/* ---- الأزرار ---- */
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1.5px solid var(--ln);background:#fff;border-radius:12px;padding:0 16px;min-height:42px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
.btn:hover{border-color:#BFCBC7;background:#FAFCFB}.btn svg{color:currentColor}
.btn.p{background:var(--p);color:#fff;border-color:var(--p);box-shadow:var(--sh2)}.btn.p:hover{background:var(--p2)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn.soft{background:var(--ps);border-color:transparent;color:var(--p2)}
.btn.d{color:var(--red)}.btn.sm{min-height:34px;padding:0 11px;font-size:13px;border-radius:10px}.btn.lg{min-height:50px;padding:0 22px;font-size:15.5px;border-radius:14px}
.btn:disabled{opacity:.5;cursor:default}
.btn.wa{color:#0F7A3D;border-color:#BFE3CC;background:#F2FBF5}.btn.wa:hover{background:#E5F6EB}
.ib{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;border:0;cursor:pointer;background:#EEF2F1;color:var(--i2)}.ib.wa{background:#E7F6EC;color:#1E8A55}
/* أزرار الإجراءات داخل الجداول: أيقونة + كلمة */
.ab{display:flex;gap:6px;flex-wrap:wrap}
.ab button,.ab a{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:9px;border:1.5px solid var(--ln);background:#fff;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--ink);white-space:nowrap}
.ab .wa{border-color:#BFE3CC;color:#0F7A3D;background:#F2FBF5}.ab .fu{border-color:#D5E1F2;color:var(--blu);background:#F4F8FD}.ab .rcp{border-color:#E9DAB8;color:var(--gold);background:#FCF8EE}
/* ---- المؤشرات ---- */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.k{background:#fff;border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:5px;border:1px solid #EDF2F0;min-width:0}
.k .l{font-size:13px;color:var(--i2);font-weight:700}.k .v{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}.k .v small{font-size:13px;color:var(--i2);font-weight:600;margin-inline-start:4px}.k .h{font-size:12.5px;color:var(--i2)}
.k.red .v{color:var(--red)}.k.grn .v{color:var(--grn)}.k.amb .v{color:var(--amb)}.k.red{border-top:3px solid var(--red)}.k.grn{border-top:3px solid var(--grn)}.k.amb{border-top:3px solid var(--amb)}
.bar{height:8px;background:#E8EEEC;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--p);border-radius:99px}
.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}.col{display:flex;flex-direction:column;gap:18px;min-width:0}
.panel{background:#fff;border-radius:18px;box-shadow:var(--sh);overflow:hidden;min-width:0;border:1px solid #EDF2F0}
.ph{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--ln2);flex-wrap:wrap}.ph h2{font-size:16px}.ph .m{margin-inline-start:auto;font-size:12.5px;color:var(--i2)}
.pb{padding:14px 18px}
.row{display:grid;gap:10px;align-items:center;padding:11px 18px;border-bottom:1px solid #F0F4F2}.row:last-child{border-bottom:0}.row.h{font-size:12.5px;color:var(--i2);font-weight:700;padding-block:9px;background:#FAFBFB}
.chip{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:700;white-space:nowrap}
.chip.r{background:var(--rs);color:var(--red)}.chip.a{background:var(--ams);color:var(--amb)}.chip.g{background:var(--gns);color:var(--grn)}.chip.x{background:#ECF0EF;color:var(--i2)}.chip.go{background:var(--gs);color:var(--gold)}.chip.b{background:var(--bls);color:var(--blu)}
.al{display:flex;gap:12px;padding:13px 18px;border-bottom:1px solid #F0F4F2;align-items:flex-start}.al:last-child{border-bottom:0}
.al .dot{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}.al b{display:block;font-weight:700}.al span{font-size:13px;color:var(--i2)}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:0 16px;min-height:40px;border-radius:12px;background:#fff;box-shadow:var(--sh);font-weight:700;font-size:14px;color:var(--i2);cursor:pointer;border:1px solid #E9EFED}.tab.on{background:var(--p);color:#fff;border-color:var(--p)}
.seg{display:inline-flex;background:#EAF0EE;border-radius:12px;padding:3px;flex-wrap:wrap}.seg button{padding:0 14px;min-height:34px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--i2);border:0;background:none;cursor:pointer}.seg button.on{background:#fff;color:var(--p);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:separate;border-spacing:0;width:100%;font-variant-numeric:tabular-nums}
th{font-size:12.5px;color:var(--i2);font-weight:700;padding:10px;border-bottom:1px solid var(--ln);background:#F8FAF9;text-align:start;white-space:nowrap}
td{padding:10px;border-bottom:1px solid #EEF2F0;font-size:14px;vertical-align:middle}
tr:last-child td{border-bottom:0}
.lg th,.lg td{text-align:center;padding:5px 3px}.lg th.s,.lg td.s{text-align:start;padding-inline:14px}
.lg td.s:first-child,.lg th.s:first-child{position:sticky;inset-inline-start:0;background:#fff;z-index:1}
.c{display:block;border-radius:9px;padding:5px 2px;font-weight:700;line-height:1.2;min-width:56px;font-size:13px;cursor:pointer}.c small{display:block;font-size:10.5px;font-weight:600;opacity:.85}
.c.paid{background:var(--gns);color:var(--grn)}.c.late{background:var(--rs);color:var(--red)}.c.vacant{background:#F0F2F1;color:var(--i3)}.c.partial,.c.partial_late{background:var(--ams);color:var(--amb)}.c.due{background:#fff;color:var(--i2);box-shadow:inset 0 0 0 1.5px #D6DFDC}.c.future{color:#C8D1CE}.c.unknown{color:var(--i3)}
tr.clk{cursor:pointer}tr.clk:hover td{background:#F8FBFA}
tfoot td{font-weight:700;background:#F8FAF9;border-top:1px solid var(--ln)}
.leg{display:flex;gap:14px;font-size:12.5px;color:var(--i2);align-items:center;flex-wrap:wrap}.leg i{display:inline-block;width:13px;height:13px;border-radius:4px;margin-inline-end:5px;vertical-align:-2px}
.mm{display:inline-flex;gap:3px}.mm i{width:15px;height:15px;border-radius:4px;display:inline-block;background:#EEF1F0}
.mm i.paid{background:#4FA878}.mm i.late,.mm i.partial_late{background:#D25444}.mm i.vacant{background:#E1E6E4}.mm i.due{background:#fff;box-shadow:inset 0 0 0 1.5px #C9D3D0}.mm i.partial{background:#E0A948}
/* ---- الوحدات ---- */
.ugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;padding:16px 18px}
.u{border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-height:84px;border:1.5px solid transparent;transition:transform .12s}
.u b{font-size:15px}.u span{font-size:12px;line-height:1.4}.u:hover{border-color:var(--ink);transform:translateY(-1px)}
.u.let{background:var(--gns);color:#0F4F31}.u.late{background:var(--rs);color:#7E1F17}.u.vacant{background:#F0F2F1;color:var(--i2)}.u.vacated{background:var(--ams);color:#7A4F10}
.bsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding:16px 18px;border-bottom:1px solid var(--ln2)}
.bsum .s{border-radius:14px;padding:12px 14px;background:#F7FAF9;display:flex;flex-direction:column;gap:2px}.bsum .s b{font-size:24px;line-height:1.2}.bsum .s span{font-size:12.5px;color:var(--i2);font-weight:700}
.bsum .s.g{background:var(--gns)}.bsum .s.g b{color:var(--grn)}.bsum .s.x b{color:var(--i2)}.bsum .s.a{background:var(--ams)}.bsum .s.a b{color:var(--amb)}.bsum .s.r{background:var(--rs)}.bsum .s.r b{color:var(--red)}
.ring{--v:0;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--p) calc(var(--v)*1%),#E3EAE7 0);display:grid;place-items:center;flex:none}.ring i{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px}
.sec{font-size:13px;color:var(--i2);font-weight:700;padding:14px 18px 2px;display:flex;align-items:center;gap:8px}
/* ---- الأدراج والنوافذ ---- */
.ov{position:fixed;inset:0;background:rgba(12,26,24,.38);z-index:50;display:flex;justify-content:flex-end}
.drawer{width:min(560px,100%);height:100%;background:#fff;overflow-y:auto;overscroll-behavior:contain;box-shadow:-10px 0 40px rgba(0,0,0,.14);display:flex;flex-direction:column;padding-bottom:calc(20px + var(--safe-b))}
.drawer .dh{display:flex;align-items:flex-start;gap:10px;padding:16px 18px;border-bottom:1px solid var(--ln2);position:sticky;top:0;background:#fff;z-index:2}.drawer .dh h2{font-size:17px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:14px 18px;font-size:14px}.kv span{color:var(--i2);font-weight:600}.kv b{overflow-wrap:anywhere}
.hist{padding:4px 18px 12px;display:flex;flex-direction:column;gap:8px;font-size:14px}.hist>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed #E3E9E7;padding-bottom:8px}
.acts{display:flex;gap:8px;flex-wrap:wrap;padding:8px 18px 16px}
.modal-ov{position:fixed;inset:0;background:rgba(12,26,24,.42);z-index:60;display:grid;place-items:center;padding:16px}
.modal{background:#fff;border-radius:20px;width:min(480px,100%);max-height:92vh;max-height:92dvh;overflow:auto;box-shadow:0 30px 60px rgba(0,0,0,.2)}
.modal .mh{padding:16px 18px;border-bottom:1px solid var(--ln2);display:flex;align-items:center;position:sticky;top:0;background:#fff;z-index:2}.modal .mh h2{font-size:17px}
.modal .mb{padding:16px 18px;display:flex;flex-direction:column;gap:13px}.modal .mf{padding:12px 18px calc(12px + var(--safe-b));border-top:1px solid var(--ln2);display:flex;gap:10px;justify-content:flex-start;position:sticky;bottom:0;background:#fff}
.modal .mf .btn.p{min-width:140px}
label.f,div.f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#34433F}
.in{border:1.5px solid var(--ln);border-radius:12px;padding:10px 12px;background:#fff;font-size:15px;width:100%;min-height:44px;font-weight:500}.in:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(14,102,85,.12)}
select.in{padding-inline-end:28px}
textarea.in{min-height:80px;resize:vertical}
.chk{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}.chk input{width:18px;height:18px;accent-color:var(--p)}
.drop{border:2px dashed #C3CFCB;border-radius:18px;padding:30px;text-align:center;color:var(--i2);background:#fff;cursor:pointer}.drop.on{border-color:var(--p);background:var(--ps)}
.toast{position:fixed;bottom:calc(84px + var(--safe-b));inset-inline-start:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:14px;z-index:90;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:calc(100vw - 32px)}
[dir=rtl] .toast{transform:translateX(50%)}.toast.err{background:var(--red)}
@media (min-width:901px){.toast{bottom:26px}}
.empty{padding:28px;text-align:center;color:var(--i3);font-weight:600}
.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px}.login .box{background:#fff;border-radius:24px;box-shadow:var(--sh);padding:28px;width:min(390px,100%);display:flex;flex-direction:column;gap:14px}.login img{width:210px;margin:0 auto 6px;display:block}
/* ---- الفلاتر ---- */
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:14px 18px;background:#FAFCFB;border-bottom:1px solid var(--ln2)}
.filters label.f{min-width:140px;flex:1}.filters .btn{flex:none}
.in.sm{padding:6px 10px;font-size:14px;width:auto;min-height:38px}
/* ---- الجوال ---- */
.mob-top,.bnav,.side-bg{display:none}
@media (max-width:900px){
 html,body{font-size:15px}
 .app{display:block}
 .mob-top{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#fff;box-shadow:var(--sh);position:sticky;top:0;z-index:30}
 .mob-top img{height:34px;cursor:pointer}.mob-top .sp{margin-inline-start:auto;display:flex;gap:8px}
 .side{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(300px,86vw);height:100%;transform:translateX(105%);visibility:hidden;transition:transform .22s,visibility .22s;padding-bottom:calc(24px + var(--safe-b));box-shadow:0 0 40px rgba(0,0,0,.2)}
 [dir=ltr] .side{transform:translateX(-105%)}
 .side.open{transform:none!important;visibility:visible}
 .side-bg{position:fixed;inset:0;background:rgba(12,26,24,.4);z-index:44}.side-bg.on{display:block}
 .main{padding:14px 14px calc(96px + var(--safe-b));gap:14px}
 .grid,.grid[style]{grid-template-columns:1fr!important}
 h1{font-size:21px}
 .kpis{grid-template-columns:1fr 1fr;gap:10px}.k{padding:12px 13px}.k .v{font-size:20px}.k .l{font-size:12.5px}
 .act{display:grid;grid-template-columns:1fr 1fr;gap:8px}.act>*{width:100%}.act .in{grid-column:1/-1}.act .btn.p:first-child:last-child{grid-column:1/-1}
 .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none}
 .ph{padding:12px 14px}.pb{padding:12px 14px}.al{padding:12px 14px}
 .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.08);z-index:35;padding:6px 4px calc(6px + var(--safe-b))}
 .bnav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--i2);padding:4px 0;position:relative;cursor:pointer}
 .bnav button.on{color:var(--p)}.bnav button em{position:absolute;top:0;inset-inline-end:22%;background:var(--red);color:#fff;font-style:normal;font-size:10px;border-radius:99px;padding:0 5px}
 /* الجداول تتحول لبطاقات */
 table.cards thead{display:none}
 table.cards,table.cards tbody,table.cards tfoot{display:block}
 table.cards tr{display:block;margin:10px 12px;border:1px solid var(--ln);border-radius:14px;padding:6px 12px;background:#fff}
 table.cards td{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px dashed #E6ECEA;padding:8px 0;text-align:start;min-height:0}
 table.cards td:last-child{border-bottom:0}
 table.cards td::before{content:attr(data-l);font-size:12px;color:var(--i2);font-weight:700;flex:none;max-width:42%}
 table.cards td[data-l=""]::before{display:none}
 table.cards td>*:not(:first-child){text-align:end}
 table.cards tfoot tr{background:#F8FAF9}
 .modal-ov{padding:0;place-items:end stretch}.modal{width:100%!important;border-radius:20px 20px 0 0;max-height:94dvh}
 .drawer{width:100%}
 .ugrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));padding:12px}
 .filters{padding:12px 14px}.filters label.f{min-width:calc(50% - 5px)}
}
@media (max-width:380px){.kpis{grid-template-columns:1fr}.act{grid-template-columns:1fr}}
@media print{.side,.mob-top,.bnav,.act,.tabs,.btn,.seg{display:none!important}.main{padding:0}}
/* ---------- المرحلة الثانية: الصيانة والعقود والتقارير ---------- */
.modal.wide{width:min(620px,100%)}
.note{background:var(--ams);color:#7A4F10;border-radius:12px;padding:10px 13px;font-size:13.5px;font-weight:600}.note.ok{background:var(--gns);color:var(--grn)}
.cats{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.cats label{cursor:pointer}.cats input{position:absolute;opacity:0;pointer-events:none}
.cats span{display:inline-block;padding:9px 14px;border-radius:999px;background:#EEF2F1;font-size:14px;font-weight:600;border:1.5px solid transparent}.cats input:checked+span{background:var(--ps);color:var(--p);border-color:var(--p);font-weight:600}
.cks{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:6px}
.thumbs{display:flex;flex-wrap:wrap;gap:8px}
.th{width:84px;height:84px;border-radius:12px;overflow:hidden;position:relative;background:#F1F4F3;border:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--i2)}
.th img{width:100%;height:100%;object-fit:cover}.th.add{flex-direction:column;gap:4px;border:1.5px dashed #C9D3D0;text-align:center;padding:4px}.th.add small{font-size:10.5px;line-height:1.2}
.th .rm{position:absolute;top:4px;inset-inline-end:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.th .pdf{display:flex;flex-direction:column;align-items:center;color:var(--red)}
.lb{background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lb img{max-width:94vw;max-height:90vh;border-radius:10px}.lb .ib{position:fixed;top:14px;inset-inline-end:14px;background:#fff}
.tl{padding:6px 18px 20px}.tl>div{position:relative;padding:0 22px 14px;border-inline-start:2px solid var(--ln);margin-inline-start:6px}.tl>div:last-child{border-color:transparent}
.tl i{position:absolute;inset-inline-start:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--grn)}.tl .r i{background:var(--red)}.tl .x i{background:var(--i3)}
.tl b{display:block;font-size:13.5px}.tl span{font-size:12px;color:var(--i2)}
.hb{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center;padding:5px 0;font-size:13px}.hb>div{background:var(--ln2);border-radius:6px;height:10px;overflow:hidden}.hb i{display:block;height:100%;background:var(--p);border-radius:6px}.hb b{text-align:end}
.bar2{display:flex;height:6px;border-radius:4px;overflow:hidden;background:var(--ln2);margin-top:5px;max-width:220px}.bar2 i{background:var(--p)}.bar2 i.c{background:var(--gold)}
.vbars{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:150px;align-items:end}.vbars>div{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.vbars>div>i{width:70%;background:var(--p);border-radius:6px 6px 2px 2px;min-height:2px}.vbars small{font-size:10.5px;color:var(--i2)}
.vbars .pair{display:flex;gap:2px;align-items:flex-end;height:100%;width:80%}.vbars .pair i{flex:1;background:var(--grn);border-radius:4px 4px 1px 1px;min-height:2px;display:block}.vbars .pair i.e{background:#DCE3E1}
.hist .clk{cursor:pointer}.hist .clk:hover{background:var(--ln2)}
.print-head{display:none}
/* شاشة مشرف البناية (جوال) */
.sup{min-height:100vh;background:var(--bg)}
.sup-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;box-shadow:var(--sh);position:sticky;top:0;z-index:10}.sup-h img{height:34px}
.sup-h .who{flex:1;display:flex;flex-direction:column;line-height:1.3}.sup-h .who span{font-size:12px;color:var(--i2)}
.sup-m{max-width:620px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}
.btn.big{justify-content:center;padding:16px;font-size:16px;border-radius:16px}
.sup-seg{align-self:stretch;display:grid;grid-template-columns:1fr 1fr}
.cards:not(table){display:flex;flex-direction:column;gap:10px}
.rc{background:#fff;border:0;border-radius:16px;box-shadow:var(--sh);padding:13px 15px;text-align:start;display:flex;flex-direction:column;gap:5px;cursor:pointer}
.rc .rt{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.rc .rd{color:var(--i2);font-size:13px}.rc .rf{display:flex;justify-content:space-between;font-size:12px;color:var(--i2);align-items:center}
.rc .hint{font-size:12px;font-weight:600;color:var(--amb);display:flex;align-items:center;gap:5px}.rc .hint.go{color:var(--p)}
@media print{.tabs,.acts,.seg,#tq,.btn{display:none!important}.print-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.print-head img{height:44px}.panel,.k{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.scroll{overflow:visible}}
@media (max-width:600px){.cks{grid-template-columns:1fr}.hb{grid-template-columns:90px 1fr 60px}}
.fl{display:flex;gap:12px;padding:10px 18px;border-bottom:1px solid #F2F5F4}.fl-t{width:44px;flex:none;color:var(--i2);padding-top:2px}.fl-b{flex:1;display:flex;flex-direction:column;gap:3px}.fl-n{white-space:pre-wrap;font-size:13.5px}
.th.sm{width:56px;height:56px;border-radius:9px}
.rl{display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow:auto;border:1px solid var(--ln);border-radius:14px;padding:6px}
.rli{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer}.rli:hover{background:var(--ln2)}
.docs{display:flex;flex-direction:column;gap:8px}
.doc{display:flex;align-items:center;gap:10px;border:1px solid var(--ln);border-radius:12px;padding:9px 11px}.doc a{flex:1;color:var(--ink);min-width:0;overflow-wrap:anywhere}.doc .di{width:34px;height:34px;border-radius:9px;background:var(--ps);color:var(--p);display:grid;place-items:center;flex:none}
a.tn{color:var(--ink);display:inline-flex;align-items:center;gap:4px}a.tn:hover{color:var(--p);text-decoration:underline}a.tn svg{transform:scaleX(1);color:var(--i3)}[dir=ltr] a.tn svg{transform:scaleX(-1)}
.rtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:16px 18px;border-bottom:1px solid var(--ln2)}
.rt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1.5px solid var(--ln);border-radius:14px;background:#fff;padding:12px 13px;cursor:pointer;text-align:start;color:var(--ink)}
.rt svg{color:var(--p);margin-bottom:4px}.rt b{font-size:14px}.rt span{font-size:12px;color:var(--i2);line-height:1.4}.rt:hover{border-color:#BFCBC7}
.rt.on{border-color:var(--p);background:var(--ps);box-shadow:0 0 0 3px rgba(14,102,85,.1)}
.rexp{display:flex;gap:10px;margin-inline-start:auto;align-items:flex-end}
@media (max-width:900px){.rtypes{grid-template-columns:1fr 1fr;padding:12px}.rt span{display:none}.rexp{width:100%;display:grid;grid-template-columns:1fr 1fr}}
.rhead{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sno{display:flex;gap:8px;flex:1;min-width:260px}.sno .in{max-width:260px;font-size:17px;font-weight:700;letter-spacing:1px}
@media (max-width:900px){.rhead>*{width:100%}.sno .in{max-width:none}}
@media (min-width:901px){.ab{flex-wrap:nowrap}td .ab{min-width:max-content}}
@media (max-width:900px){.row[style*="grid-template-columns"]{grid-template-columns:1fr 1fr!important;row-gap:6px}.row.h{display:none!important}}
/* رأس صفحة المستأجر: الاسم ثم الإجراءات الأساسية ثم الثانوية */
.tph{display:flex;flex-direction:column;gap:10px}
.tp-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--i2);font:inherit;font-size:13px;font-weight:700;padding:2px 0;cursor:pointer}
.tp-back:hover{color:var(--p2)}
.tp-id{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tp-id h1{margin:0;overflow-wrap:anywhere;line-height:1.25}
.tp-chips{display:flex;gap:6px;flex-wrap:wrap}
.tph .sub{color:var(--i2);font-size:13.5px}
.tp-pri{display:flex;gap:10px;flex-wrap:wrap}.tp-sec{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:760px){.tp-pri{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.tp-pri .btn{padding:0 8px;font-size:13.5px;gap:5px}.tp-pri .btn:only-child{grid-column:1/-1}.tp-sec .btn{flex:1}}
@media (max-width:380px){.tp-pri{grid-template-columns:1fr 1fr}.tp-pri .btn.p{grid-column:1/-1}}
.modal .mf{flex-wrap:wrap}.merr{flex-basis:100%;background:var(--rs,#FDECEA);color:var(--red);border-radius:10px;padding:9px 12px;font-weight:700;font-size:13.5px}.merr[hidden]{display:none}
@media print{:root{--red:#000;--amb:#000}}
/* ===== v1.6.1: الشريط العلوي، البحث السريع، لمسات الهوية ===== */
.mcol{flex:1;min-width:0;display:flex;flex-direction:column}
.tbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 28px;background:rgba(243,245,244,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ln2)}
.tb-r{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.who{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 14px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--ln2)}
[dir=ltr] .who{padding:4px 14px 4px 6px}
.who .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),#0B5446);color:#fff;font-weight:700;font-size:15px;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--gold)}
.who b{display:block;font-size:13.5px;line-height:1.2}.who span{display:block;font-size:11.5px;color:var(--i2);line-height:1.2}
.tb-b{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:12px;border:0;background:#fff;box-shadow:0 0 0 1px var(--ln2);color:var(--i2);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tb-b:hover{color:var(--p);box-shadow:0 0 0 1px #BFD5CE}.tb-b.out:hover{color:var(--red);box-shadow:0 0 0 1px #F0C8C3}
.qs{position:relative;flex:1;max-width:560px}
.qs input{width:100%;height:44px;border-radius:14px;border:0;background:#fff;box-shadow:0 0 0 1px var(--ln);padding:0 44px;font:inherit;font-size:14.5px}
.qs input:focus{outline:0;box-shadow:0 0 0 2px var(--p)}
.qs .qi{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--i3);display:flex}
.qs kbd{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font:600 11px/1 Arial;color:var(--i3);border:1px solid var(--ln);border-radius:6px;padding:3px 6px;background:#F7F9F8}
.qr{position:absolute;top:calc(100% + 6px);inset-inline:0;background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(16,40,36,.16),0 0 0 1px var(--ln2);padding:6px;z-index:40;max-height:60vh;overflow:auto}
.qri{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:9px 10px;border-radius:10px;text-align:start;font:inherit;cursor:pointer;color:var(--ink)}
.qri.on,.qri:hover{background:var(--ps)}.qri b{display:block;font-size:14px}.qri small{display:block;font-size:12px;color:var(--i2)}.qri em{margin-inline-start:auto;font-style:normal;font-weight:700;font-size:13px}
.qk{width:30px;height:30px;border-radius:9px;background:#F1F5F3;display:grid;place-items:center;color:var(--p);flex:none}
.qe{padding:14px;color:var(--i3);text-align:center;font-weight:600}
.qs-m{max-width:none}.qs-m .qr{position:static;margin-top:8px;box-shadow:none;padding:0}
.mob-only,.side .foot.mob-only{display:none}
@media (max-width:900px){.tbar{display:none}.mob-only,.side .foot.mob-only{display:flex}}
/* أزرار الإجراءات في سطر واحد وبنفس الحجم */
.ab{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:5px}.ab button,.ab a{white-space:nowrap;flex:none;justify-content:center}
/* لمسة ذهبية من شعار الجمعية */
.top .tt h1{position:relative;padding-bottom:8px}
.top .tt h1::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),#D9B467)}
.ph h2{position:relative}
.panel>.ph{background:linear-gradient(180deg,#FFFFFF,#FCFBF7)}
.nav.on{box-shadow:inset 3px 0 0 var(--gold),var(--sh2)}[dir=rtl] .nav.on{box-shadow:inset -3px 0 0 var(--gold),var(--sh2)}
.logo{border-bottom:1px solid #EFE6D2}
.k{border-top-color:transparent}
/* الحالة الفارغة مع زر */
.empty-cta{padding:34px 20px;text-align:center;color:var(--i2);display:flex;flex-direction:column;align-items:center;gap:12px}
.empty-cta .ei{width:54px;height:54px;border-radius:16px;background:var(--gs);color:var(--gold);display:grid;place-items:center}
.empty-cta p{margin:0;max-width:440px;line-height:1.7;font-weight:600}
/* الرسم البياني */
.chart{padding:10px 18px 16px}.chart svg{width:100%;height:auto;display:block}
.chart .lgd{display:flex;gap:16px;font-size:12.5px;color:var(--i2);font-weight:600;margin:4px 0 6px}.chart .lgd i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
@media print{.tbar{display:none!important}}
.ttip{position:absolute;z-index:5;pointer-events:none;background:#14201E;color:#fff;border-radius:10px;padding:8px 11px;font-size:12.5px;line-height:1.6;min-width:150px;box-shadow:0 10px 24px rgba(0,0,0,.2)}.ttip b{font-weight:700}.ttip[hidden]{display:none}
.tb{cursor:default}.tb:hover rect:nth-child(2){fill:#E3ECE9}
@media (max-width:900px){.ab{flex-direction:row;flex-wrap:wrap}}
.lnk{border:0;background:none;color:var(--p);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;padding:2px;align-self:center}.lnk:hover{text-decoration:underline}
/* دفتر المشرف بالألوان */
.sup-seg4{grid-template-columns:1fr 1fr!important}
.sl-leg{display:flex;gap:12px;flex-wrap:wrap;padding:10px 14px;font-size:12px;color:var(--i2);font-weight:600}.sl-leg span{display:inline-flex;align-items:center;gap:5px}
.sd{display:inline-block;width:18px;height:18px;border-radius:6px;background:#F0F2F1;vertical-align:middle}
.sd.paid{background:#4FA878}.sd.partial{background:#E2B04A}.sd.late{background:#D25444}.sd.due{background:#fff;box-shadow:inset 0 0 0 1.5px #C9D4D0}.sd.vacant{background:#E6EAE8}.sd.future{background:transparent}
table.sl th,table.sl td{text-align:center;padding:7px 4px}table.sl td:first-child,table.sl th:first-child{text-align:start;position:sticky;inset-inline-start:0;background:#fff;z-index:1;padding-inline:10px;min-width:120px}

/* ===== v1.8.1: تصنيفات القائمة + نافذة الشهر ===== */
.nav-g{font-size:11.5px;font-weight:700;color:var(--i3);padding:14px 12px 4px}
.side .logo+.nav-g{padding-top:4px}
.lg td[data-m]{cursor:pointer}.lg td[data-m]:hover .c{box-shadow:0 0 0 2px var(--ink)}
.mm i[data-sm]{cursor:pointer}.mm i[data-sm]:hover{outline:2px solid var(--ink);outline-offset:1px}
[data-dm]{cursor:pointer}
.mkv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}.mkv span{color:var(--i2);font-weight:600}
.macts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.macts .btn{width:100%}

/* ===================== هوية الجمعية (Brand Kit) — كحلي + ذهبي + كريمي ===================== */
:root{
  --brand-navy:#193A56;--brand-navy-hover:#122C42;--brand-navy-soft:#E8EDF2;--brand-gold:#D09029;--gold-text:#8A5E12;
  --data-gold:#DDA542;--data-track:#EFE7D8;--data-series-3:#B9A88A;
  --bg-page:#F7F2E8;--bg-card:#FDFBF6;--bg-subtle:#F3ECDF;--border:#EBE3D3;--border-strong:#E2D8C4;
  --text-primary:#1F1B16;--text-secondary:#7A6F5E;--text-muted:#9A8F7C;
  --success-bg:#E4F0E7;--success-text:#256B3F;--danger-bg:#F6E3E3;--danger-text:#A81C22;--warning-bg:#F5E9CF;--warning-text:#7A520C;--info-bg:#E8EDF2;--info-text:#193A56;
  --radius-card:14px;--radius-control:9px;--shadow-card:0 1px 2px rgba(60,45,20,.04);--focus-ring:0 0 0 3px rgba(25,58,86,.12);
  /* ربط متغيرات النظام القديمة بالهوية */
  --p:var(--brand-navy);--p2:var(--brand-navy-hover);--p3:var(--brand-navy-soft);--ps:var(--brand-navy-soft);
  --gold:var(--gold-text);--gs:var(--warning-bg);--bg:var(--bg-page);--card:var(--bg-card);--ln:var(--border-strong);--ln2:var(--border);
  --ink:var(--text-primary);--i2:var(--text-secondary);--i3:var(--text-muted);
  --red:var(--danger-text);--rs:var(--danger-bg);--grn:var(--success-text);--gns:var(--success-bg);--amb:var(--warning-text);--ams:var(--warning-bg);--blu:var(--info-text);--bls:var(--info-bg);
  --sh:var(--shadow-card);--sh2:none;--r:var(--radius-card)
}
html,body{background:var(--bg-page);color:var(--text-primary);font-weight:400}
b,strong,h1,h2,.k .v,.nav,.btn,th{font-weight:600}
h1{font-size:24px}
/* عنوان الصفحة: خط ذهبي 36×2 */
.top .tt h1{padding-bottom:9px}.top .tt h1::after{width:36px;height:2px;border-radius:2px;background:var(--brand-gold)}
/* البطاقات والأسطح */
.panel,.k,.login .box,.rc,.modal,.drawer,.bsum .s{background:var(--bg-card)}
.panel{border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.panel>.ph{background:var(--bg-card)}
.k{border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.k.red,.k.grn,.k.amb{border-top:1px solid var(--border)}
.k .l{font-weight:500;color:var(--text-secondary)}.k .v{font-size:27px}.k.grn .v{color:var(--text-primary)}.k.amb .v{color:var(--text-primary)}
.bar{background:var(--data-track)}.bar i{background:var(--brand-navy)}
th,.row.h,tfoot td,.filters{background:var(--bg-subtle)}th{color:var(--text-secondary);font-weight:500}
tr.clk:hover td,.qri:hover,.qri.on{background:var(--bg-subtle)}
/* القائمة الجانبية */
.side{background:var(--bg-page);box-shadow:none;border-inline-start:1px solid var(--border)}
.nav{border-radius:var(--radius-control);color:var(--text-primary);font-weight:500}.nav:hover{background:var(--bg-subtle)}
.nav.on,[dir=rtl] .nav.on,[dir=ltr] .nav.on{background:var(--brand-navy);color:#fff;box-shadow:none}
.nav em{background:var(--danger-bg);color:var(--danger-text)}.nav.on em{background:#fff;color:var(--danger-text)}
.nav-g{color:var(--text-muted);font-weight:500}
.logo{border-bottom:1px solid var(--border)}
/* الأزرار والحقول */
.btn{border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--bg-card);font-weight:500}
.btn.p{background:var(--brand-navy);border-color:var(--brand-navy);box-shadow:none}.btn.p:hover{background:var(--brand-navy-hover)}
.btn.soft{background:var(--brand-navy-soft);color:var(--brand-navy)}
.btn.gold{background:var(--data-gold);border-color:var(--data-gold);color:var(--text-primary)}
.btn.d{background:var(--danger-bg);border-color:transparent;color:var(--danger-text)}
.in{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-control)}
.in:focus{border-color:var(--brand-navy);box-shadow:var(--focus-ring)}
.ab button,.ab a{border-radius:var(--radius-control);border-width:1px;background:var(--bg-card)}
.tab{border-radius:var(--radius-control);box-shadow:none;background:var(--bg-card);border:1px solid var(--border)}.tab.on{background:var(--brand-navy);border-color:var(--brand-navy)}
.seg{background:var(--bg-subtle)}.seg button.on{background:var(--bg-card);color:var(--brand-navy)}
/* الشارات كبسولة مع نقطة */
.chip{border-radius:999px;font-weight:500}
.chip.r::before,.chip.a::before,.chip.g::before,.chip.b::before,.chip.x::before,.chip.go::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:5px;opacity:.85}
/* الشريط العلوي */
.tbar{background:rgba(247,242,232,.94);border-bottom:1px solid var(--border)}
.qs input,.who,.tb-b{background:var(--bg-card);box-shadow:0 0 0 1px var(--border-strong);border-radius:var(--radius-control)}
.who .av{background:var(--brand-navy);box-shadow:none}
/* الدفتر: المدفوع أخضر نجاح، المتأخر أحمر، الجزئي تنبيه، الشاغر معلومة */
.c{border-radius:7px}
.c.paid{background:var(--success-bg);color:var(--success-text)}.c.late{background:var(--danger-bg);color:var(--danger-text)}
.c.partial,.c.partial_late{background:var(--warning-bg);color:var(--warning-text)}.c.vacant{background:var(--info-bg);color:var(--text-muted)}
.c.due{background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border-strong)}
.mm i.paid,.sd.paid{background:#7FB08E}.mm i.late,.mm i.partial_late,.sd.late{background:var(--danger-text)}.mm i.partial,.sd.partial{background:var(--data-gold)}.mm i.vacant,.sd.vacant{background:var(--info-bg)}
.u.let{background:var(--success-bg);color:var(--success-text)}.u.late{background:var(--danger-bg);color:#7E1A1E}.u.vacant{background:var(--info-bg)}.u.vacated{background:var(--warning-bg);color:var(--warning-text)}
.ring{background:conic-gradient(var(--brand-navy) calc(var(--v)*1%),var(--data-track) 0)}.ring i{background:var(--bg-card)}
.vbars>div>i,.hb i,.bar2 i{background:var(--data-gold)}.bar2 i.c{background:var(--brand-navy)}.vbars .pair i{background:var(--data-gold)}.vbars .pair i.e{background:var(--data-track)}
.empty-cta .ei{background:var(--warning-bg);color:var(--gold-text)}
.mob-top,.bnav{background:var(--bg-card)}.bnav button.on{color:var(--brand-navy)}
.toast{background:var(--text-primary)}

/* ===================== حركة هادئة: ظهور متتابع + عدّ + نمو ===================== */
@keyframes pvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pvGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.main>*{animation:pvIn .45s cubic-bezier(.2,.7,.2,1) both}
.main>*:nth-child(2){animation-delay:.05s}.main>*:nth-child(3){animation-delay:.1s}.main>*:nth-child(4){animation-delay:.15s}.main>*:nth-child(5){animation-delay:.2s}.main>*:nth-child(6){animation-delay:.25s}
.kpis>*,.bcards>*{animation:pvIn .45s cubic-bezier(.2,.7,.2,1) both}
.kpis>*:nth-child(2),.bcards>*:nth-child(2){animation-delay:.06s}.kpis>*:nth-child(3),.bcards>*:nth-child(3){animation-delay:.12s}.kpis>*:nth-child(4),.bcards>*:nth-child(4){animation-delay:.18s}.bcards>*:nth-child(5){animation-delay:.24s}.bcards>*:nth-child(6){animation-delay:.3s}.bcards>*:nth-child(7){animation-delay:.36s}
.chart svg .gb{transform-box:fill-box;transform-origin:bottom;animation:pvGrow .7s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){.main>*,.kpis>*,.bcards>*,.chart svg .gb{animation:none!important}}

/* ===================== الترحيب + حلقة التحصيل + تقويم العقود ===================== */
.hello{display:flex;flex-direction:column;gap:4px}.hello h1{font-size:24px}.hello p{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.7;max-width:780px}.hello p b{color:var(--text-primary)}
.bcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.bcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color .2s}
.bcard:hover{border-color:var(--border-strong)}
/* هدف الشهر أسفل القائمة */
.sgoal{margin:14px 6px 0;padding:11px 12px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);font-size:12.5px;color:var(--text-secondary)}
.sgoal b{color:var(--text-primary);font-weight:600}.sgoal .bar{margin:7px 0 5px;height:6px}.sgoal .bar i{background:var(--data-gold)}
/* المتأخرات: فلاتر بعدّاد + أحرف أولى */
.fpills{display:flex;gap:6px;flex-wrap:wrap}.fpills button{border:1px solid var(--border);background:var(--bg-card);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer}
.fpills button em{font-style:normal;margin-inline-start:6px;background:var(--bg-subtle);border-radius:999px;padding:0 7px;font-size:12px;color:var(--text-primary)}
.fpills button.on{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}.fpills button.on em{background:rgba(255,255,255,.18);color:#fff}
.av2{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:11.5px;font-weight:600;background:var(--brand-navy-soft);color:var(--brand-navy);flex:none;vertical-align:middle;margin-inline-end:8px}
td .av2+div{min-width:180px}

/* ===== v2 المعاينة: أبسط — أخضر فاتح للإشغال والتحصيل ===== */
:root{--ok-fill:#6DBE8C;--ok-text:#23794A;--ok-track:#E7EFE6}
.ok{color:var(--ok-text)!important}
.kp4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kp4 .k{gap:6px}.kp4 .k .v{font-size:26px}.kp4 .k .v small{font-size:14px;color:var(--text-muted);font-weight:400}
.kp4 .k.clk{cursor:pointer}.kp4 .k.clk:hover{border-color:var(--border-strong)}
.gbar{height:6px;border-radius:99px;background:var(--ok-track);overflow:hidden}.gbar i{display:block;height:100%;border-radius:99px;background:var(--ok-fill);transition:width 1s cubic-bezier(.2,.7,.2,1)}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}
.ups{display:flex;flex-direction:column}.up{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border);font-size:14px;cursor:pointer}.up:last-child{border-bottom:0}.up:hover{background:var(--bg-subtle)}
.up .n{min-width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--bg-subtle);font-weight:600;font-size:14px}.up .n.r{background:var(--danger-bg);color:var(--danger-text)}
.loss{margin:0 18px 16px;padding:10px 12px;border-radius:10px;background:var(--bg-subtle);font-size:13px;color:var(--text-secondary);line-height:1.6}.loss b{color:var(--text-primary)}
/* بطاقة البناية البسيطة */
.bcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.bcard{padding:16px 18px;gap:10px;display:flex;flex-direction:column}
.bcard.on{border-color:var(--brand-navy);box-shadow:0 0 0 1px var(--brand-navy)}
.bcard .bt{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.bcard .bt b{font-size:15px;font-weight:600}.bcard .bt span{font-size:12.5px;color:var(--text-secondary);white-space:nowrap}
.bcard .bo{display:flex;align-items:baseline;gap:8px}.bcard .bo .big{font-size:28px;font-weight:600;color:var(--ok-text);line-height:1.1}.bcard .bo .lbl{font-size:12.5px;color:var(--text-secondary)}
.bst{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;border-top:1px solid var(--border);padding-top:10px}
.bst div{display:flex;flex-direction:column}.bst b{font-size:16px;font-weight:600}.bst span{font-size:12px;color:var(--text-secondary)}
.barr{font-size:12.5px;color:var(--text-secondary)}.barr b{color:var(--danger-text);font-weight:600}.barr.ok{color:var(--ok-text)!important}
.bsep{display:flex;align-items:center;gap:12px;margin:18px 0 12px;color:var(--text-muted);font-size:13px;font-weight:500}.bsep::before,.bsep::after{content:"";flex:1;height:1px;background:var(--border-strong)}
.bcards.fur .bcard .bo .big{font-size:22px}
@media (max-width:900px){.kp4{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}
.sgoal .bar{background:var(--ok-track)}.sgoal .bar i{background:var(--ok-fill)}
.bcard .bo .big.mut{color:var(--text-muted)}
#ubc~.panel .bsum{display:none}
/* ===== 2.0: المشرف، الملاحظات، المصاريف، الرسائل، العقود، العنوان ===== */
.note.warn{background:var(--rs);color:var(--red)}
.sn-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:start;padding:14px;border:1px solid var(--border,#EBE3D3);border-radius:14px;background:var(--bg-card,#FDFBF6);cursor:pointer;font:inherit;color:inherit}
.sn:hover{border-color:var(--brand-navy,#193A56);background:var(--brand-navy-soft,#E8EDF2)}.sn span{color:var(--brand-navy,#193A56)}.sn b{font-size:15px}.sn small{color:var(--text-2,#7A6F5E);font-size:12.5px;line-height:1.5}
.sup .sup-seg{display:grid;grid-template-columns:repeat(3,1fr)}.sup .sup-seg button{display:flex;gap:6px;align-items:center;justify-content:center}
.sp-card .sp-k{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 18px 12px}
.sp-k div{display:flex;flex-direction:column;gap:2px}.sp-k span{font-size:12px;color:var(--text-2,#7A6F5E)}.sp-k b{font-size:22px;font-weight:600}.sp-k small{font-size:11.5px;color:var(--text-3,#9A8F7C)}
.sp-late{display:flex;align-items:center;gap:10px;padding:11px 18px;border-top:1px solid var(--border,#EBE3D3)}
.sp-late .spw{flex:1;display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0}.sp-late .spw small{color:var(--text-2,#7A6F5E);font-size:12px}
.sp-act{display:flex;gap:6px}.sp-act .ib{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border,#EBE3D3);background:#fff;color:var(--brand-navy,#193A56)}.sp-act .ib.wa{color:#1f8f4e}
.sp-bar{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.pa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 18px 14px;padding:12px 14px;border:1px solid var(--border,#EBE3D3);border-radius:14px;background:var(--bg-subtle,#F3ECDF)}
.pa-t{display:flex;gap:10px;align-items:flex-start;flex:1;min-width:240px}.pa-t .di{color:var(--brand-navy,#193A56);margin-top:2px}
.pa-b{display:flex;gap:6px;flex-wrap:wrap}.pa-b em{font-style:normal;background:var(--brand-navy,#193A56);color:#fff;border-radius:99px;padding:0 6px;font-size:11px;margin-inline-start:4px}
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ncard{background:var(--bg-card,#FDFBF6);border:1px solid var(--border,#EBE3D3);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.ncard.over{border-color:#E7B4B4}.ncard .nt{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.ncard .nt b{font-size:15px}
.ncard .nb{white-space:pre-wrap;font-size:14px;line-height:1.7;color:var(--text,#1F1B16)}.ncard .nl{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--text-2,#7A6F5E)}.ncard .nl a{color:var(--brand-navy,#193A56)}
.ncard .nf{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px dashed var(--border,#EBE3D3);padding-top:8px}.ncard .nb2{display:flex;gap:6px}
.mlist{display:grid;gap:10px}.mrow{background:var(--bg-card,#FDFBF6);border:1px solid var(--border,#EBE3D3);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.mrow .mh{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mrow .mh a{color:var(--brand-navy,#193A56)}
.mrow .mb2{white-space:pre-wrap;font-size:13.5px;line-height:1.7;background:var(--bg-subtle,#F3ECDF);border-radius:10px;padding:10px 12px}
.mrow .ma{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mch{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px dashed var(--border,#EBE3D3)}
.tpls details{border-bottom:1px solid var(--border,#EBE3D3);padding:8px 0}.tpls summary{cursor:pointer}.tpls .tp{white-space:pre-wrap;font-size:13px;line-height:1.7;background:var(--bg-subtle,#F3ECDF);border-radius:10px;padding:8px 10px;margin-top:6px}
.lsec{font-weight:600;color:var(--brand-navy,#193A56);border-bottom:1px solid var(--border,#EBE3D3);padding-bottom:4px;margin-top:4px}
.cks2{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.tab em{font-style:normal;background:var(--brand-gold,#D09029);color:#fff;border-radius:99px;padding:0 6px;font-size:11px}
@media (max-width:700px){.sn-pick,.cks2{grid-template-columns:1fr}.sp-k b{font-size:18px}.ngrid{grid-template-columns:1fr}}
.chip.ewa{background:#E3EEF7;color:#1D5D8F}.chip.ewa::before{background:#1D5D8F}
.seg.big2 button{padding:10px 14px;display:inline-flex;gap:6px;align-items:center;justify-content:center;flex:1}
.cats.areas{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
/* شاشة المشرف على الكمبيوتر */
.sup-h .who{border:0!important;background:none!important;padding:0!important;box-shadow:none!important;min-width:0}
.sup .dk-only{display:none}
.sp-cards{display:grid;gap:14px}.sp-two{display:grid;gap:14px}
@media (min-width:1000px){
 .sup-m.wide{max-width:1280px;padding:22px 28px}
 .sup .dk-only{display:inline-flex}.sup .mb-only{display:none!important}
 .sup .sup-seg{max-width:520px}
 .sp-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
 .sp-two{grid-template-columns:1.4fr 1fr;align-items:start}
 .sup-h{padding:12px 28px}
}
/* تنقل فوري: هيكل تحميل خفيف وظهور ناعم */
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
#main>*{animation:mIn .18s ease-out}@keyframes mIn{from{opacity:.0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#main>*{animation:none}.skel i{animation:none}}
.silent #main>*{animation:none!important}
/* ===== 2.2.0: مخططات النسب (دونات + أشرطة مكدسة) ===== */
.dnt{display:flex;gap:22px;align-items:center;padding:16px 18px;flex-wrap:wrap}
.dsv{position:relative;width:150px;height:150px;flex:none}.dsv svg{width:100%;height:100%;transform:none}
.dsv circle+circle{animation:dIn .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes dIn{from{stroke-dasharray:0 100}}
.dc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dc b{font-size:19px;font-variant-numeric:tabular-nums}.dc span{font-size:11.5px;color:var(--i2)}
.dl{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.dr{display:grid;grid-template-columns:12px 1fr auto auto;gap:10px;align-items:center;padding:7px 10px;border-radius:10px;font-size:14px}
.dr i{width:12px;height:12px;border-radius:4px}.dr b{font-size:15px;font-variant-numeric:tabular-nums}.dr em{font-style:normal;color:var(--i2);font-size:12.5px;font-variant-numeric:tabular-nums;min-width:64px;text-align:end}
.dr.clk{cursor:pointer}.dr.clk:hover{background:var(--bg-subtle)}.dr.on{background:var(--brand-navy-soft);outline:1.5px solid var(--brand-navy)}
.srl-wrap{padding:8px 18px 16px;display:flex;flex-direction:column;gap:4px}
.sr{padding:10px 0;border-bottom:1px dashed var(--border)}.sr:last-child{border-bottom:0}.sr.clk{cursor:pointer}.sr.clk:hover .srh b{color:var(--brand-navy);text-decoration:underline}
.srh{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.srh .srt{margin-inline-start:auto;font-variant-numeric:tabular-nums;font-size:14px}.srh .srt small{color:var(--i2)}
.srb{height:12px;background:var(--data-track);border-radius:99px;overflow:hidden}.srb>div{height:100%;display:flex;border-radius:99px;overflow:hidden;animation:sIn .7s cubic-bezier(.2,.7,.2,1) both;transform-origin:inline-start}
html[dir=rtl] .srb>div{transform-origin:right}
@keyframes sIn{from{transform:scaleX(0)}}
.srb i{display:block;height:100%}
.srs{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12.5px;color:var(--i2)}.srs span{display:inline-flex;align-items:center;gap:5px}.srs i{width:9px;height:9px;border-radius:3px;display:inline-block}.srs em{font-style:normal;color:var(--i3)}
.grid2e{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@media (max-width:900px){.grid2e{grid-template-columns:1fr}.dsv{width:128px;height:128px}}
/* لوحة الكهرباء: ثلاث مجموعات منفصلة بوضوح */
.ug{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ugc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:0;overflow:hidden;display:flex;flex-direction:column}
.ugc .ugh{display:flex;align-items:center;gap:9px;padding:12px 16px;font-weight:600;font-size:14.5px;border-bottom:1px solid var(--border)}
.ugc .ugh i{width:12px;height:12px;border-radius:4px;flex:none}.ugc .ugh small{margin-inline-start:auto;font-size:11.5px;color:var(--i2);font-weight:500}
.ugc .ugv{padding:14px 16px 4px;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.ugc .ugv small{font-size:13px;color:var(--i2);font-weight:500}
.ugc .ugk{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:6px 16px 14px;font-size:13.5px}.ugc .ugk span{color:var(--i2)}.ugc .ugk b{font-variant-numeric:tabular-nums}
.ugc .ugn{margin-top:auto;padding:9px 16px;background:var(--bg-subtle);font-size:12.5px;color:var(--i2)}
.ugc.w .ugh{background:var(--brand-navy-soft)}.ugc.f .ugh{background:var(--warning-bg)}.ugc.d .ugh{background:#EEF2F6}
.ugc .red{color:var(--danger-text)}
@media (max-width:1000px){.ug{grid-template-columns:1fr}}
.fbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fbar select{min-height:42px;border-radius:12px;border:1.5px solid var(--ln);background:var(--bg-card);padding:0 12px;font-weight:600}
.qcol{display:flex;align-items:flex-end;gap:10px;height:190px;padding:16px 18px 8px}
.qcol .mc{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;min-width:0;cursor:pointer}
.qcol .mc .st{width:min(44px,80%);display:flex;flex-direction:column-reverse;border-radius:8px 8px 3px 3px;overflow:hidden;animation:pvGrow .7s cubic-bezier(.2,.7,.2,1) both;transform-origin:bottom}
.qcol .mc .st i{display:block;width:100%}.qcol .mc span{font-size:12px;color:var(--i2)}.qcol .mc b{font-size:12px;font-variant-numeric:tabular-nums}
.qcol .mc:hover span{color:var(--ink)}
.ph h2 .dot{display:inline-block;width:11px;height:11px;border-radius:3px;margin-inline-end:4px;vertical-align:0}
/* الرئيسية 2.2: قائمة نسب التحصيل الشهرية + تنبيه تجديد العقود */
.mlist{padding:8px 16px 14px;display:flex;flex-direction:column;gap:2px}
.mli{padding:9px 6px;border-bottom:1px dashed var(--border)}.mli:last-child{border-bottom:0}
.mli.cur{background:var(--brand-navy-soft);border-radius:10px;border-bottom-color:transparent;padding:9px 10px}
.mlh{display:flex;align-items:center;gap:8px}.mlh b{font-size:14.5px}.mlp{margin-inline-start:auto;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.mlp.g{color:var(--success-text)}.mlp.a{color:var(--warning-text)}.mlp.r{color:var(--danger-text)}
.mlb{height:7px;border-radius:99px;background:var(--data-track);margin:6px 0 4px;overflow:hidden}.mlb i{display:block;height:100%;border-radius:99px;animation:sIn .8s cubic-bezier(.2,.7,.2,1) both;transform-origin:right}
.mlb i.g{background:#4E9A6A}.mlb i.a{background:var(--data-gold)}.mlb i.r{background:#C9524F}
html[dir=ltr] .mlb i{transform-origin:left}
.mls{font-size:12px;color:var(--i2);font-variant-numeric:tabular-nums}
.renw{border-inline-start:4px solid var(--data-gold)}
.renw .ph h2{display:flex;align-items:center;gap:7px}.renw .ph h2 svg{color:var(--warning-text)}
.rnl{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:14px 16px}
.rni{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}
.rni.a{background:var(--warning-bg);border-color:#EAD9B0}.rni.r{background:var(--danger-bg);border-color:#EBC9C9}
.rnt{flex:1;min-width:0;display:flex;flex-direction:column}.rnt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rnd{display:flex;flex-direction:column;align-items:flex-end;text-align:end}.rnd b{font-size:13px}
.rni.r .rnd b{color:var(--danger-text)}.rni.a .rnd b{color:var(--warning-text)}
.mli{display:grid;grid-template-columns:62px 1fr 46px;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 6px}
.mli .mln{font-size:13.5px;grid-row:1/3}.mli .mlb{margin:0}.mli .mlp{font-size:15px;margin:0;text-align:end;grid-row:1/3}.mli .mls{grid-column:2;font-size:11.5px}
.mli .mln{grid-column:1;grid-row:1/3}.mli .mlb{grid-column:2;grid-row:1}.mli .mlp{grid-column:3;grid-row:1/3}.mli .mls{grid-column:2;grid-row:2}
/* ===== 2.3.0: نمط أيقونات موحد (مسطح) + ترتيب المساحات ===== */
.ti{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex:none}
.ti svg{width:19px;height:19px;stroke-width:2}
.ti.n{background:var(--brand-navy-soft);color:var(--brand-navy)}.ti.g{background:var(--success-bg);color:var(--success-text)}.ti.go{background:var(--warning-bg);color:var(--gold-text)}
.ti.r{background:var(--danger-bg);color:var(--danger-text)}.ti.s{background:#EEF2F6;color:#4E6478}
.ti.sm{width:28px;height:28px;border-radius:8px}.ti.sm svg{width:15px;height:15px}
.k .kh{display:flex;align-items:center;justify-content:space-between;gap:8px}.k .kh .l{margin:0}
.tgl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);cursor:pointer}
.tgl span{display:inline-flex;align-items:center;gap:6px;font-weight:600}.tgl em{font-style:normal;font-size:12.5px;color:var(--i2);flex-basis:100%}
/* رأس قسم موحد: أيقونة + عنوان + عدد */
.shd{display:flex;align-items:center;gap:10px;margin:2px 0 12px}.shd b{font-size:15.5px;font-weight:600}.shd .m{margin-inline-start:auto;font-size:12.5px;color:var(--i2)}
.shd .cnt{font-size:12px;color:var(--i2);background:var(--bg-subtle);border-radius:99px;padding:1px 9px}
.shd.sp{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.bcards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
.bcards.fur{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
/* لوحات بنفس الارتفاع بدون فراغات */
.grid2,.grid2e{align-items:stretch!important}
.grid2>.panel,.grid2e>.panel{display:flex;flex-direction:column}
.grid2>.panel>.chart,.grid2e>.panel>.dnt,.grid2>.panel>.mlist{flex:1}
.grid2e>.panel>.dnt{justify-content:center;align-content:center}
/* تنبيهات الرئيسية: ويدجت صغير */
.alw .ph h2{display:flex;align-items:center;gap:8px}
.all{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;padding:12px 14px}
.ali{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;border:1px solid transparent;min-width:0}
.ali:hover{background:var(--bg-subtle);border-color:var(--border)}
.ali .tx{flex:1;min-width:0;font-size:13.5px;line-height:1.45}.ali .tx b{font-weight:600}.ali .tx small{display:block;color:var(--i2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ali .n{font-weight:700;font-variant-numeric:tabular-nums;min-width:26px;text-align:center;border-radius:99px;padding:1px 8px;background:var(--bg-subtle);font-size:13px}
.ali.r .n{background:var(--danger-bg);color:var(--danger-text)}.ali.a .n{background:var(--warning-bg);color:var(--warning-text)}
/* العائد في التقارير: بطاقات صغيرة */
.ytl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:14px 16px}
.yt{border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.yt span{font-size:12.5px;color:var(--i2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt b{font-size:22px;font-variant-numeric:tabular-nums;line-height:1.2}.yt small{font-size:11.5px;color:var(--i2)}
.yt.g b{color:var(--success-text)}.yt.a b{color:var(--warning-text)}.yt.r b{color:var(--danger-text)}
.hti{display:flex;align-items:center;gap:8px}
.bgc{display:inline-flex;flex-direction:column;align-items:center;line-height:1.25}.bgc b{font-weight:600}.bgc small{font-size:11.5px;color:var(--i2)}
.bgc.r b{color:var(--danger-text)}.bgc.a b{color:var(--warning-text)}
.bgt{display:flex;align-items:center;gap:8px}.bgt .mlb{flex:1;margin:0}.bgt .mlp{font-size:14px;margin:0}
.bgcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.bgcat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.bgcat span{font-size:13px;color:var(--i2);display:flex;align-items:center;gap:6px}.bgcat span i{width:10px;height:10px;border-radius:3px;display:inline-block}.bgcat b{font-size:17px;font-variant-numeric:tabular-nums}.bgcat b small{font-size:12px;color:var(--i2);font-weight:500}.bgcat .mlb{margin:4px 0 0}
.grid2e.ex{grid-template-columns:1fr 1.5fr}
.grid2e.ex .dnt{flex-direction:column;align-items:stretch}.grid2e.ex .dsv{align-self:center}
@media (max-width:900px){.grid2e.ex{grid-template-columns:1fr}}

.grid2e.stack{grid-template-columns:1fr}
.gbar i.r{background:var(--danger-text)!important}.gbar i.a{background:var(--data-gold)!important}
/* ===== 2.3.1: تحميل جميل — Skeleton بلمعة، أزرار بمؤشر دوّار، شريط تقدم للتنقل ===== */
.skel{display:flex;flex-direction:column;gap:16px;padding:4px 0;animation:skIn .25s ease .12s both}
@keyframes skIn{from{opacity:0}to{opacity:1}}
.skel .sb{display:block;height:13px;border-radius:7px;background:linear-gradient(100deg,#EEE6D6 30%,#FBF8F1 50%,#EEE6D6 70%);background-size:300% 100%;animation:shm 1.4s ease-in-out infinite}
@keyframes shm{0%{background-position:100% 0}100%{background-position:-100% 0}}
.skh{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.skh .sb:first-child{height:24px}
.skk{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.skc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.skc .sb:nth-child(2){height:22px}.skc.tall{min-height:150px}
.skg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.skp{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;position:relative}
.skp:not(:has(.skr))::after{content:"";position:absolute;inset:18px;border-radius:10px;background:linear-gradient(100deg,#F3EDE1 30%,#FCFAF5 50%,#F3EDE1 70%);background-size:300% 100%;animation:shm 1.4s ease-in-out infinite}
.skpr{padding:16px 18px;border-bottom:1px solid var(--border)}
.skr{display:flex;gap:28px;padding:15px 18px;border-bottom:1px solid var(--border);justify-content:space-between}.skr:last-child{border-bottom:0}
.sk2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.skel .skc:nth-child(2) .sb,.skel .skr:nth-child(odd) .sb{animation-delay:.12s}.skel .skc:nth-child(3) .sb{animation-delay:.24s}.skel .skc:nth-child(4) .sb{animation-delay:.36s}
@media (max-width:760px){.sk2{grid-template-columns:1fr}.skk{grid-template-columns:1fr 1fr}.skr .sb:nth-child(n+3){display:none}}
/* زر بحالة تحميل */
.btn.ld{position:relative;color:transparent!important;pointer-events:none;opacity:1!important}
.btn.ld svg{opacity:0}
.btn.ld::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2.2px solid currentColor;border-color:var(--brand-navy) transparent var(--brand-navy) transparent;animation:spin .7s linear infinite}
.btn.p.ld::after,.btn.wa.ld::after{border-color:#fff transparent #fff transparent}
.btn.p.ld{filter:saturate(.9) brightness(1.06)}
@keyframes spin{to{transform:rotate(360deg)}}
/* شريط التقدم أعلى الشاشة */
#topbar{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,var(--brand-gold),var(--brand-navy));border-radius:0 3px 3px 0;opacity:0;pointer-events:none;box-shadow:0 0 8px rgba(208,144,41,.45)}
#topbar.go{opacity:1;width:82%;transition:width 2.4s cubic-bezier(.1,.7,.2,1)}
#topbar.go.end{width:100%;opacity:0;transition:width .2s ease,opacity .35s ease .2s}
/* شاشة الفتح الأولى */
.boot{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--bg-page)}
.boot img{width:190px;max-width:60vw;animation:skIn .4s ease both}
.spn{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--brand-navy);border-color:var(--brand-navy) transparent var(--brand-gold) transparent;animation:spin .8s linear infinite}
@media (prefers-reduced-motion:reduce){.skel .sb,.skp::after{animation:none}#topbar.go{transition:none}}
/* 2.4: الإعفاء */
.c.waived{background:#ECE6F6;color:#5B3F8C}
.c.wv{box-shadow:inset 0 -3px 0 #A68BD3}
.mx{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;padding-top:12px;border-top:1px dashed var(--border)}
.mx .note{flex-basis:100%}
/* 2.4.2: زر الرجوع */
.top .tt h1{display:flex;align-items:center;gap:10px}
.ib.bk{width:38px;height:38px;border-radius:11px;background:var(--bg-card);border:1px solid var(--border);color:var(--brand-navy);flex:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ib.bk:hover{background:var(--brand-navy-soft)}
html[dir=ltr] .ib.bk svg{transform:scaleX(-1)}
.mob-top .ib.bk{width:36px;height:36px;margin-inline-start:2px}
@media (max-width:900px){.top .ib.bk{display:none}}
/* 2.5.1: ملخص السند قبل الحفظ */
.rsum{margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-subtle);display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.rsum .rwarn{flex-basis:100%;display:flex;gap:6px;align-items:flex-start;color:var(--warning-text);font-weight:500;margin-top:4px}