:root{--bg:#f1f5f9;--card:#fff;--tx:#0f172a;--mu:#64748b;--bd:#e2e8f0;--pr:#0f766e;--pr2:#115e59;--ac:#5eead4;--ok:#15803d;--wr:#b45309;--er:#b91c1c;--in:#6d28d9;--sb:#0b1f33;--wabg:#efeae2;--win:#fff;--wout:#d9fdd3}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1520;--card:#132231;--tx:#e6edf4;--mu:#8fa3b8;--bd:#22364a;--pr:#14b8a6;--pr2:#0d9488;--ac:#115e59;--sb:#07111b;--wabg:#0b141a;--win:#1f2c34;--wout:#005c4b}}
:root[data-theme=dark]{--bg:#0b1520;--card:#132231;--tx:#e6edf4;--mu:#8fa3b8;--bd:#22364a;--pr:#14b8a6;--pr2:#0d9488;--ac:#115e59;--sb:#07111b;--wabg:#0b141a;--win:#1f2c34;--wout:#005c4b}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,Tahoma,sans-serif;background:var(--bg);color:var(--tx);font-size:14px}
.app{display:flex;min-height:100vh}
aside{width:240px;background:var(--sb);color:#cbd5e1;padding:14px 10px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}
.lg{text-align:center;padding:6px 6px 14px;border-bottom:1px solid #ffffff1f;margin-bottom:8px}.lg img{max-width:90px;max-height:64px;border-radius:8px;background:#fff;padding:4px}.lg .e{font-size:34px}.lg b{display:block;margin-top:6px;color:#fff;font-size:14px;line-height:1.5}.lg small{color:#5eead4}
#nv{flex:1}aside button.n{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:right;background:none;border:0;color:inherit;padding:9px 12px;border-radius:9px;font:inherit;cursor:pointer;margin:2px 0}
aside button.n:hover{background:#ffffff14}aside button.n.on{background:var(--pr);color:#fff}.bd{background:#ef4444;color:#fff;border-radius:99px;padding:0 7px;font-size:11px;min-width:20px;text-align:center}
.live{margin:8px 4px;padding:6px 10px;border-radius:8px;background:#16a34a33;color:#86efac;font-size:12px}.live:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-left:6px;animation:pl 1s infinite}@keyframes pl{50%{opacity:.2}}
.u{padding:10px 6px;border-top:1px solid #ffffff1f;font-size:12px;line-height:1.7}.u button{background:none;border:0;color:#93c5fd;cursor:pointer;font:inherit;padding:2px 0;display:block}
.crd{font-size:11px;color:#7f93a8;text-align:center;padding-top:8px;border-top:1px solid #ffffff14;margin-top:6px;line-height:1.6}
main{flex:1;padding:20px;min-width:0}h2{margin:0 0 14px;font-size:21px}.hd{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px;margin-bottom:14px}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
.k{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center}.k .i{font-size:22px;width:44px;height:44px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.k small{color:var(--mu);display:block}.k b{font-size:21px;display:block;line-height:1.3}.k em{font-style:normal;font-size:11px;color:var(--mu)}
.tb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
button.b,label.b,a.b{background:var(--pr);color:#fff;border:0;border-radius:9px;padding:8px 14px;font:inherit;cursor:pointer;display:inline-block;text-decoration:none;white-space:nowrap}
.b:hover{filter:brightness(.92)}.b.s{background:transparent;color:var(--tx);border:1px solid var(--bd)}.b.sm{padding:3px 10px;font-size:12px}.b.r{background:var(--er)}.b.o{background:var(--ok)}.b.wab{background:#25d366}.b:disabled{opacity:.4;cursor:default}
input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--bd);border-radius:9px;background:var(--card);color:var(--tx);max-width:100%}textarea{width:100%;direction:rtl}
.w{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:8px 10px;border-bottom:1px solid var(--bd);text-align:right;vertical-align:middle}th{color:var(--mu);font-weight:600;font-size:12px;background:var(--bg)}tr:hover td{background:#94a3b80d}
.c{padding:2px 9px;border-radius:99px;font-size:12px;white-space:nowrap;display:inline-block}.c.ok{background:#16a34a22;color:var(--ok)}.c.part{background:#f59e0b26;color:var(--wr)}.c.rej{background:#dc262622;color:var(--er)}.c.pend{background:#0284c722;color:#0369a1}.c.info{background:#7c3aed22;color:var(--in)}.c.clm{background:#0891b222;color:#0e7490}.c.set{background:#64748b22;color:var(--mu)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .c.pend{color:#7dd3fc}:root:not([data-theme=light]) .c.ok{color:#4ade80}:root:not([data-theme=light]) .c.rej{color:#f87171}:root:not([data-theme=light]) .c.part{color:#fbbf24}}
.rk{display:inline-block;width:54px;height:6px;background:var(--bd);border-radius:9px;vertical-align:middle;margin-left:5px}.rk i{display:block;height:100%;border-radius:9px}
.pg{height:7px;background:var(--bd);border-radius:9px}.pg i{display:block;height:100%;background:var(--pr);border-radius:9px}
.hb{margin:8px 0}.hb div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:3px}
.cols{display:flex;align-items:flex-end;gap:6px;height:150px;margin-top:10px}.cols>div{flex:1;text-align:center;font-size:10px;color:var(--mu);display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.cols i{display:block;background:var(--ac);border-radius:5px 5px 0 0;position:relative;margin:2px 0}.cols em{position:absolute;bottom:0;left:0;right:0;background:var(--pr);border-radius:5px 5px 0 0}
.fd{display:flex;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--bd);cursor:pointer}.fd:hover{background:var(--bg)}.fd>div{flex:1;min-width:0}.fd small{display:block;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sla{font-weight:700;color:var(--ok)}.sla.late{color:var(--er)}
.mb{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:9;padding:20px 12px;overflow:auto}.md{background:var(--card);border-radius:16px;padding:18px;width:560px;max-width:100%}.md.wd{width:1040px}
.md h3{margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.x{background:none;border:0;color:var(--tx);cursor:pointer;font-size:18px}
.f{display:grid;gap:10px}.f label,.f3 label{display:grid;gap:3px;font-size:12px;color:var(--mu)}.f3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.ft{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mu{color:var(--mu)}.hint{background:var(--bg);border:1px dashed var(--bd);padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:12px;line-height:1.9}
.warn{background:#f59e0b1c;color:var(--wr);border-radius:8px;padding:6px 10px;margin-top:6px;font-size:13px}
.rvh{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px}.box{background:var(--bg);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.box small{color:var(--mu)}.box .c{align-self:flex-start}
.sm4{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:12px 0}.sm4>div{background:var(--bg);border-radius:10px;padding:8px 12px}.sm4 small{color:var(--mu);display:block}.sm4 b{font-size:18px}
.dc{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:12px;margin:12px 0;background:#16a34a14;border:1px solid #16a34a44}.dc.rejected{background:#dc262612;border-color:#dc262644}.dc.info{background:#7c3aed12;border-color:#7c3aed44}
.code{font-size:26px;font-weight:800;letter-spacing:2px;direction:ltr;color:var(--ok);font-family:monospace}
pre.rp,pre.raw{white-space:pre-wrap;background:var(--bg);border-radius:10px;padding:10px;font:inherit;font-size:13px;line-height:1.8;margin:6px 0}
details{margin:8px 0}summary{cursor:pointer;font-weight:600}
.tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--bd);flex-wrap:wrap}.tabs button{background:none;border:0;padding:9px 14px;font:inherit;color:var(--mu);cursor:pointer;border-bottom:3px solid transparent}.tabs button.on{color:var(--pr);border-color:var(--pr);font-weight:700}
.ins{padding:9px 12px;border-radius:10px;background:var(--bg);margin:6px 0;line-height:1.8;border-right:4px solid var(--wr)}.ins.hi{border-color:var(--er)}
/* WhatsApp */
.wa{display:grid;grid-template-columns:310px 1fr;height:calc(100vh - 250px);min-height:520px;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--card)}
.wl{border-left:1px solid var(--bd);overflow:auto}.wi{display:flex;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--bd);align-items:center}.wi:hover,.wi.on{background:var(--bg)}.wi>div:not(.av){flex:1;min-width:0}.wi small{display:block;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.av{width:40px;height:40px;border-radius:50%;background:var(--pr);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}
.wc{display:flex;flex-direction:column;min-width:0;min-height:0}.wh{padding:10px 14px;border-bottom:1px solid var(--bd);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wm{flex:1;overflow:auto;background:var(--wabg);padding:14px;display:flex;flex-direction:column;gap:8px;min-height:0}
.bb{max-width:80%;padding:8px 11px;border-radius:10px;box-shadow:0 1px 1px #0002;white-space:pre-wrap;line-height:1.75;font-size:13px;color:var(--tx)}.bb.in{align-self:flex-start;background:var(--win);border-top-right-radius:2px}.bb.out{align-self:flex-end;background:var(--wout);border-top-left-radius:2px}
.bm{font-size:11px;color:var(--mu);text-align:left;margin-top:2px;white-space:normal}.pc{margin-top:6px;padding:8px;border-radius:8px;background:var(--bg);border:1px dashed var(--bd);white-space:normal;font-size:12px;line-height:1.9}
.wcmp{display:flex;gap:8px;padding:8px;border-top:1px solid var(--bd);align-items:flex-end}.wcmp textarea{flex:1;min-height:56px;max-height:170px}.wcmp>div{display:flex;flex-direction:column;gap:6px}
.toast{position:fixed;bottom:16px;left:16px;z-index:30;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast div{background:var(--sb);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 6px 20px #0004;font-size:13px;animation:ti .3s}@keyframes ti{from{transform:translateY(20px);opacity:0}}
.bbimg{margin:-3px -6px 6px;border-radius:8px;overflow:hidden;max-width:250px;cursor:zoom-in;background:#cfc8b8}.bbimg svg,.bbimg img{width:100%;height:auto;display:block}
.rvi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.imgbox{background:var(--bg);border-radius:12px;padding:10px;text-align:center;cursor:zoom-in}.imgbox svg,.imgbox img{max-width:100%;max-height:560px;width:auto;height:auto}
.trx{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}.tplc{white-space:pre-wrap;background:var(--wout);border-radius:10px;padding:12px;line-height:1.9;font-size:13px;font-family:inherit;margin:6px 0}.att{font-size:12px;color:var(--mu)}
#zm .zb{position:fixed;inset:0;background:#000d;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}#zm img{max-width:95vw;max-height:92vh}#zm svg{width:min(95vw,640px);height:auto;max-height:92vh}
@media(max-width:820px){.rvi{grid-template-columns:1fr}}
/* card */
.icard{width:340px;max-width:100%;border-radius:16px;padding:16px;color:#fff;background:linear-gradient(135deg,#0b2a3f,#0f766e);margin:auto;line-height:1.8;box-shadow:0 10px 30px #0003}.icard b{font-size:17px}.icard .no{font-family:monospace;font-size:20px;letter-spacing:2px;direction:ltr;text-align:right}
/* login */
.lgn{position:fixed;inset:0;background:linear-gradient(135deg,#0b1f33,#0f766e 70%,#14b8a6);display:flex;align-items:center;justify-content:center;z-index:20;padding:16px;overflow:auto}
.lgw{display:grid;grid-template-columns:1.1fr 1fr;width:860px;max-width:100%;background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0006}
.lgi{background:linear-gradient(160deg,#0b2a3f,#0f766e);color:#fff;padding:32px;display:flex;flex-direction:column;gap:10px}.lgi h1{margin:0;font-size:26px}.lgi p{margin:0;color:#a7f3d0}.lgi ul{list-style:none;padding:0;margin:10px 0 0;line-height:2.3;font-size:14px}.lgic{font-size:48px}.lgic img{max-height:70px;border-radius:10px;background:#fff;padding:4px}
.lgc{padding:32px;display:flex;flex-direction:column;gap:12px;justify-content:center}.lgc h2{margin:0 0 6px}.lgc .err{color:var(--er);min-height:20px;font-size:13px}.lgc .b{padding:11px}
.cr{margin-top:14px;text-align:center;padding:12px;border-radius:12px;background:var(--bg);line-height:1.9;font-size:13px;color:var(--mu)}.cr b{color:var(--pr);font-size:16px}
.sg{display:flex;gap:16px;margin-top:22px;text-align:center;font-size:12px}.sg>div{flex:1}.sg .ln{border-top:1px solid var(--mu);margin-top:28px;padding-top:2px;color:var(--mu)}.ph{display:none;text-align:center;margin-bottom:10px}
@media(max-width:820px){.app{flex-direction:column}aside{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;padding:8px;align-items:center}.lg,.crd{display:none}#nv{display:flex;flex:none}aside button.n{white-space:nowrap;width:auto;gap:6px}.u{border:0;white-space:nowrap}.wa{grid-template-columns:1fr;height:auto}.wl{max-height:210px}.wm{min-height:380px}.lgw{grid-template-columns:1fr}.lgi ul{display:none}main{padding:12px}}
@media print{aside,.tb,.tabs,.ft,.x,.noprint,#lgn,.toast{display:none!important}body{background:#fff;color:#000}body.pm .app{display:none!important}body:not(.pm) #m{display:none}.mb{position:static;background:none;padding:0;display:block}.md{width:100%!important;border:0}.card{border:1px solid #ccc}.ph{display:block}}
/* ===== إضافات شاشة الموظفين (الخادم الحقيقي) ===== */
html,body{max-width:100%}
.toast div.er{background:var(--er)}.toast div.okk{background:var(--ok)}
.live.off{background:#64748b33;color:#cbd5e1}.live.off:before{background:#94a3b8;animation:none}
.spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sp .8s linear infinite;vertical-align:middle;margin:0 4px}@keyframes sp{to{transform:rotate(360deg)}}
.ld{padding:30px;text-align:center;color:var(--mu)}
.imgs{display:grid;gap:10px}.imgbox{position:relative}.imgbox .att{margin-top:4px}
.pdfl{display:block;padding:18px;border:1px dashed var(--bd);border-radius:10px;background:var(--card);color:var(--pr);text-decoration:none;font-weight:700}
.wbn{padding:10px 12px;border-radius:10px;margin-bottom:12px;line-height:1.9;font-size:13px}.wbn.on{background:#16a34a1a;color:var(--ok);border:1px solid #16a34a44}.wbn.off{background:#f59e0b1a;color:var(--wr);border:1px solid #f59e0b55}
.wcmp{flex-wrap:wrap}.wcmp .row{display:flex;gap:8px;width:100%;align-items:flex-end}.wcmp .row textarea,.wcmp .row input[type=text]{flex:1;min-width:0}.wcmp .lbl{font-size:12px;color:var(--mu);width:100%}
.bm .b{margin-inline-start:4px}
.stale{background:#0284c71a;color:#0369a1;border:1px solid #0284c744;border-radius:10px;padding:8px 12px;margin-bottom:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chx{cursor:pointer;user-select:none;margin:2px}.chx.off{opacity:.35;text-decoration:line-through}
.lnov td{background:#f59e0b12}
.wl .wsel{padding:8px;border-bottom:1px solid var(--bd);position:sticky;top:0;background:var(--card);z-index:1}.wl .wsel select{width:100%}
.nw{white-space:normal;min-width:180px}
.pwf .x{display:none}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}
@media(max-width:820px){.md{padding:12px}.md h3{font-size:15px;flex-wrap:wrap}.k b{font-size:18px}.g{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.g2{grid-template-columns:1fr}.rvh{grid-template-columns:1fr 1fr}aside .u{display:flex;gap:10px;align-items:center}aside .u br{display:none}.live{white-space:nowrap}}
@media(max-width:480px){.rvh{grid-template-columns:1fr}.tb input,.tb select{min-width:0!important;flex:1 1 140px}.lgc,.lgi{padding:22px}.bb{max-width:92%}}
@media print{.toast,#zm,.stale{display:none!important}.imgbox img{max-height:none}.w{overflow:visible}table{white-space:normal}}
[hidden]{display:none!important}
.g>*,.g2>*,.rvh>*,.rvi>*{min-width:0}.cols>div{min-width:0;overflow:hidden}
.wcmp>div.row{flex-direction:row}.wcmp .row textarea{min-height:52px;max-height:140px}
.wa{height:calc(100vh - 210px);min-height:600px}
.qt th,.qt td{padding:7px 6px;font-size:13px}.qt td.wr,.qt .wr{white-space:normal;min-width:90px}
@media(max-width:820px){.toast{right:12px;left:12px;max-width:none}.cols{gap:2px}.cols>div{font-size:8px}}
/* ===== الإصدار 2: التوزيع، الفريق، الملف العام للمزود، تطبيق المشترك ===== */
.bds{display:inline-flex;gap:3px}.bd.me{background:#16a34a}
.pres{display:flex;align-items:center;gap:8px;margin:8px 4px 0;padding:6px 8px;border-radius:10px;background:#ffffff12;font-size:12px;color:#cbd5e1}.pres select{flex:1;min-width:0;padding:5px 8px;font-size:13px;font-weight:700;background:#0b1f33;color:#fff;border-color:#ffffff33}
.pres.p-available{box-shadow:inset 3px 0 0 #22c55e}.pres.p-break{box-shadow:inset 3px 0 0 #f59e0b}.pres.p-off{box-shadow:inset 3px 0 0 #94a3b8}
.qtop{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.seg{display:inline-flex;background:var(--card);border:1px solid var(--bd);border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{background:none;border:0;font:inherit;color:var(--mu);padding:6px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;display:inline-flex;gap:5px;align-items:center}.seg button.on{background:var(--pr);color:#fff;font-weight:700}.seg button.on .bd.me{background:#fff;color:var(--pr)}
.b.nxt{margin-inline-start:auto;padding:10px 20px;font-size:15px;font-weight:700;box-shadow:0 4px 14px #0f766e40}
.c.asg{background:#0284c714;color:#0369a1}.c.asg.me{background:#16a34a22;color:var(--ok);font-weight:700}.c.asg.esc{background:#f59e0b26;color:var(--wr)}
tr.mine td{background:#16a34a0b}
.asb{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;margin-bottom:10px;border:1px solid}.asb>div:first-child{flex:1;min-width:200px}.asb .asr{display:block;color:var(--mu);font-size:12px;margin-top:2px}.asa{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.asa select{max-width:100%;font-size:13px;padding:5px 8px}
.asb.mine{background:#16a34a14;border-color:#16a34a55;color:var(--ok)}.asb.lock{background:#f59e0b17;border-color:#f59e0b66;color:var(--wr)}.asb.free{background:var(--bg);border-color:var(--bd)}.asb.lim{background:#dc262612;border-color:#dc262655;color:var(--er)}
.asb b{color:inherit}
bdi.sci{display:block;direction:ltr;text-align:right;font-size:12px;color:var(--in);font-family:Tahoma,Arial,sans-serif;unicode-bidi:isolate}
.itn{display:flex;flex-direction:column;gap:1px;white-space:normal;min-width:180px;max-width:320px}
.use{display:inline-block;min-width:170px;max-width:240px;white-space:normal;font-size:12px;line-height:1.6;cursor:pointer;color:var(--tx);border-bottom:1px dotted var(--mu)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#94a3b8;vertical-align:middle}.dot.on{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}
.ldb{min-width:110px}.ldb small{color:var(--mu);font-size:11px}
.sw{position:relative;display:inline-block;width:38px;height:22px;vertical-align:middle;cursor:pointer}.sw input{opacity:0;width:0;height:0;position:absolute}.sw span{position:absolute;inset:0;background:var(--bd);border-radius:99px;transition:.2s}.sw span:before{content:'';position:absolute;width:16px;height:16px;top:3px;right:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.sw input:checked+span{background:var(--pr)}.sw input:checked+span:before{right:19px}.sw input:focus-visible+span{outline:2px solid var(--pr);outline-offset:2px}
.pfs{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin-bottom:10px}.pfs h4{margin:0 0 8px;font-size:14px}
.tgl{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;font-size:13px}
.hrw{display:grid;grid-template-columns:80px 70px 1fr;gap:8px;align-items:center;padding:5px 0;border-bottom:1px dashed var(--bd)}.hrw:last-child{border:0}.hrw b{font-size:13px}.hcl{font-size:12px;color:var(--mu);white-space:nowrap}
.hiv{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center}.hi1{display:inline-flex;gap:4px;align-items:center;background:var(--bg);border-radius:9px;padding:3px 6px}.hi1 input{padding:4px 6px;font-size:13px;direction:ltr}
#hrs.dim{opacity:.45}
.tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tags input{flex:1;min-width:160px}.tg button{background:none;border:0;color:inherit;cursor:pointer;padding:0 2px;font:inherit}
.wlr{display:grid;grid-template-columns:1.2fr 1fr 1.4fr auto;gap:6px;margin-bottom:6px}.wlr input{min-width:0}
.ofl{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.ofl>.card{margin:0;min-width:0}.ofc{border-inline-start:4px solid var(--bd)}.ofc.pending{border-inline-start-color:#0284c7}.ofc.published{border-inline-start-color:var(--ok)}.ofc.rejected{opacity:.7;border-inline-start-color:var(--er)}
.ofh{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.ofc p{margin:8px 0;line-height:1.8;font-size:13px}.ofm{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.stars{color:#f59e0b;letter-spacing:1px;white-space:nowrap}.stars i{font-style:normal;color:var(--bd)}
label.ck{display:inline-flex;gap:6px;align-items:center;font-size:13px;cursor:pointer}
@media(max-width:820px){.pres{margin:0 4px;white-space:nowrap;flex:none}.pres select{background:#0b1f33}#lv{display:flex;align-items:center;gap:4px;flex:none}.b.nxt{margin-inline-start:0;width:100%}.qtop .seg{width:100%}.seg button{flex:1;justify-content:center;padding:6px 8px}}
@media(max-width:560px){.hrw{grid-template-columns:1fr auto}.hrw .hiv{grid-column:1/-1}.wlr{grid-template-columns:1fr 1fr auto}.wlr input:nth-child(3){grid-column:1/3;grid-row:2}.ofl{grid-template-columns:1fr}}
/* ===== الإصدار 3: الأسرة، المواليد، رسائل الطمأنة، الحسابات ومقارنة الأسعار ===== */
tr.prow td{border-top:2px solid var(--bd)}tr.deprow td{background:#94a3b80a}tr.deprow td:first-child{padding-inline-start:22px}.dep{padding-inline-start:10px;border-inline-start:2px solid var(--ac);display:inline-block}
.nid{color:var(--pr);font-weight:600}
.ftree{margin-top:8px}.fn{padding:6px 10px;border-radius:9px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fn.me{background:#0f766e14;box-shadow:inset 3px 0 0 var(--pr)}.fch{margin-inline-start:18px;border-inline-start:2px dashed var(--bd);padding-inline-start:8px}.fch .fn:before{content:'↳';color:var(--mu)}
.enrd{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:6px}.enrd .imgbox img{max-height:340px}
.mrv{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.mrv .b{font-size:11px}
.mrr{display:grid;grid-template-columns:130px 1fr;gap:8px;align-items:start;padding:6px 0;border-bottom:1px dashed var(--bd);line-height:2.2}.mrr:last-child{border:0}.mrr>b{font-size:13px;line-height:2}.mrr select{max-width:260px;font-size:13px;padding:4px 8px}
.ntf{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border-radius:14px;padding:12px;max-width:440px;box-shadow:0 2px 8px #0001}.ntf p{margin:4px 0;white-space:pre-wrap;line-height:1.8;font-size:13px}.ntfi{width:38px;height:38px;border-radius:10px;background:var(--pr);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
tr.off td{opacity:.55}
.sth{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:6px}.sth>div{background:var(--bg);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sth small{color:var(--mu)}
.stt tr.opn td{background:#0284c70d}.stt tr.tot td,table tr.tot td{background:var(--bg);border-top:2px solid var(--mu)}
.sigc{font-family:monospace;letter-spacing:1px;color:var(--in)}
tr.xrow td{background:var(--bg);white-space:normal}.cpf{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.cpf label{display:grid;gap:3px;font-size:12px;color:var(--mu)}.prx{max-width:900px}.prx table{background:var(--card)}
.pchp{color:var(--ok);font-weight:700}.pexp{color:var(--er);font-weight:700}
@media(max-width:560px){.mrr{grid-template-columns:1fr}}
@media print{tr.xrow{display:none}.stt td,.stt th{padding:4px 6px;font-size:11px}}
.acts{display:flex;gap:4px;flex-wrap:wrap;max-width:190px}.f label>span small,.f3 label>span small{color:var(--mu);font-weight:400}
.tb .chx.off,#mrc .chx.off{text-decoration:none;opacity:.55}
.acts.col{flex-direction:column;align-items:stretch}.cpf label:nth-child(2) input{min-width:0;width:100%}.cpf label:nth-child(2){min-width:200px}