/* نسخةٌ طبقُ الأصل من admin.css — انظر رأسَ site.min.css للسبب. */
/* لوحةُ التشغيل */
/* ── لوحة التحكّم ── */
.dash{display:grid;grid-template-columns:184px 1fr;gap:clamp(18px,2.6vw,32px);align-items:start;margin-top:26px}
.rail{border-inline-start:1px solid var(--edge);padding-inline-start:16px}
.rail a{display:block;text-decoration:none;font-family:var(--ar);font-size:.9rem;color:var(--mute);padding:9px 0;border-bottom:1px solid var(--edge-2)}
.rail a[aria-current="true"]{color:var(--head);font-weight:500}
.rail .soonrow{display:block;color:#B3A79E;padding:9px 0;border-bottom:1px solid var(--edge-2);font-size:.9rem}
.rail .soonrow small{font-family:var(--lat);font-size:.6rem;letter-spacing:.14em;margin-inline-start:6px}
.rail .soon{font-family:var(--lat);font-size:.6rem;letter-spacing:.14em;color:#B3A79E;margin-inline-start:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.stat{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:14px 16px}
.stat .n{font-family:var(--lat);font-weight:400;font-size:1.7rem;color:var(--head);line-height:1;direction:ltr;text-align:start}
.stat .k{font-size:.78rem;color:var(--faint);margin-top:6px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
table{width:100%;border-collapse:collapse;font-size:.86rem}
th{text-align:start;font-family:var(--disp);font-weight:500;font-size:.76rem;color:var(--gold);
  padding:9px 10px;border-bottom:1px solid var(--edge);white-space:nowrap}
td{padding:11px 10px;border-bottom:1px solid var(--edge-2);vertical-align:top}
tbody tr{cursor:pointer}
tbody tr:hover{background:#FBF7EF}
.tag{display:inline-block;font-size:.72rem;padding:3px 9px;border-radius:12px;white-space:nowrap}
.t-new{background:#E7EDF3;color:#2E4C69}
.t-rev{background:#F4EBD8;color:#6B5119}
.t-acc{background:#E8EEE1;color:#354427}
.t-rej{background:#F7E9EC;color:#7C2438}
.path{font-size:.74rem;color:var(--faint)}
.mono{font-family:var(--lat);direction:ltr;font-size:.8rem;letter-spacing:.05em}
.empty{background:var(--surface);border:1px dashed var(--edge);border-radius:4px;
  padding:44px 20px;text-align:center;color:var(--faint);font-size:.9rem}


/* ═══ التقويم ═══ */
.calhead{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.calhead h3{flex:1;min-width:140px;font-size:1.1rem}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--edge);
  border:1px solid var(--edge);border-radius:4px;overflow:hidden}
.cal .wd{background:#F1EBDE;padding:8px 4px;text-align:center;font-size:.72rem;color:var(--faint)}
.cal .d{background:var(--surface);min-height:72px;padding:7px 8px;cursor:pointer;position:relative;text-decoration:none;color:inherit;display:block;
  transition:background .14s}
.cal .d:hover{background:#FBF7EF}
.cal .d.out{background:#F4EFE5;color:#B3A79E;cursor:default}
.cal .d.today{box-shadow:inset 0 0 0 2px var(--gold)}
.cal .d[aria-selected="true"]{background:#F0E8DA}
.cal .d .n{font-family:var(--lat);font-size:.8rem;color:var(--mute);direction:ltr;display:block;text-align:start}
.cal .d .pips{display:flex;gap:3px;flex-wrap:wrap;margin-top:6px}
.cal .d .pip{width:6px;height:6px;border-radius:50%;background:var(--head);display:block}
.cal .d .pip.rem{background:var(--breeze)}
.daylist{margin-top:18px}
.mrow{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:14px 16px;
  margin-bottom:9px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}
.mrow .tm{font-family:var(--lat);font-size:1rem;color:var(--head);direction:ltr;white-space:nowrap}
.mrow .ti{font-size:.95rem;color:var(--ink);display:block}
.mrow .sub{font-size:.8rem;color:var(--faint);display:block;margin-top:3px}
.mrow .lk{font-size:.8rem;display:inline-block;margin-top:6px}
.pill{display:inline-block;font-size:.7rem;padding:2px 9px;border-radius:11px;white-space:nowrap}
.p-rem{background:#E7EDF3;color:#2E4C69}
.p-site{background:#E8EEE1;color:#354427}

/* ═══ الهويّة ═══ */
.idgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,18px)}
.idcard{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:20px;
  text-decoration:none;display:block;transition:border-color .16s,transform .16s}
.idcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.idcard .t{font-family:var(--disp);font-weight:500;font-size:1rem;color:var(--head);display:block}
.idcard .e{font-family:var(--lat);font-size:.6rem;letter-spacing:.18em;color:var(--faint);
  direction:ltr;display:block;margin-top:5px}
.idcard .d{font-size:.83rem;color:var(--mute);margin:11px 0 0}

/* ═══ المالية ═══ */
.fintot{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.money{font-family:var(--lat);direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
[dir="ltr"] .money{text-align:left}

/* ═══ الفريق ═══ */
.perms{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.perm{font-size:.68rem;background:#F0E8DA;color:#6B5119;border-radius:10px;padding:2px 8px}

@media(max-width:820px){
  .idgrid,.fintot{grid-template-columns:1fr 1fr}
  .cal .d{min-height:54px;padding:5px}
  .mrow{grid-template-columns:1fr}
}
@media(max-width:560px){ .idgrid,.fintot{grid-template-columns:1fr} }

/* لوحةُ التفصيل */
.sheet{position:fixed;inset:0;z-index:80;display:none}
.sheet[data-open="1"]{display:block}
.sheet .scrim{position:absolute;inset:0;background:rgba(30,14,24,.44)}
.sheet .panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(560px,94vw);
  background:var(--ivory);border-inline-end:1px solid var(--edge);overflow-y:auto;padding:26px}
.kv{display:grid;grid-template-columns:132px 1fr;gap:9px 14px;font-size:.88rem;margin-top:14px}
.kv dt{color:var(--faint);font-size:.8rem}
.kv dd{margin:0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}

.note{background:#F4EEE2;border-inline-start:2px solid var(--gold);padding:12px 15px;
  border-radius:3px;font-size:.85rem;color:var(--mute);margin:16px 0}
.bad{background:#F7E9EC;border-inline-start:2px solid var(--danger);padding:12px 15px;
  border-radius:3px;font-size:.85rem;color:#6C2032;margin:16px 0}
.hidden{display:none!important}
section.view{padding-block:clamp(30px,5vw,54px)}

@media(max-width:560px){
  .bar .wrap{height:auto;padding-block:11px;flex-wrap:wrap;gap:11px}
  .barsp{width:100%;justify-content:space-between;margin-inline-start:0}
}
@media(max-width:820px){
  .pick,.grid2,.dash{grid-template-columns:1fr}
  .rail{border-inline-start:0;border-block-end:1px solid var(--edge);padding:0 0 12px}
  .rail button{display:inline-block;width:auto;margin-inline-end:18px;border-bottom:0}
  .stats{grid-template-columns:1fr 1fr}
  .kv{grid-template-columns:1fr}
  .kv dt{margin-top:8px}
  table{font-size:.8rem}
  th:nth-child(4),td:nth-child(4){display:none}
}

/* ═══ إضافاتُ نسخة PHP ═══ */
body.admin{background:var(--ivory)}
.adminwrap{padding-block:26px 60px}
.panel{min-width:0}
.panel h1{margin-bottom:6px}
.who{font-size:.86rem;color:var(--mute)}
.inline{display:inline}
.h2s{font-size:1.15rem;margin:8px 0 12px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.chip.on{background:var(--head);border-color:var(--head);color:var(--ivory)}
.chip.radio input,.chip.check input{margin:0;accent-color:var(--head)}
.chip.radio:has(input:checked),.chip.check:has(input:checked){background:var(--head);border-color:var(--head);color:var(--ivory)}
.tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--edge);border-radius:4px}
.tablewrap table{margin:0}
.tablewrap td,.tablewrap th{padding:10px 12px}
.detail{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:clamp(18px,3vw,28px)}
.dhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.mono.big{font-size:1.1rem;color:var(--head)}
.statusform{margin-top:20px;border-top:1px solid var(--edge-2);padding-top:16px}
.statusform textarea{min-height:90px}
.iform{background:var(--surface);border:1px solid var(--gold);border-radius:4px;padding:clamp(18px,2.6vw,26px);margin:0 0 16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.mrow.two{grid-template-columns:1fr auto}
.mact{display:grid;gap:6px;justify-items:end}
.acts.small{margin-top:10px;gap:14px}
.acts.small .lnk{font-size:.78rem}
input[type=date],input[type=time],input[type=number],input[type=url],input[type=email],input[type=password]{width:100%;background:var(--surface);border:1px solid var(--edge);border-radius:3px;padding:10px 13px;font-family:var(--ar);font-size:.92rem;color:var(--ink);line-height:1.7}
.docgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.doccard{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:18px}
.doccard .k{font-size:.72rem;color:var(--gold);letter-spacing:0}
.doccard h3{margin:4px 0 10px;font-size:1rem}
.mini{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.82rem;margin:0 0 12px}
.mini dt{color:var(--faint)} .mini dd{margin:0}
.mini dd.warn{color:var(--danger);font-weight:500}
.loginwrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.loginbox{width:min(420px,100%);background:var(--surface);border:1px solid var(--edge);border-radius:5px;padding:clamp(24px,4vw,36px)}
.loginbox h1{font-size:1.4rem;margin-bottom:14px}
.loginbox .f{margin-bottom:14px}
.loginbox .f label{display:block;font-size:.86rem;margin-bottom:6px}
.loginbox input{width:100%;background:#fff;border:1px solid var(--edge);border-radius:3px;padding:11px 13px;font-family:var(--ar);font-size:.95rem}
.ientry{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:clamp(18px,2.6vw,26px);margin-bottom:12px}
.ientry .top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ientry .meta{font-size:.76rem;color:var(--faint)}
.ientry .desc{font-size:.92rem;color:var(--mute);margin:8px 0 0}
.measure{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--edge-2)}
.mnum .k{font-size:.7rem;color:var(--faint);display:block} .mnum .v{font-family:var(--lat);font-size:1.5rem;color:var(--head);direction:ltr;display:block;line-height:1.15}
.mnum.after .v{color:var(--olive)} .marrow{color:var(--gold);font-size:1.2rem;align-self:flex-end;padding-bottom:5px} .munit{font-size:.82rem;color:var(--mute);align-self:flex-end;padding-bottom:6px}
@media(max-width:820px){.grid2,.grid3{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.rail{border-inline-start:0;border-block-end:1px solid var(--edge);padding:0 0 10px;display:flex;flex-wrap:wrap;gap:0 18px}.rail a,.rail .soonrow{border-bottom:0}}

/* ═══ النصوصُ والإعدادات ═══ */
.acts.sticky{position:sticky;top:70px;z-index:5;background:var(--ivory);padding:10px 0;border-bottom:1px solid var(--edge-2);margin-bottom:10px}
.tgroup{margin:0 0 14px;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:0 16px}
.tgroup summary{cursor:pointer;padding:12px 0;font-family:var(--disp);font-weight:500;color:var(--head)}
.trow{padding:12px 0;border-top:1px solid var(--edge-2)}
.trow.changed{background:#FBF6EA;margin:0 -16px;padding:12px 16px}
.trow.hidden{display:none}
.tkey{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.tkey code{font-family:var(--lat);font-size:.74rem;color:var(--gold);letter-spacing:.04em;direction:ltr}
.trow textarea{min-height:0;font-size:.88rem}
.trow .f{margin-bottom:0}
input[type=search]{width:100%;background:var(--surface);border:1px solid var(--edge);border-radius:3px;padding:10px 13px;font-family:var(--ar);font-size:.92rem}

/* ═══ المرحلة ١ — لوحةُ التشغيل الموسّعة ═══ */
.rail .rg{display:block;font-family:var(--disp);font-weight:600;font-size:.7rem;color:#B3A79E;margin:16px 0 4px;letter-spacing:0}
.rail .rg:first-child{margin-top:0}
.gsearch{flex:1;max-width:460px;margin-inline:10px}
.gsearch input{width:100%;background:#fff;border:1px solid var(--edge);border-radius:3px;padding:8px 12px;font-family:var(--ar);font-size:.84rem}
.bell{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--head);text-decoration:none;border:1px solid var(--edge);background:var(--surface)}
.bell svg{width:18px;height:18px}
.bell .cnt{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--danger);color:#fff;font-family:var(--lat);font-size:.62rem;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px;direction:ltr}
.who{text-decoration:none}
.stats.four{grid-template-columns:repeat(4,1fr)}
.stat{text-decoration:none;color:inherit;display:block}
a.stat:hover{border-color:var(--gold)}
.stat.warn{border-color:#E1B4BE;background:#FBF1F3}
.stat.warn .n{color:var(--danger)}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dcard{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:18px 20px;min-width:0}
.dcard.wide{grid-column:1/-1}
.dcard .h2s{margin-top:0}
.empty.sm{padding:22px 14px;font-size:.84rem}
.slabar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#EFE7DA;margin:6px 0 12px}
.slabar .seg{display:block;height:100%}
.s-ok{background:#E8EEE1;color:#354427}.s-near{background:#F4EBD8;color:#6B5119}.s-over{background:#F7E9EC;color:#7C2438}.s-met{background:#E7EDF3;color:#2E4C69}.s-missed{background:#EFE7DA;color:#6F645D}
.slabar .s-ok{background:#7FA56B}.slabar .s-near{background:#D9A94A}.slabar .s-over{background:#B2404F}
.legend3{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.8rem;color:var(--mute)}
.legend3 i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-inline-end:6px;vertical-align:-1px}
.legend3 .s-ok{background:#7FA56B}.legend3 .s-near{background:#D9A94A}.legend3 .s-over{background:#B2404F}.legend3 .s-met{background:#4E6E8E}.legend3 .s-missed{background:#8F8060}
.legend3 b{font-family:var(--lat);font-weight:500;margin-inline-start:4px}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.bars li{display:grid;grid-template-columns:140px 1fr 36px;gap:10px;align-items:center;font-size:.82rem}
.bars .bl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bars .bt{height:10px;background:#EFE7DA;border-radius:5px;overflow:hidden}
.bars .bt i{display:block;height:100%;background:var(--head);border-radius:5px}
.bars b{font-family:var(--lat);font-weight:500;text-align:end}
.chart{width:100%;height:auto;display:block}
.rlist{list-style:none;margin:0;padding:0}
.rlist li a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--edge-2);text-decoration:none;color:inherit;font-size:.86rem}
.rlist li:last-child a{border-bottom:0}
.rlist .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip small{font-family:var(--lat);font-size:.66rem;opacity:.75;margin-inline-start:2px}
.chip .dotc{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c,#6F645D)}
.chip.on .dotc{background:var(--ivory)}
.ffilters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:10px 12px;margin-bottom:14px}
.ffilters input[type=search]{flex:1 1 240px;width:auto;padding:8px 11px;font-size:.86rem}
.ffilters select,.ffilters input[type=date]{width:auto;padding:8px 10px;font-size:.82rem;font-family:var(--ar);background:#fff;border:1px solid var(--edge);border-radius:3px;color:var(--ink)}
.ffilters input[type=date]{direction:ltr;font-family:var(--lat)}
.bulkbar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:#F4EEE2;border:1px solid var(--edge);border-bottom:0;border-radius:4px 4px 0 0;padding:9px 12px;font-size:.82rem}
.bulkbar .bcount b{font-family:var(--lat);font-weight:500}
.bgrp{display:inline-flex;gap:6px;align-items:center}
.bulkbar select{padding:6px 9px;font-size:.8rem;font-family:var(--ar);background:#fff;border:1px solid var(--edge);border-radius:3px;max-width:180px}
.bulkbar + .tablewrap{border-radius:0 0 4px 4px}
.btn.danger,.lnk.danger{color:var(--danger)}
.btn.ghost.danger{border-color:#E1B4BE}
table.reqs td .t{display:block}
td .sub{display:block;font-size:.74rem;color:var(--faint);margin-top:2px}
.nowrap{white-space:nowrap}
tbody tr.static{cursor:default}
tbody tr.static:hover{background:transparent}
.sortl{color:inherit;text-decoration:none}
.sortl.on{color:var(--head)}
.p-low{background:#EFE7DA;color:#6F645D}.p-normal{background:#E7EDF3;color:#2E4C69}.p-high{background:#F4EBD8;color:#6B5119}.p-urgent{background:#F7E9EC;color:#7C2438}
.p-off{background:#EFE7DA;color:#6F645D}
.p-mid{background:#E7EDF3;color:#2E4C69}.p-ok{background:#E4EDDD;color:#3D5530}   /* p-mid كانت تُستعمل بلا تعريف (حالة «قيد المراجعة») */
.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px;font-size:.84rem;color:var(--mute)}
.pager a{color:var(--head);text-decoration:none;border-bottom:1px solid var(--edge)}
.dcols{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:start;margin-top:12px}
.dactions{display:grid;gap:12px}
.abox{background:#F7F2E8;border:1px solid var(--edge);border-radius:4px;padding:14px 16px;display:grid;gap:8px}
.abox h3{font-size:.92rem;margin:0 0 2px}
.abox select,.abox input[type=text],.abox textarea{width:100%;background:#fff;border:1px solid var(--edge);border-radius:3px;padding:9px 11px;font-family:var(--ar);font-size:.88rem}
.abox .lbl{font-size:.78rem;color:var(--mute)}
.abox .btn{justify-self:start}
.cform{margin-bottom:16px}
.cform textarea{width:100%;background:#fff;border:1px solid var(--edge);border-radius:3px;padding:10px 12px;font-family:var(--ar);font-size:.9rem}
.timeline{list-style:none;margin:0;padding:0 14px 0 0;border-inline-start:2px solid var(--edge)}
.timeline .tl{position:relative;padding:0 18px 16px}
.timeline .tl::before{content:"";position:absolute;inset-inline-start:-7px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--gold);border:2px solid var(--ivory)}
.timeline .tl.c-client::before{background:var(--olive)}
.timeline .tl.c-internal::before{background:var(--breeze)}
.timeline .tl.e-status::before{background:var(--head)}
.timeline .when{font-family:var(--lat);font-size:.72rem;color:var(--faint);direction:ltr;display:inline-block}
.timeline .whot{display:block;font-size:.82rem;color:var(--mute);margin-top:2px}
.timeline p{margin:6px 0 0;font-size:.9rem;max-width:none;background:var(--surface);border:1px solid var(--edge-2);border-radius:4px;padding:8px 12px}
.timeline .c-client p{background:#EEF3E7;border-color:#D7E3C8}
table.matrix th{writing-mode:horizontal-tb;font-size:.7rem}
table.matrix td.c{text-align:center}
table.matrix tr.grp td{background:#F4EEE2;font-weight:500;color:var(--head)}
table.matrix input{accent-color:var(--head);width:16px;height:16px}
.nlist{list-style:none;margin:0;padding:0}
.nlist li{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px 14px;align-items:baseline;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:11px 14px;margin-bottom:8px;font-size:.88rem}
.nlist li.unread{border-inline-start:3px solid var(--gold)}
.nlist .ntype{font-size:.68rem;color:#6B5119;background:#F4EBD8;border-radius:10px;padding:2px 8px;white-space:nowrap}
.nlist .nt{color:var(--head);text-decoration:none;font-weight:500}
.nlist .nb{grid-column:2;font-size:.82rem;color:var(--mute)}
.nlist .nw{font-family:var(--lat);font-size:.72rem;color:var(--faint);direction:ltr}
table.audit .diff details summary{cursor:pointer;font-size:.78rem;color:var(--head)}
table.audit pre{margin:6px 0 0;font-size:.72rem;background:#F4EEE2;padding:6px 8px;border-radius:3px;direction:ltr;text-align:left;white-space:pre-wrap;max-width:360px}
table.audit pre.new{background:#EEF3E7}
.logbox{background:#2A1520;color:#F7F3EA;font-size:.74rem;padding:12px 14px;border-radius:4px;direction:ltr;text-align:left;white-space:pre-wrap;overflow:auto;max-height:260px}
input[type=color]{width:60px;height:38px;padding:2px;border:1px solid var(--edge);border-radius:3px;background:#fff}
.vt{display:inline-block;max-width:70px;white-space:normal;line-height:1.3}
@media(max-width:1000px){.dgrid{grid-template-columns:1fr}.dcols{grid-template-columns:1fr}}
@media(max-width:820px){.gsearch{order:3;width:100%;max-width:none;margin:0}.bar .wrap{flex-wrap:wrap;height:auto;padding-block:10px}.stats.four{grid-template-columns:1fr 1fr}.bars li{grid-template-columns:100px 1fr 30px}.nlist li{grid-template-columns:1fr auto}.nlist .nb{grid-column:1/-1}}
@media(max-width:560px){.stats.four{grid-template-columns:1fr 1fr}.ffilters select{flex:1 1 45%}}

/* ═══ المرحلة ٢ — العملاء والمشاريع ═══ */
.st-lead{background:#E7EDF3;color:#2E4C69}.st-active{background:#E8EEE1;color:#354427}.st-former{background:#EFE7DA;color:#6F645D}
.ts-todo{background:#EFE7DA;color:#6F645D}.ts-doing{background:#F4EBD8;color:#6B5119}.ts-done{background:#E8EEE1;color:#354427}.ts-cancel{background:#F7E9EC;color:#7C2438}
.prog{display:inline-block;width:64px;height:8px;border-radius:4px;background:#EFE7DA;overflow:hidden;vertical-align:middle;margin-inline-end:6px}
.prog i{display:block;height:100%;background:var(--olive);border-radius:4px}
.prog.big{width:min(320px,100%);height:10px;margin:0}
.progrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 4px;font-size:.84rem}
.h3s{font-size:1rem;margin:14px 0 8px;color:var(--head)}
.reqsum{background:#F4EEE2;border:1px solid var(--edge);border-radius:4px;padding:10px 14px;font-size:.88rem;margin-bottom:12px}
.choices{display:grid;gap:8px}
.choice{display:block;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:10px 14px;font-size:.9rem;cursor:pointer}
.choice:has(input:checked){border-color:var(--head);background:#F7F2E8}
.choice input{accent-color:var(--head);margin-inline-end:6px}
.choice select{font-family:var(--ar);font-size:.86rem;padding:6px 9px;border:1px solid var(--edge);border-radius:3px;background:#fff}
.abox .inline select{width:100%;margin-bottom:6px}
.abox .btn.ghost{background:transparent}
.abox .chips{display:flex;flex-wrap:wrap;gap:6px}
table.tasks tr.done .t{color:var(--faint);text-decoration:line-through}
table.tasks td .sub{white-space:normal}
.faint.sm{font-size:.78rem}
.timeline .tl.k-note::before{background:var(--gold)}
.timeline .tl.k-request::before{background:var(--breeze)}
.timeline .tl.k-project::before,.timeline .tl.k-project_closed::before{background:var(--head)}
.timeline .tl.k-contact::before{background:var(--olive)}
.timeline .tl.c-restricted::before{background:var(--danger)}
.timeline .c-restricted p{background:#FBF1F3;border-color:#E1B4BE}
.timeline .whot a{color:var(--head)}
@media(max-width:820px){.prog.big{width:100%}}
table.reqs td.mono,table.tasks td.mono{white-space:nowrap}
table.reqs td .t{min-width:140px}

/* ═══ المرحلة ٣ — المرفقات والمستندات والأرشيف ═══ */
.cf-normal{background:#EFE7DA;color:#6F645D}.cf-internal{background:#E7EDF3;color:#2E4C69}.cf-secret{background:#F4EBD8;color:#6B5119}.cf-top{background:#F7E9EC;color:#7C2438}
.ds-draft{background:#EFE7DA;color:#6F645D}.ds-active{background:#E8EEE1;color:#354427}.ds-expired{background:#F7E9EC;color:#7C2438}.ds-archived{background:#E7EDF3;color:#2E4C69}.ds-cancelled{background:#EFE7DA;color:#6F645D}
.cs-new{background:#E7EDF3;color:#2E4C69}.cs-draft{background:#EFE7DA;color:#6F645D}.cs-assigned{background:#E7EDF3;color:#2E4C69}.cs-review{background:#F4EBD8;color:#6B5119}.cs-wait{background:#F4EBD8;color:#6B5119}.cs-sent{background:#E7EDF3;color:#2E4C69}.cs-replied{background:#E8EEE1;color:#354427}.cs-done{background:#E8EEE1;color:#354427}.cs-archived{background:#EFE7DA;color:#6F645D}
.filebox{background:#F7F2E8;border:1px solid var(--edge);border-radius:4px;padding:12px 14px;margin:6px 0 14px}
.fbhead{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:10px;font-size:.86rem}
.fbhead .t{font-weight:500;color:var(--head)}
.fbhead .acts{margin:0;margin-inline-start:auto}
.pdfview{width:100%;height:min(70vh,720px);border:1px solid var(--edge);border-radius:4px;background:#fff}
.imgview{max-width:100%;max-height:70vh;display:block;border:1px solid var(--edge);border-radius:4px;background:#fff}
.qrbox{background:#fff;border:1px solid var(--edge);border-radius:4px;padding:8px;display:inline-block}
.qrbox svg{width:132px;height:132px;display:block}
.attlist li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--edge-2)}
.attlist li a{border-bottom:0}
.attlist .acts{margin:0;gap:10px}
tbody tr.cur{background:#FBF7EF}
input[type=file]{font-family:var(--ar);font-size:.84rem;background:#fff;border:1px solid var(--edge);border-radius:3px;padding:7px 10px;width:100%}
.abox input[type=file]{width:100%}
.timeline .tl.e-verified::before{background:var(--olive)}
.timeline .tl.e-token::before{background:var(--gold)}
.trackcard.vok{border-color:#B9CBA6}

/* ═══ المرحلة ٤ — التقارير والاعتماد ═══ */
.ap-draft{background:#EFE7DA;color:#6F645D}.ap-review{background:#F4EBD8;color:#6B5119}.ap-approved{background:#E8EEE1;color:#354427}.ap-rejected{background:#F7E9EC;color:#7C2438}
.dcard.attn{border-color:#D9A94A;background:#FBF6EA}
table.bftable td,table.bfview td{vertical-align:middle}
table.bftable input,table.bftable select{width:100%;background:#fff;border:1px solid var(--edge);border-radius:3px;padding:7px 9px;font-family:var(--ar);font-size:.86rem}
table.bfview td:first-child{color:var(--mute);font-size:.84rem;width:180px}
.rpt .kv{grid-template-columns:150px 1fr}
.abox form + form{margin-top:6px}
input[type=month]{width:auto;padding:8px 10px;font-size:.82rem;font-family:var(--lat);direction:ltr;background:#fff;border:1px solid var(--edge);border-radius:3px}
@media print{
  .bar,.rail,.ffilters,.filters,.acts,.bulkbar,.cform,.abox form,.dactions form,.pager,.lnk.danger,button{display:none!important}
  .dash{display:block}.panel{width:100%}.adminwrap{padding:0}body.admin{background:#fff}
  .detail,.dcard,.stat,.tablewrap{border-color:#ccc;box-shadow:none;break-inside:avoid}
  .stats.four{grid-template-columns:repeat(4,1fr)}.dgrid{grid-template-columns:1fr 1fr}
  a{color:inherit;text-decoration:none}
  @page{size:A4;margin:14mm}
}

/* ── إقرارُ مشاهد الموقَّع إلكترونيّاً (صفحة الطلب) ── */
.consentbox{background:#F4EEE2;border-inline-start:2px solid var(--gold);border-radius:3px;padding:10px 12px;font-size:.86rem;white-space:normal}
.consentbox b{color:var(--head)}
.consentitems{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px;color:var(--mute)}

/* وسمُ <b> الافتراضيُّ ثقلُه 700، وIBM Plex Sans Arabic لا يملك وجه 700 فيزيّفه المتصفّح.
   600 وجهٌ حقيقيٌّ محمَّلٌ أصلاً (قرار المالك 25 سبتمبر 2026). */
b, strong{font-weight:600}

/* أقسامٌ قابلة للطيّ في نموذج المنتج الرقمي */
.adm-more{margin-top:14px;border:1px solid var(--edge,#e4dccf);border-radius:12px;padding:10px 14px}
.adm-more>summary{cursor:pointer;list-style:none;margin:0;padding:4px 0}
.adm-more>summary::-webkit-details-marker{display:none}
.adm-more>summary::before{content:"▸";display:inline-block;margin-inline-end:8px;transition:transform .15s}
.adm-more[open]>summary::before{transform:rotate(90deg)}
[dir="rtl"] .adm-more>summary::before{content:"◂"}
[dir="rtl"] .adm-more[open]>summary::before{transform:rotate(-90deg)}
.adm-stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.adm-stat>div{border:1px solid var(--edge,#e4dccf);border-radius:10px;padding:10px 12px}
.adm-stat span{display:block;font-size:.78rem;opacity:.75}
.adm-stat b{font-size:1.15rem}
.bar1{height:6px;border-radius:4px;background:rgba(127,127,127,.18);overflow:hidden;min-width:80px}
.bar1>i{display:block;height:100%;background:var(--gold,#7A5F22)}

/* ═══ 1 أكتوبر 2026 — بوّاباتُ اللوحة والدخولُ بخطوتين ═══ */

/* بوّاباتٌ منسدلة بدل الأقسام المفتوحة: أيقونةٌ واسمٌ وعدد، والبوّابةُ الحاليّة مفتوحة */
.rail.gates{border-inline-start:0;padding-inline-start:0;display:flex;flex-direction:column;gap:4px}
.gates .gsolo,.gates summary{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-family:var(--ar);font-size:.9rem;font-weight:500;cursor:pointer;border:0;list-style:none;user-select:none}
.gates summary::-webkit-details-marker{display:none}
.gates .gsolo:hover,.gates summary:hover{background:var(--edge-2)}
.gates .gsolo[aria-current="true"]{background:var(--edge-2);color:var(--head)}
.gates .gi{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--surface);border:1px solid var(--edge);color:var(--head)}
.gates .gi svg{width:17px;height:17px}
.gates .gl{flex:1}
.gates .gc{font-family:var(--lat);font-size:.7rem;color:var(--faint);min-width:20px;text-align:center}
.gates summary::after{content:"";width:7px;height:7px;border-inline-end:1.5px solid var(--faint);border-block-end:1.5px solid var(--faint);transform:rotate(45deg);margin-inline-start:2px;transition:transform .18s}
.gates details[open] > summary::after{transform:rotate(-135deg)}
.gates details[open] > summary{color:var(--head)}
.gates details[open] > summary .gi{background:var(--head);border-color:var(--head);color:#F3E6EC}
.gates .gitems{display:flex;flex-direction:column;padding:2px 0 8px;margin-inline-start:24px;border-inline-start:1px solid var(--edge)}
.gates .gitems a{display:block;padding:7px 16px;border-bottom:0;font-size:.86rem;color:var(--mute);text-decoration:none}
.gates .gitems a:hover{color:var(--head)}
.gates .gitems a[aria-current="true"]{color:var(--head);font-weight:600;border-inline-start:2px solid var(--head);margin-inline-start:-1px;padding-inline-start:15px}
.gates summary:focus-visible,.gates a:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
@media(max-width:820px){
  .rail.gates{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;padding:0 0 10px}
  .gates .gitems{flex-direction:row;flex-wrap:wrap;gap:0 4px;margin-inline-start:12px;border-inline-start:0}
  .gates .gitems a{padding:6px 10px}
}
/* رأسُ الصفحة في اللوحة: اسمُ البوّابة فوق العنوان بالعربية، والعنوانُ العامّ يختفي حين تكتب الصفحةُ عنوانَها بنفسها */
.dash{grid-template-columns:232px 1fr}
.gates .gl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.panel .pkick{font-family:var(--disp);font-weight:500;font-size:.84rem;color:var(--gold);margin:0 0 4px}
.panel:has(div h1) > h1.ptitle{display:none}
@media(max-width:820px){.dash{grid-template-columns:1fr}}
@media print{.rail.gates{display:none!important}}

/* الدخولُ والخطوةُ الثانية */
.lkick{font-family:var(--disp);font-weight:500;font-size:.88rem;color:var(--gold);margin:10px 0 2px}
.tfabox{width:min(460px,100%)}
.tfabox .mute{font-size:.92rem}
.tfasteps{margin:10px 0 6px;padding-inline-start:20px;font-size:.9rem;color:var(--ink)}
.tfasteps li{margin-bottom:4px}
.tfaqr{display:grid;place-items:center;margin:10px auto 6px;padding:10px;background:#fff;border:1px solid var(--edge);border-radius:10px;width:fit-content}
.tfaqr svg{width:200px;height:200px;display:block}
.tfakey{font-family:var(--lat);font-weight:500;letter-spacing:.1em;font-size:.98rem;text-align:center;background:var(--edge-2);border-radius:8px;padding:10px;margin:4px 0 12px;word-break:normal;overflow-wrap:normal;word-spacing:.35em;line-height:1.9}
.loginbox input.otp{font-family:var(--lat);font-size:1.5rem;letter-spacing:.32em;text-align:center;padding:12px}
.tfacodes{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:12px 0}
.tfacodes li{font-family:var(--lat);font-weight:500;letter-spacing:.08em;text-align:center;padding:8px;border:1px dashed var(--edge);border-radius:6px;background:#fff}
.tfaok{display:flex;gap:8px;align-items:center;font-size:.9rem;margin:10px 0 14px}
.tfaok input{width:auto}
.tfahelp{margin-top:14px}
.tfahelp summary{cursor:pointer;font-size:.88rem;color:var(--head)}

/* صفحةُ الأمان والدخول */
.secgrid{display:grid;gap:16px}
.seccard{background:var(--surface);border:1px solid var(--edge);border-radius:8px;padding:clamp(16px,2.4vw,24px)}
.seccard h2{font-size:1.05rem;margin:0 0 6px}
.securl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.securl code{font-family:var(--lat);font-size:.95rem;background:var(--edge-2);padding:8px 12px;border-radius:6px;direction:ltr;word-break:break-all}
.secstate{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px}
.secstate.on{background:#E3EBDC;color:#3E5A2E}.secstate.off{background:#F4EAD0;color:#7A5F22}
.sectable{width:100%;border-collapse:collapse;font-size:.88rem}
.sectable th,.sectable td{text-align:start;padding:8px 6px;border-bottom:1px solid var(--edge-2)}
.secrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.secrow input[type=number],.secrow input[data-num]{width:90px}
/* سوقُ الوصفات في اللوحة (1 أكتوبر 2026) */
.kcard{background:var(--surface);border:1px solid var(--edge);border-radius:10px;padding:16px 18px}
.kchefs td:first-child{min-width:170px}
.kchefs td:first-child a[dir=ltr]{white-space:nowrap}
.kchefs select{min-width:118px;width:auto}
.kchefs td:last-child form{flex-wrap:wrap}
.kchefs th{white-space:nowrap}
.kinline{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid var(--edge-2)}
.kinline .f{margin:0}
.kinline select{min-width:140px}
.kcard h3{font-family:var(--disp);font-size:1.05rem;color:var(--head)}
.kmoney{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin:12px 0 18px}
.kchecks{display:grid;gap:8px;margin:4px 0 10px}
.kmoney div{background:var(--surface);border:1px solid var(--edge);border-radius:10px;padding:12px 14px}
.kmoney span{display:block;font-size:.78rem;color:var(--faint)}
.kmoney b{font-family:var(--lat);font-size:1.25rem;color:var(--head);font-variant-numeric:tabular-nums}
.kchoice{display:grid;gap:8px;margin:6px 0 12px}
.kchoice label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--edge);border-radius:8px;background:var(--surface);cursor:pointer}
.kchoice input{margin-top:6px}
.kchoice small{display:block;color:var(--faint)}

/* جدولُ طلبات المنتجات الرقمية — عشرةُ أعمدةٍ لا تسع الشاشة، فكان عمودُ الإجراء
   خلف الحافّة ولا يراه المالكُ إلا بتمريرٍ أفقيٍّ لا يخطر له. (14 أكتوبر 2026)
   الحلُّ تضييقُ ما يحتمل التضييق لا إخفاءُ عمود: اسمُ المنتج سطران بعرضٍ محدود،
   ومعرّفُ الدفعة ثمانيةُ أحرفٍ وكاملُه في title، والتاريخُ لا يلتفّ. */
table.crs-ord{table-layout:auto;font-size:.88rem}
table.crs-ord td,table.crs-ord th{padding:8px 9px;vertical-align:top}
table.crs-ord .c-prod{max-width:190px}
table.crs-ord .c-prod .faint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
table.crs-ord .c-pay{max-width:92px;white-space:nowrap}
table.crs-ord .c-act{white-space:nowrap;text-align:start}
table.crs-ord .c-act form{display:inline-block;margin:0 0 4px}
table.crs-ord .c-act form + form{margin-inline-start:10px}
@media (max-width:1100px){
  table.crs-ord .c-pay,table.crs-ord thead th:nth-child(8){display:none}  /* الدفعة تُخفى أولاً — رقمُ الفاتورة يكفي للتتبّع */
}

/* ضيقٌ ثانٍ: عمودُ «الحالة» كان يُقطَع لأن الجدولَ أعرضُ من الشاشة. الموفّرُ الأكبر
   كان بريدَ المشتري بلا حدٍّ، ثم السنةُ المتكرّرةُ في كل تاريخ. والشاراتُ لا تُقطَع أبداً
   — حالةٌ نصفُها مقروءةٌ أسوأُ من عمودٍ مخفيّ. (14 أكتوبر 2026) */
table.crs-ord .c-who{max-width:150px}
table.crs-ord .c-who .mono{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84em}
table.crs-ord .c-date{white-space:nowrap;font-size:.92em}
table.crs-ord .c-num{white-space:nowrap;font-size:.92em}
table.crs-ord .c-prod{max-width:160px}
table.crs-ord .pill{white-space:nowrap}
@media (max-width:1280px){
  table.crs-ord .c-num{max-width:96px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top}
}

table.crs-ord .c-state{white-space:nowrap;line-height:2}
table.crs-ord .c-state .pill{display:inline-block}
/* الدفعةُ آخرُ ما يُحتاج على الشاشة — رقمُ الفاتورة يكفي للتتبّع، وكاملُها في title */
@media (max-width:1400px){
  table.crs-ord .c-pay,table.crs-ord thead th:nth-child(7){display:none}
}

/* نموذجُ المؤثّر: حقولٌ في شبكةٍ تتّسع، والتلميحُ تحت كلِّ حقلٍ لا في صفحةِ شرح. */
.inf-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;
  padding:16px;border:1px solid var(--line,#E4DACB);border-radius:12px;background:var(--surface);margin-top:10px}
.inf-form .f label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.88rem}
.inf-form input,.inf-form select{padding:8px 10px;border:1px solid var(--line,#E4DACB);border-radius:8px;font:inherit;background:#fff}
.inf-form .hint{font-weight:400;font-size:.76rem;opacity:.72;line-height:1.6}
.inf-form .acts{grid-column:1/-1}
table.crs-ord details summary{cursor:pointer}
table.crs-ord details .inf-form{grid-template-columns:1fr;min-width:260px}

/* عنوانُ مجموعةِ بوّابات في الشريط — «المشاريع» فوق خطوط العمل (19 أكتوبر 2026) */
.rail.gates .ghead{margin:14px 0 4px;padding:0 10px;font-family:var(--disp);font-weight:600;
  font-size:.74rem;letter-spacing:.06em;color:var(--gold);text-transform:none}
.rail.gates .ghead:first-child{margin-top:0}

/* أيقونات بنود العقد — تُعلَّم فتضيء (19 أكتوبر 2026) */
.ticons{display:flex;flex-wrap:wrap;gap:10px}
.ticon{display:flex;flex-direction:column;align-items:center;gap:6px;width:112px;padding:12px 8px;
  border:1px solid var(--edge);border-radius:12px;cursor:pointer;text-align:center;
  background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.ticon svg{width:26px;height:26px;color:var(--ink,#4B1F3A);opacity:.55}
.ticon span{font-size:.8rem;line-height:1.4}
.ticon input{position:absolute;opacity:0;width:0;height:0}
.ticon:hover{border-color:var(--gold,#8A6B2F)}
.ticon.on{border-color:var(--ink,#4B1F3A);background:#F6EFF3;box-shadow:inset 0 0 0 1px var(--ink,#4B1F3A)}
.ticon.on svg{opacity:1}
@media print{.no-print,.rail,.gates,header,.gsearch{display:none!important}.paper{border:0!important;padding:0!important}}

/* ── بريدُ الشركة في الشريط — قائمةُ فتحٍ لا صندوقُ وارد (19 أكتوبر 2026) ── */
.mailmenu{position:relative}
.mailmenu>summary{list-style:none;cursor:pointer}
.mailmenu>summary::-webkit-details-marker{display:none}
.mailmenu[open]>summary{border-color:var(--gold);color:var(--gold)}
.mailpop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;min-width:264px;
  background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:8px;
  box-shadow:0 10px 34px rgba(0,0,0,.14)}
.mailpop .mh{margin:2px 8px 8px;font-weight:600;font-size:.86rem;color:var(--head)}
.mailpop a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:8px 10px;border-radius:9px;text-decoration:none;color:inherit}
.mailpop a:hover,.mailpop a:focus-visible{background:var(--gold-wash)}
.mailpop .ma{font-family:var(--lat);font-size:.84rem;direction:ltr}
.mailpop .ml{font-size:.76rem;color:var(--mute);white-space:nowrap}
.mailpop .mf{margin:8px 8px 2px;font-size:.73rem;color:var(--mute);line-height:1.6;
  border-top:1px solid var(--edge);padding-top:8px}
@media print{.mailmenu{display:none!important}}

/* نموذجٌ داخل خليّةِ جدول: يلتفّ ولا يدفع الجدولَ خارج الإطار (20 أكتوبر 2026) */
.payform{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:180px}
.payform input[type=text]{width:112px;min-width:0}
.payform .btn{white-space:nowrap}
@media (max-width:900px){.payform input[type=text]{width:100%}}