@font-face{font-family:"Tajawal";src:url(fonts/Tajawal-Regular.ttf);font-weight:400}
@font-face{font-family:"Tajawal";src:url(fonts/Tajawal-Medium.ttf);font-weight:500}
@font-face{font-family:"Tajawal";src:url(fonts/Tajawal-Bold.ttf);font-weight:700}
@font-face{font-family:"Tajawal";src:url(fonts/Tajawal-ExtraBold.ttf);font-weight:800}
:root{
  --bg:#f5f2ec;--card:#ffffff;--ink:#1c1a17;--muted:#7a7368;--line:#e8e2d6;--soft:#faf7f1;
  --gold:#b8913a;--gold-2:#d9b764;--gold-soft:#f4ead3;
  --dark:#16140f;--dark-2:#24211a;
  --sale:#1f6f4a;--sale-2:#2c8a5f;--sale-soft:#e3f1ea;
  --buy:#1d4f7a;--buy-2:#2b6aa0;--buy-soft:#e2ecf6;
  --red:#b3412f;--radius:18px;--shadow:0 1px 2px rgba(28,26,23,.06),0 8px 24px rgba(28,26,23,.06)
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:16px/1.6 "Tajawal","Segoe UI",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}

/* ---------- top bar ---------- */
.bar{background:linear-gradient(180deg,var(--dark),var(--dark-2));color:#f3ead6;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.bar .in{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand .mark{width:36px;height:36px}
.brand b{font-size:20px;font-weight:800;letter-spacing:.2px}
.brand small{display:block;font-size:12px;color:#bfae86;font-weight:500;margin-top:-4px}
.bar .date{margin-inline-start:auto;font-size:14px;color:#cfc3a6}
.user{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(217,183,100,.25);padding:6px 8px 6px 14px;border-radius:999px;font-size:14px}
.user .av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--dark);display:grid;place-items:center;font-weight:800;font-size:14px}
.user a{color:#d9c79c;text-decoration:none;font-size:13px;border-inline-start:1px solid rgba(255,255,255,.15);padding-inline-start:10px}
.user a:hover{color:#fff}

.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 60px}
.hello{font-size:26px;font-weight:800;margin:6px 0 2px}
.sub{color:var(--muted);margin:0 0 22px}

/* ---------- home actions ---------- */
.actions{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.action{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:28px;border-radius:24px;color:#fff;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.action:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(28,26,23,.18)}
.action.sale{background:linear-gradient(140deg,var(--sale),var(--sale-2))}
.action.purchase{background:linear-gradient(140deg,var(--buy),var(--buy-2))}
.action::after{content:"";position:absolute;inset:auto -60px -80px auto;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08)}
.action .ico{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.action .ico svg{width:30px;height:30px}
.action h2{margin:18px 0 4px;font-size:30px;font-weight:800}
.action p{margin:0;opacity:.85}
.action .stat{display:flex;gap:18px;margin-top:20px;font-size:14px;position:relative;z-index:1}
.action .stat b{display:block;font-size:22px;font-weight:800}
.action .go{position:absolute;top:26px;left:26px;font-size:26px;opacity:.7}

/* ---------- page head ---------- */
.phead{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.phead .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff}
.phead .ico svg{width:26px;height:26px}
.phead.sale .ico{background:var(--sale)}.phead.purchase .ico{background:var(--buy)}
.phead h1{margin:0;font-size:26px;font-weight:800}
.phead a{margin-inline-start:auto;text-decoration:none;color:var(--muted);font-size:15px;border:1px solid var(--line);background:var(--card);padding:8px 14px;border-radius:12px}
.phead a:hover{color:var(--ink)}

.flash{display:flex;align-items:center;gap:10px;background:var(--sale-soft);color:var(--sale);border:1px solid #bfe0cf;border-radius:14px;padding:12px 16px;margin-bottom:16px;font-weight:700}

/* ---------- form ---------- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card.full{grid-column:1/-1}
.card h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:700}
.card h3::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--gold)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f{display:flex;flex-direction:column;gap:6px}
.f.full{grid-column:1/-1}
.f>span{font-size:14px;color:var(--muted);font-weight:500}
.inp{position:relative}
.inp input,.f select,.f>input{width:100%;font:inherit;font-size:17px;color:var(--ink);background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;transition:border-color .15s,background .15s}
.inp input{padding-inline-end:48px}
.inp em{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;color:var(--muted)}
input:focus,select:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px rgba(184,145,58,.12)}
.total{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;background:var(--gold-soft);border-radius:12px;padding:12px 16px}
.total span{color:#7a6230;font-weight:700}.total b{font-size:26px;font-weight:800;color:#5c4718}
.savebar{grid-column:1/-1;display:flex;justify-content:flex-end}
.save{font:inherit;font-size:18px;font-weight:800;color:#fff;border:0;border-radius:14px;padding:14px 40px;cursor:pointer;box-shadow:var(--shadow)}
.save.sale{background:linear-gradient(140deg,var(--sale),var(--sale-2))}
.save.purchase{background:linear-gradient(140deg,var(--buy),var(--buy-2))}
.save:hover{filter:brightness(1.07)}

/* ---------- list ---------- */
.lhead{display:flex;align-items:baseline;gap:10px;margin:34px 0 12px}
.lhead h2{margin:0;font-size:20px;font-weight:800}
.lhead span{color:var(--muted);font-size:14px}
.tbl{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:15px}
th{background:var(--soft);color:var(--muted);font-weight:700;font-size:13px;padding:12px;border-bottom:1px solid var(--line);text-align:center}
td{padding:12px;border-bottom:1px solid var(--line);text-align:center}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--soft)}
td.desc{text-align:right;white-space:normal;min-width:180px}
td.money{font-weight:800}
.empty{color:var(--muted);padding:30px}

/* ---------- login ---------- */
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.login .side{background:radial-gradient(circle at 70% 20%,#3a3220 0,var(--dark) 60%);color:#f3ead6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px;text-align:center}
.login .side .mark{width:90px;height:90px}
.login .side h1{margin:0;font-size:34px;font-weight:800}
.login .side p{margin:0;color:#bfae86}
.login .pane{display:grid;place-items:center;padding:30px}
.login form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}
.login h2{margin:0;font-size:26px;font-weight:800}
.login .hint{color:var(--muted);margin:-8px 0 6px}
.login .err{background:#f8e4df;color:var(--red);border-radius:12px;padding:10px 14px;font-weight:600}
.login button{font:inherit;font-size:18px;font-weight:800;color:var(--dark);background:linear-gradient(135deg,var(--gold-2),var(--gold));border:0;border-radius:14px;padding:13px;cursor:pointer}
.login button:hover{filter:brightness(1.05)}

@media (max-width:820px){
  .actions,.form,.fields{grid-template-columns:1fr}
  .login{grid-template-columns:1fr}.login .side{padding:30px;min-height:auto}
  .bar .date{display:none}
}

/* exchange + summary */
.toggle{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer;font-size:16px}
.toggle input{width:22px;height:22px;accent-color:var(--buy)}
#exbox{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}
.fields.three{grid-template-columns:repeat(3,1fr)}
.net{margin-top:14px;border-radius:12px;padding:12px 16px;font-weight:700;font-size:17px}
.net.pos{background:var(--sale-soft);color:var(--sale)}.net.neg{background:#fbe9e5;color:var(--red)}
.net b{font-size:22px}
.tag{display:inline-block;font-size:12px;font-weight:700;background:var(--buy-soft);color:var(--buy);border-radius:999px;padding:1px 9px;margin-inline-start:6px}
.sumbtn{display:flex;align-items:center;gap:16px;margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 24px;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s}
.sumbtn:hover{transform:translateY(-3px)}
.sumbtn .ico{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--dark);display:grid;place-items:center}
.sumbtn .ico svg{width:26px;height:26px}
.sumbtn b{display:block;font-size:20px;font-weight:800}.sumbtn small{color:var(--muted)}
.sumbtn .go{margin-inline-start:auto;font-size:24px;color:var(--muted)}
.phead.summary .ico{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--dark)}
.sumgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.scard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow);border-top:6px solid}
.scard.sale{border-top-color:var(--sale)}.scard.purchase{border-top-color:var(--buy)}
.scard .lbl{color:var(--muted);font-weight:700}
.scard .big{display:block;font-size:40px;font-weight:800;margin:4px 0}.scard .big small{font-size:16px;color:var(--muted)}
.scard.sale .big{color:var(--sale)}.scard.purchase .big{color:var(--buy)}
.scard .n{color:var(--muted);font-size:14px}
.rows{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.rows li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}
.rows li span{color:var(--muted)}.rows.g li b{color:#7a6230}
@media (max-width:820px){.sumgrid,.fields.three{grid-template-columns:1fr}}

/* reservations */
.phead .resbtn{margin-inline-start:auto;background:var(--gold-soft);color:#6e5520;border-color:#e6d3a3;font-weight:700}
.phead .resbtn span{display:inline-block;min-width:22px;text-align:center;background:var(--gold);color:#fff;border-radius:999px;font-size:12px;padding:0 6px;margin-inline-start:4px}
.phead .home{margin-inline-start:0}
.phead .resbtn + .home{margin-inline-start:8px}
.phead.res .ico{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--dark)}
.toggle.res input{accent-color:var(--gold)}
.tag.res{background:var(--gold-soft);color:#6e5520}
.deliver{font:inherit;font-weight:700;font-size:14px;color:#fff;background:var(--sale);border:0;border-radius:10px;padding:7px 14px;cursor:pointer}
.deliver:hover{filter:brightness(1.1)}

.minis{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.minis .sumbtn{margin-top:0}
.sumbtn .cnt{margin-inline-start:auto;background:var(--gold);color:#fff;font-weight:800;border-radius:999px;min-width:30px;text-align:center;padding:2px 10px}
.sumbtn .cnt + .go{margin-inline-start:10px}
@media (max-width:820px){.minis{grid-template-columns:1fr}}

/* debts we owe */
.flash.bad{background:#fbe9e5;color:var(--red);border-color:#f0c4ba}
.toggle.debt input{accent-color:var(--red)}
.tag.debt{background:#fbe9e5;color:var(--red)}
.fields.sub2{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.minis{grid-template-columns:repeat(3,1fr)}
.phead.debts .ico{background:linear-gradient(135deg,#c9614e,var(--red))}
.owebox{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-top:6px solid var(--red);border-radius:20px;padding:20px 24px;box-shadow:var(--shadow)}
.owebox span{color:var(--muted);font-weight:700}.owebox b{font-size:34px;font-weight:800;color:var(--red)}.owebox small{font-size:15px;color:var(--muted)}
.debtcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);margin-bottom:14px}
.dtop{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dn{font-size:19px;font-weight:800}.acc{margin-inline-start:10px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:1px 8px;font-size:14px}
.dtop small{display:block;color:var(--muted);font-size:13px}
.nums{display:flex;gap:22px}.nums span{display:flex;flex-direction:column;color:var(--muted);font-size:13px;text-align:center}
.nums b{font-size:19px;color:var(--ink)}.nums .left b{color:var(--red)}
.hist{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--line)}
.hist li{display:grid;grid-template-columns:100px 1fr auto 110px;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.hist small{color:var(--muted);text-align:left}
.payform{display:flex;gap:10px;margin-top:14px}.payform .inp{flex:1}
@media (max-width:820px){.minis{grid-template-columns:1fr}.hist li{grid-template-columns:1fr 1fr}}
.sumbtn .ico.debt{background:linear-gradient(135deg,#d07a66,var(--red));color:#fff}

/* KPIs on home */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 26px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 22px;box-shadow:var(--shadow);border-top:6px solid}
.kpi .l{display:block;color:var(--muted);font-weight:700;font-size:14px}
.kpi b{display:block;font-size:30px;font-weight:800;margin:2px 0}.kpi b small{font-size:14px;color:var(--muted)}
.kpi .s{color:var(--muted);font-size:13px}
.kpi.cashk{border-top-color:var(--gold)}.kpi.cashk b{color:#6e5520}
.kpi.salek{border-top-color:var(--sale)}.kpi.salek b{color:var(--sale)}
.kpi.buyk{border-top-color:var(--buy)}.kpi.buyk b{color:var(--buy)}
.op summary{cursor:pointer;color:var(--muted);font-size:13px}
.op form{display:flex;gap:8px;margin-top:8px}.op input{flex:1;font:inherit;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--soft)}
.op button{font:inherit;font-weight:700;border:0;border-radius:10px;padding:6px 14px;background:var(--gold);color:#fff;cursor:pointer}
.action{min-height:200px}
@media (max-width:820px){.kpis{grid-template-columns:1fr}}

.debtcard.closed{border-inline-start:6px solid var(--sale);opacity:.95}
.nums .done b{color:var(--sale)}
.howlbl{margin-top:12px;font-weight:700;color:var(--muted);font-size:14px}
.hist li.sum{font-weight:800;border-bottom:0}
.muted{color:var(--muted)}

.calc{list-style:none;margin:8px 0 0;padding:0;font-size:13px}
.calc li{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dashed var(--line)}
.calc li span{color:var(--muted)}.calc li b{font-size:14px;color:var(--ink);display:inline;margin:0}
.calc li.t b{color:#6e5520}
.exnote{margin:6px 0 0;color:var(--muted);font-size:13px}
.scard.cashc{margin-top:22px;border-top-color:var(--gold)}.scard.cashc .big{color:#6e5520}

/* tiffit */
.minis{grid-template-columns:repeat(2,1fr)}
.sumbtn .ico.tif,.phead.tif .ico{background:linear-gradient(135deg,#8a6fc4,#5d48a0);color:#fff}
.tline{display:grid;grid-template-columns:1fr .7fr 1.6fr .7fr 1fr auto;gap:12px;align-items:end;padding:10px 0;border-bottom:1px dashed var(--line)}
.rm{font:inherit;border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:10px;width:42px;height:46px;cursor:pointer}
.rm:hover{color:var(--red);border-color:var(--red)}
.tactions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.add{font:inherit;font-weight:700;border:1.5px dashed #8a6fc4;color:#5d48a0;background:#f3effa;border-radius:12px;padding:10px 18px;cursor:pointer}
.save.tif{background:linear-gradient(140deg,#5d48a0,#8a6fc4)}
.tgroups{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.scard.tnew{border-top-color:#5d48a0}.scard.tused{border-top-color:var(--gold)}
.rows li small{color:var(--muted);font-size:12px}.rows li.t{font-weight:800}
@media (max-width:820px){.tline{grid-template-columns:1fr 1fr}.tgroups,.minis{grid-template-columns:1fr}}

.goldk{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 18px;margin:-10px 0 24px;box-shadow:var(--shadow)}
.goldk .gl{font-weight:800;color:var(--buy);margin-inline-end:6px}
.goldk .gk{background:var(--buy-soft);border-radius:12px;padding:4px 14px;color:var(--muted);font-size:14px}
.goldk .gk small{margin-inline-end:6px}.goldk .gk b{color:var(--buy);font-size:18px}

/* ================= HOME v2 ================= */
.hero{display:flex;align-items:flex-end;justify-content:space-between;margin:2px 0 18px}
.hero .hello{font-size:28px;margin:0}.hero .sub{margin:0;color:var(--muted)}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.action{min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;padding:26px 28px;border-radius:22px}
.action::after{inset:-50px auto auto -40px;width:200px;height:200px;background:rgba(255,255,255,.07)}
.action.sale{background:linear-gradient(135deg,#17573a 0%,#23865a 100%)}
.action.purchase{background:linear-gradient(135deg,#163e63 0%,#2a669c 100%)}
.aico{flex:none;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.15);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.aico svg{width:32px;height:32px}
.atext{display:flex;flex-direction:column;position:relative;z-index:1}
.atext b{font-size:28px;font-weight:800;line-height:1.2}.atext small{opacity:.8;font-size:15px}
.arrow{margin-inline-start:auto;font-size:26px;opacity:.6;transition:transform .2s}
.action:hover .arrow{transform:translateX(-6px);opacity:1}

.panel{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.phead2{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fdfbf7,#faf6ee)}
.phead2 h2{margin:0;font-size:17px;font-weight:800;border:0;padding:0}
.stats{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.1fr}
.stat{padding:18px 22px;border-inline-start:1px solid var(--line);position:relative}
.stat:first-child{border-inline-start:0}
.stat::before{content:"";position:absolute;top:18px;inset-inline-start:0;width:3px;height:26px;border-radius:0 3px 3px 0}
.stat.cash::before{background:var(--gold)}.stat.sale::before{background:var(--sale)}
.stat.purchase::before{background:var(--buy)}.stat.gold::before{background:#8a6fc4}
.sl{display:block;color:var(--muted);font-size:14px;font-weight:700}
.sv{display:block;font-size:30px;font-weight:800;letter-spacing:-.3px;margin:4px 0 2px;font-variant-numeric:tabular-nums}
.sv small{font-size:14px;color:var(--muted);font-weight:500}
.stat.cash .sv{color:#6e5520}.stat.sale .sv{color:var(--sale)}.stat.purchase .sv{color:var(--buy)}
.sn{color:var(--muted);font-size:13px}
.kar{list-style:none;margin:8px 0 0;padding:0}
.kar li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--line);font-size:14px}
.kar li:last-child{border-bottom:0}.kar span{color:var(--muted)}.kar b{font-variant-numeric:tabular-nums}
.kar b::after{content:" جم";font-weight:400;color:var(--muted);font-size:12px}
.op{margin-top:6px}

.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.q{position:relative;display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s}
.q:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(28,26,23,.10);border-color:#d9cdb2}
.qi{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:8px}
.qi svg{width:22px;height:22px}
.q b{font-size:17px;font-weight:800}.q small{color:var(--muted);font-size:13px}
.q.tif .qi{background:#efeaf8;color:#5d48a0}.q.res .qi{background:var(--gold-soft);color:#8a6a24}
.q.debt .qi{background:#fbe9e5;color:var(--red)}.q.sum .qi{background:#e9eef3;color:#2b4a66}
.qb{position:absolute;top:14px;inset-inline-end:14px;background:var(--gold);color:#fff;font-weight:800;font-size:13px;border-radius:999px;min-width:26px;text-align:center;padding:1px 8px}

@media (max-width:980px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-inline-start:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.quick{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.actions,.stats,.quick{grid-template-columns:1fr}.stat{border-inline-start:0;border-top:1px solid var(--line)}.stat:first-child{border-top:0}}

.stat.gold .sv{color:#5d48a0;font-size:26px}
.kar b::after{content:""}
.opk{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
.opk label{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:12px}
.opk input{width:100%;padding:4px 6px!important}
.opk button{grid-column:1/-1}

/* previous days */
.quick{grid-template-columns:repeat(5,1fr)}
.q.days .qi,.phead.days .ico{background:#e6f0ee;color:#2b6b62}
.phead.days .ico{background:linear-gradient(135deg,#3f8a7f,#2b6b62);color:#fff}
.daypick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow)}
.daypick .f{min-width:200px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{text-decoration:none;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:6px 14px;font-size:14px;font-variant-numeric:tabular-nums}
.chip.on{background:var(--dark);color:#f3ead6;border-color:var(--dark)}
.dayt{margin:22px 0 12px;font-size:22px;font-weight:800;border:0;padding:0}
@media (max-width:980px){.quick{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.quick{grid-template-columns:1fr 1fr}}

/* day navigator v2 */
.dnav{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 18px;box-shadow:var(--shadow)}
.nbtn{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;text-decoration:none;font-size:22px;background:var(--soft);border:1px solid var(--line);color:var(--ink);transition:background .15s}
.nbtn:hover{background:var(--gold-soft)}.nbtn.off{opacity:.3}
.dtitle{flex:1;text-align:center;display:flex;flex-direction:column}
.dtitle small{color:var(--muted);font-size:13px}.dtitle b{font-size:24px;font-weight:800}
.dtools{display:flex;gap:10px;align-items:center}
.calbtn{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;background:var(--dark);color:#f3ead6;border-radius:14px;padding:11px 16px;font-weight:700;font-size:15px}
.calbtn svg{width:20px;height:20px}
.calbtn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}
.calbtn input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.todaybtn{text-decoration:none;font-weight:700;border:1.5px solid var(--gold);color:#6e5520;border-radius:14px;padding:10px 16px;background:var(--gold-soft)}
.strip{display:grid;grid-template-columns:repeat(14,1fr);gap:8px;margin:14px 0 6px}
.dc{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 2px 12px;transition:transform .15s,border-color .15s}
.dc:hover{transform:translateY(-2px);border-color:#d9cdb2}
.dc .wd{font-size:11px;color:var(--muted);white-space:nowrap}
.dc b{font-size:20px;font-weight:800;line-height:1.3}
.dc .mo{font-size:11px;color:var(--muted)}
.dc i{position:absolute;bottom:5px;width:6px;height:6px;border-radius:50%;background:transparent}
.dc.has i{background:var(--gold)}
.dc.on{background:var(--dark);border-color:var(--dark)}.dc.on b{color:#f3ead6}.dc.on .wd,.dc.on .mo{color:#bfae86}
.dc:not(.has):not(.on) b{color:#b9b2a5}
.dayt{display:none}
@media (max-width:980px){.strip{grid-template-columns:repeat(7,1fr)}}
@media (max-width:640px){.dnav{flex-wrap:wrap}.dtools{width:100%;justify-content:center}.dtitle b{font-size:20px}}

.avail{font-style:normal;font-size:12px;color:var(--sale);background:var(--sale-soft);border-radius:999px;padding:1px 8px;margin-inline-start:6px}
.defl{display:inline-block;margin-top:2px;font-size:13px;font-weight:700;color:var(--red);background:#fbe9e5;border-radius:999px;padding:2px 10px}
.calc li.def b,.calc li.def span{color:var(--red)}

/* 5 stat cards */
.stats{grid-template-columns:1.05fr 1fr 1fr 1fr 1.1fr}
.stat.owe{text-decoration:none;color:inherit;transition:background .15s}
.stat.owe:hover{background:#fdf6f4}
.stat.owe::before{background:var(--red)}.stat.owe .sv{color:var(--red)}
.stat .sv{font-size:26px}
@media (max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(4){border-inline-start:0}.stat:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:640px){.stats{grid-template-columns:1fr}}

/* banks: 6 stat cards in 3x2 */
.stats{grid-template-columns:repeat(3,1fr)}
.stat{border-top:1px solid var(--line)}
.stat:nth-child(-n+3){border-top:0}
.stat:nth-child(3n+1){border-inline-start:0}
.stat.bankk::before{background:#2b6b62}.stat.bankk .sv{color:#2b6b62}
.stat a.sn{text-decoration:none;display:inline-block;margin-top:4px}
.phead.bankp .ico{background:linear-gradient(135deg,#3f8a7f,#2b6b62);color:#fff}
input.mini{width:140px;font:inherit;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--soft)}
@media (max-width:820px){.stats{grid-template-columns:1fr 1fr}.stat{border-inline-start:1px solid var(--line)!important}.stat:nth-child(2n+1){border-inline-start:0!important}.stat:nth-child(-n+2){border-top:0}.stat:nth-child(3){border-top:1px solid var(--line)}}
@media (max-width:640px){.stats{grid-template-columns:1fr}.stat{border-inline-start:0!important;border-top:1px solid var(--line)!important}.stat:first-child{border-top:0!important}}

/* bank picker */
.bankpick{background:var(--soft);border:1px dashed #d9cdb2;border-radius:14px;padding:12px 14px;margin-top:2px}
.bankpick>span{font-weight:700;color:var(--ink)!important}
.bchips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}
.bchip{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;color:var(--ink)}
.bchip:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(28,26,23,.08)}
.bchip input{position:absolute;opacity:0;width:1px;height:1px}
.blogo{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
.bchip b{font-size:15px;font-weight:700}
.bcheck{margin-inline-start:auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:12px;color:transparent}
.bchip.cib .blogo{background:linear-gradient(135deg,#1f5fa8,#0e3d73)}
.bchip.ahly .blogo{background:linear-gradient(135deg,#1b7a43,#0f5530)}
.bchip.misr .blogo{background:linear-gradient(135deg,#a3352d,#6f1f1a)}
.bchip.vf .blogo{background:linear-gradient(135deg,#e60000,#a80000)}
.bchip.other .blogo{background:linear-gradient(135deg,var(--gold-2),var(--gold))}
.bchip:has(input:checked){border-color:var(--sale);box-shadow:0 0 0 4px rgba(31,111,74,.12)}
.bchip:has(input:checked) .bcheck{background:var(--sale);border-color:var(--sale);color:#fff}
@media (max-width:820px){.bchips{grid-template-columns:1fr 1fr}}
.bchips{grid-template-columns:1fr 1fr}
.bchip{min-width:0;padding:9px 10px}
.bchip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blogo{width:36px;height:36px;font-size:12px}
/* bank transfers: one small input per bank, no logos */
.banks .hint{font-style:normal;font-size:12px;color:var(--muted);font-weight:400;margin-inline-start:6px}
.bk{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bkrow{display:flex;flex-direction:row;align-items:center;gap:8px;background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:0 0 0 0;overflow:hidden}
.bkrow b{flex:none;min-width:96px;padding:0 12px;font-size:14px;font-weight:700;color:var(--ink)}
.bkrow input{flex:1;min-width:0;border:0!important;border-inline-start:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;padding:10px 12px!important;font-size:16px}
.bkrow:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(184,145,58,.12)}
.bkrow input:focus{box-shadow:none!important}
.bkrow b{width:120px;min-width:120px;max-width:120px;box-sizing:border-box;white-space:nowrap}
/* click-to-count pieces */
.pick{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.pgrp{margin-bottom:14px}
.pt{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:8px}
.pt small{font-weight:400;color:var(--muted);font-size:12px}
.chipset{display:flex;flex-wrap:wrap;gap:8px}
.pc{position:relative;font:inherit;font-size:15px;font-weight:700;background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:8px 14px;min-width:64px;cursor:pointer;color:var(--ink);transition:background .12s,border-color .12s,transform .08s;user-select:none}
.pc small{font-size:11px;font-weight:400;color:var(--muted);margin-inline-start:2px}
.pc:hover{border-color:#d9cdb2}
.pc:active{transform:scale(.96)}
.pc.on{background:var(--gold-soft);border-color:var(--gold)}
.pc i{position:absolute;top:-9px;inset-inline-start:-9px;min-width:22px;height:22px;border-radius:999px;background:var(--red);color:#fff;font-style:normal;font-size:12px;font-weight:800;display:none;place-items:center;padding:0 6px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.pc.on i{display:grid}
.pc.jw{font-weight:600}
.phint{margin:4px 0 0;color:var(--muted);font-size:12px}

.pc.jw.k18{border-style:dashed}
.pc.jw.k18.on{background:#eef2f6;border-color:#5f6b7a;border-style:solid}

/* jewellery: one row + karat switch */
.kseg{display:inline-flex;margin-inline-start:10px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:2px;vertical-align:middle}
.ks{font:inherit;font-size:13px;font-weight:700;border:0;background:transparent;color:var(--muted);border-radius:8px;padding:4px 12px;cursor:pointer}
.ks.on{background:var(--dark);color:#f3ead6}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.tag2{background:var(--gold-soft);border:1px solid #e6d3a3;color:#5c4718;border-radius:999px;padding:3px 6px 3px 12px;font-size:13px;font-weight:700;cursor:pointer}
.tag2 b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--red);font-size:10px;margin-inline-start:4px}

/* jewellery: item card with 21 / 18 buttons */
.jgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jcard{display:flex;align-items:center;gap:6px;background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:5px 6px 5px 12px}
.jn{flex:1;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc.kb{min-width:48px;padding:6px 0;font-size:14px;background:var(--card)}
.pc.kb.k18{color:#4a5563}
.pc.kb.k21.on{background:var(--gold-soft);border-color:var(--gold)}
.pc.kb.k18.on{background:#eef2f6;border-color:#5f6b7a}
.jcard:has(.on){border-color:#d9cdb2;background:#fff}

.chipset .pc{min-width:0;padding:7px 11px;font-size:14px}
.csep{width:1px;align-self:stretch;background:var(--line);margin:0 2px}
.pc.pound{background:#fbf6ea}

.cgrid{display:grid;gap:8px;margin-bottom:8px}
.cgrid.c5{grid-template-columns:repeat(5,1fr)}
.cgrid.c3{grid-template-columns:repeat(3,1fr)}
.cgrid .pc{width:100%;min-width:0;padding:9px 4px;text-align:center}
[hidden]{display:none!important}

/* details in lists + summary */
.ichip{display:inline-block;background:var(--gold-soft);color:#5c4718;border-radius:8px;padding:1px 8px;margin:2px 0 2px 4px;font-size:13px;font-weight:700;white-space:nowrap}
.ichip.big{font-size:14px;padding:4px 10px;margin:4px 0 0 6px}.ichip.big b{background:#fff;border-radius:6px;padding:0 6px;margin-inline-start:4px}
.ichips{display:flex;flex-wrap:wrap;margin-top:10px}
.dsub{color:var(--muted);font-size:13px}
.bcell{white-space:nowrap}.bline{display:block;font-size:13px;color:var(--muted)}.bline b{color:var(--ink)}
.rows li.subl{padding:5px 0 5px;font-size:14px}.rows li.subl span{padding-inline-start:12px}
.availl{color:var(--sale);font-size:12px}

/* stock */
.quick{grid-template-columns:repeat(3,1fr)}
.q.stockq .qi,.phead.stockp .ico{background:#f3ead6;color:#8a6a24}
.phead.stockp .ico{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--dark)}
.scard.stk24{border-top-color:var(--gold)}.scard.stk24 .big{color:#6e5520}
.scard.stk21{border-top-color:#8a6a24}.scard.stk21 .big{color:#8a6a24}
td.up{color:var(--sale);font-weight:700}td.down{color:var(--red);font-weight:700}
td.neg{color:var(--red)}tr.zero td{color:#b9b2a5}
.stockact{display:flex;gap:12px;justify-content:flex-start;margin-top:16px;flex-wrap:wrap}
.save.ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.note2{color:var(--muted);font-size:13px;margin-top:14px}
@media (max-width:640px){.quick{grid-template-columns:1fr 1fr}}

/* البيان under المبلغ, الذهب takes the full height on the other side */
.form .card.goldc{grid-column:2;grid-row:1 / span 2}
.form .card.descc{grid-column:1;grid-row:2;align-self:start}
@media (max-width:820px){.form .card.goldc,.form .card.descc{grid-column:auto;grid-row:auto}}
/* jewellery weight lines */
.jlines{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.jl{display:grid;grid-template-columns:1fr 130px auto;gap:8px;align-items:center;background:#fff;border:1.5px solid var(--gold);border-radius:12px;padding:6px 8px 6px 12px}
.jlt b{font-size:15px}.jlt small{color:var(--muted)}.jlc{font-style:normal;font-weight:800;color:#6e5520;margin-inline-start:4px}
.jl .inp input{padding:7px 10px;font-size:15px}
.usedb{font:inherit;font-size:13px;font-weight:700;border:1.5px solid var(--line);background:var(--soft);color:var(--muted);border-radius:10px;padding:7px 12px;cursor:pointer}
.usedb.on{background:#eef2f6;border-color:#5f6b7a;color:#2b3440}
/* full stock page */
.stabs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:8px}
.st{display:flex;flex-direction:column;gap:2px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-top:5px solid;border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}
.st span{color:var(--muted);font-weight:700;font-size:13px}.st b{font-size:15px;font-weight:800}
.st.n21{border-top-color:var(--gold)}.st.n18{border-top-color:#5f6b7a}.st.us{border-top-color:#8a6fc4}.st.sc{border-top-color:var(--red)}.st.br{border-top-color:#2b6b62}
.sh{margin:30px 0 10px;font-size:19px;font-weight:800;border:0;padding:0;scroll-margin-top:90px}
.sh3{margin:6px 0 8px;font-size:15px;color:var(--muted)}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
tr.tsum{display:table-row}tr.tsum td{font-weight:800;background:var(--soft)}
input.mini.sm{width:70px}
@media (max-width:980px){.stabs{grid-template-columns:repeat(2,1fr)}.two2{grid-template-columns:1fr}}
.two2{grid-template-columns:1fr!important}
/* stock: add/remove per item */
.xlf{margin-inline-start:auto}
.xl{font:inherit;font-size:13px;color:var(--muted);background:transparent;border:1px dashed var(--line);border-radius:10px;padding:7px 12px;cursor:pointer}
.xl:hover{color:var(--ink);border-color:#d9cdb2}
.xlf + .home{margin-inline-start:8px}
td.act{width:52px;text-align:center}
.addm{font:inherit;font-size:18px;font-weight:800;width:34px;height:34px;border-radius:10px;border:1.5px solid var(--line);background:var(--soft);color:var(--sale);cursor:pointer;line-height:1}
.addm:hover{background:var(--sale-soft);border-color:var(--sale)}
.mvd{border:0;border-radius:22px;padding:0;width:min(440px,92vw);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mvd::backdrop{background:rgba(22,20,15,.45)}
.mvf{display:flex;flex-direction:column;gap:14px;padding:22px}
.mvf h3{margin:0;font-size:19px;font-weight:800}
.mvrow{display:flex;flex-direction:column;gap:6px}.mvrow>span{font-size:14px;color:var(--muted);font-weight:700}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg2 label{cursor:pointer}.seg2 input,.reasons input{position:absolute;opacity:0}
.seg2 span{display:block;text-align:center;font-weight:800;border:1.5px solid var(--line);border-radius:12px;padding:10px;background:var(--soft)}
.seg2 label:first-child input:checked+span{background:var(--sale-soft);border-color:var(--sale);color:var(--sale)}
.seg2 label:last-child input:checked+span{background:#fbe9e5;border-color:var(--red);color:var(--red)}
.stepper{display:grid;grid-template-columns:48px 1fr 48px;gap:6px}
.stepper button{font:inherit;font-size:22px;font-weight:800;border:1.5px solid var(--line);background:var(--soft);border-radius:12px;cursor:pointer}
.stepper input{text-align:center;font-size:20px;font-weight:800}
.reasons{display:flex;flex-wrap:wrap;gap:6px}.reasons label{cursor:pointer}
.reasons span{display:inline-block;font-size:13px;font-weight:700;border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--soft)}
.reasons input:checked+span{background:var(--gold-soft);border-color:var(--gold);color:#5c4718}
.mvact{display:flex;justify-content:space-between;gap:10px}.mvact .save{flex:1;padding:12px}
.mvf input:not([type=radio]){width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:10px 14px}
.mvf .stepper input{font-size:20px;font-weight:800;text-align:center}
.mvf input:focus{outline:none;border-color:var(--gold);background:#fff}

/* second row: compact, same height */
.kar.g2{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.kar.g2 li:nth-last-child(-n+2){border-bottom:0}
.stat .kar{margin-top:10px}
.stat a.sn{position:static}
.jl{grid-template-columns:1fr auto}

.printb{margin-inline-start:auto;background:var(--sale);color:#fff;text-decoration:none;border-radius:10px;padding:6px 14px;font-weight:800}
.flash{justify-content:flex-start}
a.pr{text-decoration:none;font-size:14px;opacity:.6;margin-inline-start:4px}a.pr:hover{opacity:1}
.savebar{gap:12px}

/* real logo */
.brand img.mark{width:auto;height:44px}
.login .side img.mark{width:auto;height:190px}
.login .side h1{font-family:"Cormorant",Georgia,serif;letter-spacing:6px}
@font-face{font-family:"Cormorant";src:url(fonts/CormorantGaramond.ttf);font-weight:300 700}
.brand b{font-family:"Cormorant",Georgia,serif;letter-spacing:2px;font-size:21px}

/* refunds */
.phead.refundp .ico,.q.refq .qi{background:linear-gradient(135deg,#d0814f,#a8562a);color:#fff}
.q.refq .qi{background:#fbeee4;color:#a8562a}
.save.refund{background:linear-gradient(140deg,#a8562a,#d0814f)}
.refbtn{margin-inline-start:auto;text-decoration:none;font-weight:700;border:1px solid #f0cdb5;background:#fbeee4;color:#a8562a;padding:8px 14px;border-radius:12px}
.refbtn + .resbtn{margin-inline-start:8px}
.redt{color:var(--red);font-weight:700}
.scard.refc{border-top-color:#a8562a}.scard.refc .big{color:#a8562a}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.seg3 label{cursor:pointer}.seg3 input{position:absolute;opacity:0}
.seg3 span{display:block;text-align:center;font-weight:800;font-size:14px;border:1.5px solid var(--line);border-radius:12px;padding:9px;background:var(--soft)}
.seg3 input:checked+span{background:#fbeee4;border-color:#a8562a;color:#a8562a}
.quick{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.quick{grid-template-columns:repeat(2,1fr)}}

/* inline refund in sale */
.toggle.rf input{accent-color:#a8562a}
#rfbox{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.rfgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rfdest{margin-top:12px}
.tag.rft{background:#fbeee4;color:#a8562a}
@media (max-width:820px){.rfgrid{grid-template-columns:1fr 1fr}}
/* same height for every field: inputs and dropdowns */
.f select,.f>input,.inp input{height:48px;box-sizing:border-box}
.f select{-webkit-appearance:none;appearance:none;padding:0 14px 0 38px;line-height:46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237a7368' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 14px center;background-size:12px 8px}
.bkrow input,.jl .inp input,.mvf input,.stepper input,input.mini{height:auto}
.savebar{justify-content:center!important}

/* ---------- password + users & permissions ---------- */
.phead.pwp .ico,.phead.usersp .ico{background:linear-gradient(135deg,#3a352b,var(--dark));color:var(--gold-2)}
.pwcard{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.pwcard .muted{margin:0}
.pwcard .savebar{justify-content:center}
.user a+a{margin-inline-start:0}
.addu{margin-bottom:18px}
.addu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px}
.addu summary::-webkit-details-marker{display:none}
.addu .plus{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:20px}
.addu[open] summary{margin-bottom:16px}
.ugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px}
.ucard{display:flex;flex-direction:column;gap:14px}
.ucard.off{opacity:.72;background:#f6f3ee}
.uhead{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.uhead b{display:block;font-size:17px}
.uhead small{color:var(--muted);font-size:13px}
.uav{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;background:var(--soft);border:1.5px solid var(--line);color:var(--ink);flex:none}
.uav.admin{background:linear-gradient(135deg,var(--gold-2),var(--gold));border:0;color:var(--dark)}
.ubadge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--muted)}
.ubadge:first-of-type{margin-inline-start:auto}
.ubadge.admin{background:var(--gold-soft);border-color:#ead9ae;color:#7a6230}
.ubadge.stop{background:#fbe9e5;border-color:#f0c4ba;color:var(--red)}
.ubadge.you{background:var(--sale-soft);border-color:#bfe0cf;color:var(--sale)}
.pblock{display:flex;flex-direction:column;gap:8px}
.plbl{font-size:14px;color:var(--muted);font-weight:500}
.pchips{display:flex;flex-wrap:wrap;gap:8px}
.pchip{position:relative;cursor:pointer}
.pchip input{position:absolute;opacity:0;pointer-events:none}
.pchip span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:14px;color:var(--muted);user-select:none}
.pchip span::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid #cfc6b4;background:#fff}
.pchip input:checked+span{border-color:var(--sale);background:var(--sale-soft);color:var(--sale);font-weight:700}
.pchip input:checked+span::before{background:var(--sale);border-color:var(--sale);box-shadow:inset 0 0 0 2px #fff}
.adminnote{margin:0;padding:10px 12px;border-radius:10px;background:var(--gold-soft);color:#7a6230;font-size:14px}
.ucard .savebar,.addu .savebar{justify-content:center}
@media (max-width:640px){.ugrid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}}

/* ---------- Excel export button ---------- */
.xlbar{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin:0 0 16px}
.xlbar small{color:var(--muted);font-size:13px}
.xlbtn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:15px;color:#fff;background:#1d6f42;padding:10px 16px;border-radius:12px;box-shadow:0 4px 12px rgba(29,111,66,.25)}
.xlbtn svg{width:18px;height:18px}
.xlbtn:hover{background:#185c37}

/* bank balance under the bank name (purchase) */
.bkrow b small{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:2px}

/* ---------- users list (v2: one row per user, editor opens inline) ---------- */
.ulist{padding:6px 0;overflow:hidden}
.uhd,.urow>summary{display:grid;grid-template-columns:minmax(220px,2fr) 110px 1.4fr 90px;align-items:center;gap:12px;padding:12px 22px}
.uhd{font-size:13px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
.urow{border-bottom:1px solid var(--line)}
.urow:last-child{border-bottom:0}
.urow>summary{list-style:none;cursor:pointer}
.urow>summary::-webkit-details-marker{display:none}
.urow>summary:hover{background:var(--soft)}
.urow[open]{background:var(--soft)}
.urow.off .who b,.urow.off .rl{opacity:.55}
.who{display:flex;align-items:center;gap:12px}
.who b{display:block;font-size:16px}
.who small{color:var(--muted);font-size:12px}
.who .you{font-style:normal;font-size:11px;font-weight:700;color:var(--sale);background:var(--sale-soft);padding:2px 8px;border-radius:999px;margin-inline-start:4px}
.uav.plus{background:var(--gold-soft);border:0;color:var(--gold);font-size:22px}
.rl{justify-self:start;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.rl.admin{background:var(--gold-soft);border-color:#ead9ae;color:#7a6230}
.pg{font-size:14px;color:var(--ink)}
.pg .stop{font-style:normal;font-weight:700;color:var(--red)}
.ed{justify-self:end;font-size:13px;font-weight:700;color:var(--gold);border:1px solid #ead9ae;border-radius:10px;padding:6px 14px;background:#fff}
.urow[open] .ed{background:var(--gold);color:#fff;border-color:var(--gold)}
.addrow>summary{grid-template-columns:1fr}
.addrow .who b{color:var(--gold)}
.ueditor{padding:4px 22px 20px;display:flex;flex-direction:column;gap:14px}
.ufields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.uactions{display:flex;justify-content:center}
@media (max-width:760px){.uhd{display:none}.urow>summary{grid-template-columns:1fr auto;}.urow .pg{display:none}.ufields{grid-template-columns:1fr 1fr}}
.addrow{border-bottom:1px solid var(--line)!important}
.ufields:has(> :nth-child(5)){grid-template-columns:repeat(5,1fr)}
.ueditor input:disabled{background:#f1ede5;color:var(--muted)}
.lhead .showall{margin-inline-start:auto;font-size:14px;font-weight:700;color:var(--gold);text-decoration:none;border:1px solid #ead9ae;background:#fff;padding:6px 12px;border-radius:10px}

/* sellers (names only) on the users page */
.sellers{margin-top:18px}
.shd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.shd h3{margin:0}
.shd .muted{font-size:13px}
.schips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.schip{display:inline-flex;align-items:center;gap:4px;background:var(--soft);border:1.5px solid var(--line);border-radius:10px;padding:4px 4px 4px 12px;margin:0}
.schip span{font-size:15px;font-weight:600;padding-inline-start:4px}
.schip button{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}
.schip button:hover{background:#fbe9e5;color:var(--red)}
.sadd{display:inline-flex;gap:6px;margin:0}
.sadd input{width:170px;padding:8px 12px;border:1.5px dashed #d8cdb6;border-radius:10px;font:inherit;background:#fff}
.sadd button{border:0;border-radius:10px;background:var(--gold-soft);color:#7a6230;font:inherit;font-weight:700;padding:8px 14px;cursor:pointer}

/* ---------- traders & القطع ---------- */
.phead.traderp .ico{background:linear-gradient(135deg,#8a6a2a,#5b4418);color:#f4ead3}
.pos{color:var(--sale)}.neg{color:var(--red)}
.tnote{margin:-4px 0 14px;color:var(--muted);font-size:14px}
.tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:22px}
.tcard{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}
a.tcard:hover{transform:translateY(-2px);border-color:var(--gold-2)}
.tcard .tn{font-weight:800;font-size:18px}
.tb{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--muted)}
.tb small{font-size:13px}.tb b{font-size:24px;font-weight:800}
.tb.pos b{color:var(--sale)}.tb.neg b{color:var(--red)}.tb.zero b{color:var(--muted);font-size:18px}
.topen{font-size:12px;font-weight:700;color:#8a6a2a;background:var(--gold-soft);border-radius:8px;padding:4px 8px;align-self:flex-start}
.tcard.addt{border-style:dashed;box-shadow:none;background:transparent}
.tcard.addt .tn{font-size:15px;color:var(--muted);font-weight:700}
.tcard.addt input{padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.tcard.addt button{border:0;border-radius:10px;background:var(--gold-soft);color:#7a6230;font:inherit;font-weight:700;padding:8px;cursor:pointer}
.ocases{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:14px;margin-bottom:22px}
.ocase{display:flex;flex-direction:column;gap:10px;border-inline-start:4px solid var(--gold)}
.oh{display:flex;align-items:baseline;gap:10px}.oh b{font-size:17px}.oh small{color:var(--muted)}
.ol{display:flex;flex-wrap:wrap;gap:8px}.ol span{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:14px}
.oexp{font-size:14px;color:var(--muted)}.oexp b{color:var(--ink)}
.ocheck{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end}
.ocheck .or{color:var(--muted);font-weight:700;padding-bottom:12px}
.odiff{font-size:14px;font-weight:700;color:var(--sale)}.odiff.neg{color:var(--red)}
.tnew{margin-bottom:22px;display:flex;flex-direction:column;gap:16px}
.ttabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:5px}
.ttabs button{border:0;background:transparent;font:inherit;font-weight:700;font-size:15px;color:var(--muted);padding:11px 6px;border-radius:10px;cursor:pointer}
.ttabs button.on{background:var(--dark);color:var(--gold-2);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.tform{display:flex;flex-direction:column;gap:14px}
.thint{margin:0;font-size:14px;color:#7a6230;background:var(--gold-soft);border-radius:10px;padding:10px 14px}
.fields.f4{grid-template-columns:repeat(4,1fr)}.fields.f3{grid-template-columns:repeat(3,1fr)}.fields.f1{grid-template-columns:1fr 1fr 1fr 1fr}
.total{display:flex;align-items:baseline;gap:6px;height:48px;padding:0 14px;border-radius:12px;background:var(--soft);border:1.5px dashed var(--line);font-size:14px;color:var(--muted)}
.total b{font-size:22px;color:var(--ink);font-weight:800;line-height:48px}
.total.big{height:auto;padding:12px 16px}.total.big b{line-height:1.2}
.payblk{display:flex;flex-direction:column;gap:10px}
.paytitle{display:flex;align-items:center;gap:12px}.paytitle b{font-size:15px}
.paysum{margin-inline-start:auto;font-size:14px;font-weight:700;color:var(--red);background:#fbe9e5;padding:4px 12px;border-radius:999px}
.paysum.done{color:var(--sale);background:var(--sale-soft)}.paysum em{font-style:normal}
.paysum.over{color:#fff;background:var(--red)}
.payblk .bk{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.tsum{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.tbal{min-width:260px;display:flex;flex-direction:column;gap:4px}
.tbal .lbl{color:var(--muted);font-weight:700}.tbal b{font-size:34px;font-weight:800}.tbal small{font-size:15px;color:var(--muted)}
.tbal.pos b{color:var(--sale)}.tbal.neg b{color:var(--red)}.tbal.zero b{color:var(--muted)}.tbal.open b{color:#8a6a2a}
@media (max-width:980px){.ttabs{grid-template-columns:repeat(3,1fr)}.fields.f4,.fields.f1{grid-template-columns:1fr 1fr}.ocases{grid-template-columns:1fr}}
@media (max-width:640px){.fields.f3{grid-template-columns:1fr}.ocheck{grid-template-columns:1fr}}
.q.trd .qi{background:#f3ead6;color:#7a5a1e}
.plines .tline{grid-template-columns:2fr 1fr 1fr 1.2fr 48px}
.paysum.zero{color:var(--muted);background:var(--soft)}
.topen{white-space:nowrap}
/* 7 tiles → the first (التجار) is double width so both rows are full */
@media (min-width:981px){.quick>.q:first-child:nth-last-child(7){grid-column:span 2}}

/* خسية فحص الكسر */
.losscard{margin-bottom:22px;border-inline-start:4px solid var(--red)}
.losscard .lh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.losscard .lh h3{margin:0}.losscard .lh .muted{font-size:13px}
.lgrid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px}
.lbox{display:flex;flex-direction:column;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.lbox>span{color:var(--muted);font-weight:700;font-size:14px}.lbox>b{font-size:30px;font-weight:800}.lbox small{color:var(--muted)}
.lbox ul{list-style:none;margin:0;padding:0}.lbox li{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.lbox li:last-child{border-bottom:0}.lbox li span{font-weight:700}.lbox li em{font-style:normal;color:var(--muted);font-size:13px}.lbox li b{margin-inline-start:auto}
.scard.losc{border-top-color:var(--red)}
@media (max-width:980px){.lgrid{grid-template-columns:1fr 1fr}.lbox.wide{grid-column:1/-1}}
.tm{font-size:13px;color:var(--muted)}.tm b{font-size:16px;font-weight:800}.tm.pos b{color:var(--sale)}.tm.neg b{color:var(--red)}
.ttabs{grid-template-columns:repeat(6,1fr)}
.paysum{color:#7a6230;background:var(--gold-soft)}
.pmb{font-size:18px!important}.pmb.neg{color:var(--red)}.pmb.pos{color:var(--sale)}
.paydir{display:flex;gap:6px}.paydir label{flex:1}
.rename{display:flex;gap:8px;margin:6px 0 4px;max-width:420px}
.rename input{flex:1;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.rename button{border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-weight:700;color:var(--muted);padding:0 14px;cursor:pointer}
/* trader history: fit 10 columns without side scrolling */
.ttbl table{font-size:14px}
.ttbl th,.ttbl td{padding:10px 7px}
.ttbl td.desc{min-width:120px;max-width:200px}
.ttbl td:nth-child(7){white-space:normal;min-width:90px}

/* open amounts (مبالغ مفتوحة): one card per deal */
.deals{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;margin-bottom:22px}
.deal{display:flex;flex-direction:column;gap:10px;border-inline-start:4px solid var(--red)}
.deal.due{border-inline-start-color:var(--sale)}
.dh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dh b{font-size:17px}.dh .dk{font-weight:700;color:#7a6230}.dh small{color:var(--muted)}
.dw{margin-inline-start:auto;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:#fbe9e5;color:var(--red)}
.deal.due .dw{background:var(--sale-soft);color:var(--sale)}
.dd{font-size:14px;color:var(--muted)}
.dnums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dnums div{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}
.dnums span{font-size:12px;color:var(--muted);font-weight:700}.dnums b{font-size:18px;font-weight:800}
.dbar{height:8px;border-radius:999px;background:#f1ece2;overflow:hidden}.dbar i{display:block;height:100%;background:linear-gradient(90deg,var(--sale-2),var(--sale));border-radius:999px}
.dpay summary{cursor:pointer;list-style:none;text-align:center;font-weight:800;color:var(--gold);border:1.5px solid #ead9ae;border-radius:10px;padding:8px;background:#fff}
.dpay summary::-webkit-details-marker{display:none}
.dpay[open] summary{background:var(--gold);color:#fff;border-color:var(--gold);margin-bottom:10px}
.dpay form{display:flex;flex-direction:column;gap:10px}
.dpay .bk{grid-template-columns:1fr 1fr}
.dact{display:flex;gap:8px;align-items:center;justify-content:space-between}
.fillall{border:1px dashed #d8cdb6;background:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;font-weight:700;color:#7a6230;cursor:pointer}
.dok{color:var(--sale);font-weight:800}
@media (max-width:640px){.deals{grid-template-columns:1fr}}
.ttabs{grid-template-columns:repeat(5,1fr)}

/* gold we owe (دهب علينا) */
.deal.gdebt{border-inline-start-color:var(--gold)}
.deal.gdebt .dw{background:var(--gold-soft);color:#7a6230}
.dbar.gold i{background:linear-gradient(90deg,var(--gold-2),var(--gold))}
.gpays{list-style:none;margin:0;padding:0;font-size:13px}
.gpays li{display:flex;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line);color:var(--muted)}
.gpays li:last-child{border-bottom:0}.gpays li b{margin-inline-start:auto;color:var(--sale)}
.gbtns{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}
.gscrap{text-decoration:none;text-align:center;font-weight:800;color:var(--muted);border:1.5px solid var(--line);border-radius:10px;padding:8px 14px;background:#fff}
.ghint{margin:0;font-size:13px;color:var(--muted)}
.gdebt .dpay form .fields{grid-template-columns:1fr 1fr}
.gbtns .dpay[open]{grid-column:1/-1}

/* ---------- traders v3: simple list + one page per company ---------- */
.tlist{padding:4px 0;overflow:hidden}
.thd,.trow{display:grid;grid-template-columns:2fr 1.2fr 1.4fr 80px;align-items:center;gap:12px;padding:14px 22px}
.thd{font-size:13px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line)}
.trow{text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);font-size:15px}
.trow:hover{background:var(--soft)}
.trow .tnm{font-size:17px}
.trow b{font-weight:800}
.twait{font-style:normal;font-size:12px;font-weight:700;color:#8a6a2a;background:var(--gold-soft);border-radius:999px;padding:3px 9px;margin-inline-start:6px}
.tgo{justify-self:end;font-size:13px;font-weight:700;color:var(--gold)}
.tadd{display:flex;gap:8px;padding:14px 22px;margin:0}
.tadd input{flex:1;max-width:340px;padding:9px 12px;border:1.5px dashed #d8cdb6;border-radius:10px;font:inherit;background:#fff}
.tadd button{border:0;border-radius:10px;background:var(--gold-soft);color:#7a6230;font:inherit;font-weight:700;padding:0 16px;cursor:pointer}
.tlist+.tnote{margin-top:12px}
.cbal{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.cb{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 22px;box-shadow:var(--shadow);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cb>span{font-weight:800;color:var(--muted);font-size:15px;min-width:60px}
.cb>b{font-size:34px;font-weight:800}.cb>b small{font-size:15px;color:var(--muted)}
.cb>em{font-style:normal;font-weight:700;font-size:15px}
.cb.pos>b,.cb.pos>em{color:var(--sale)}.cb.neg>b,.cb.neg>em{color:var(--red)}.cb.zero>b{color:var(--muted);font-size:26px}
.openl{margin-bottom:18px;padding:16px 22px}
.openl h3{margin-bottom:6px}
.orow{display:grid;grid-template-columns:1.6fr 1.3fr 1fr;align-items:center;gap:6px 14px;padding:12px 0;border-bottom:1px dashed var(--line);margin:0}
.orow:last-child{border-bottom:0}
.ot b{display:block;font-size:15px}.ot small{color:var(--muted);font-size:13px}
.orow .on{font-size:15px;font-weight:700}.orow .on small{display:block;font-weight:500;color:var(--sale);font-size:13px}
.orow .ol{justify-self:end;font-size:14px}.orow .ol b{font-size:18px;font-weight:800}
.obar{grid-column:1/-1;height:6px;border-radius:999px;background:#f1ece2;overflow:hidden}
.obar i{display:block;height:100%;background:var(--sale);border-radius:999px}.obar.gold i{background:var(--gold)}
.ochk{justify-self:end;display:flex;gap:6px}
.ochk input{width:210px;padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.ochk button{border:0;border-radius:10px;background:var(--dark);color:var(--gold-2);font:inherit;font-weight:800;padding:0 16px;cursor:pointer}
.cact{margin-bottom:22px;display:flex;flex-direction:column;gap:16px}
.abtns{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.abtns button{border:1.5px solid var(--line);background:var(--soft);font:inherit;font-weight:800;font-size:15px;color:var(--ink);padding:12px 6px;border-radius:12px;cursor:pointer}
.abtns button:hover{border-color:var(--gold-2)}
.abtns button.on{background:var(--dark);border-color:var(--dark);color:var(--gold-2)}
.aform{display:flex;flex-direction:column;gap:14px}
.ttbl+.rename{margin-top:16px}
@media (max-width:980px){.abtns{grid-template-columns:repeat(3,1fr)}.orow{grid-template-columns:1fr 1fr}.orow .ol,.ochk{justify-self:start}}
@media (max-width:640px){.cbal{grid-template-columns:1fr}.thd{display:none}.trow{grid-template-columns:1fr 1fr}.trow .tnm{grid-column:1/-1}.tgo{display:none}}

/* separate القطع / إرسال الكسر pages */
.qform,.sform{margin-bottom:18px}
.qform .seg2{max-width:420px}
.asg{justify-self:end;display:flex;gap:6px;margin:0}
.asg select,.asg input{padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.asg input{width:110px}
.asg button{border:0;border-radius:10px;background:var(--gold);color:#fff;font:inherit;font-weight:800;padding:0 16px;cursor:pointer}
@media (max-width:980px){.asg{justify-self:start;grid-column:1/-1}}
.abtns{grid-template-columns:repeat(3,1fr)}
.clinks{margin:0;font-size:13px;color:var(--muted)}.clinks a{color:var(--gold);font-weight:800;text-decoration:none}
.tsmith{font-style:normal;font-size:11px;font-weight:700;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.tquick{display:flex;gap:10px;margin-bottom:14px}
.tquick a{flex:1;max-width:220px;text-align:center;text-decoration:none;font-weight:800;color:var(--gold-2);background:var(--dark);border-radius:12px;padding:12px}
.q.qat .qi{background:#e7eef7;color:#2a5a8a}.q.sco .qi{background:#f6e9e4;color:#9a4a2e}
/* 9 tiles → 3 even rows of 3 */
@media (min-width:981px){.quick:has(>.q:nth-child(9):last-child){grid-template-columns:repeat(3,1fr)}}
.abtns{grid-template-columns:repeat(4,1fr)}
.ochk button,.asg button{white-space:nowrap}
/* rows with a form on the end: fixed widths so every row lines up */
.openl .orow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 440px}
.asg{width:440px;justify-content:flex-end}
.asg select{width:220px;flex:none}
.asg input{width:110px;flex:none}
.asg button{width:98px;flex:none}
.ochk{width:440px;justify-content:flex-end}
.ochk input{width:330px;flex:none}
.ochk button{width:98px;flex:none}
.orow .on{justify-self:center;text-align:center}
@media (max-width:980px){.openl .orow{grid-template-columns:1fr 1fr}.asg,.ochk{width:100%;justify-content:flex-start}.asg select{flex:1;width:auto}}
/* سداد القطع: one line per person we owe */
.owel h3 small{font-size:13px;font-weight:500}
.owel .ot a{color:inherit;text-decoration:none}.owel .ot a:hover{color:var(--gold)}
.owel .orow{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 440px}
.opay{width:440px;justify-self:end}
.opay summary{width:98px;margin-inline-start:auto;background:var(--dark);color:var(--gold-2);border-color:var(--dark)}
.opay[open]{grid-column:1/-1;width:100%}
.opay[open] summary{width:auto;margin:0 0 10px}
.opay .bk{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media (max-width:980px){.opay{width:100%;justify-self:start}.opay summary{margin-inline-start:0}}

/* القطع المفتوحة: one line per قطع, grouped by goldsmith */
.lhead span{font-size:13px}
.qgroup{padding:6px 22px 10px;margin-bottom:14px}
.qgh{display:flex;align-items:baseline;gap:14px;padding:12px 0 8px;border-bottom:1px solid var(--line)}
.qgh a{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none}.qgh a:hover{color:var(--gold)}
.qgh span{margin-inline-start:auto;font-weight:800}
.qrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr) 200px;gap:8px 14px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.qrow:last-child{border-bottom:0}
.qd b{display:block;font-size:16px}.qd small{color:var(--muted);font-size:13px}
.qs{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.qs small{color:var(--muted);font-size:12px}
.pill{font-size:13px;font-weight:800;padding:4px 10px;border-radius:999px}
.pill.red{background:#fbe9e5;color:var(--red)}.pill.ok{background:var(--sale-soft);color:var(--sale)}.pill.gold{background:var(--gold-soft);color:#7a6230}
.qacts{display:flex;gap:8px;justify-content:flex-end}
.qbtn{width:90px;border:1.5px solid var(--dark);background:var(--dark);color:var(--gold-2);font:inherit;font-weight:800;border-radius:10px;padding:8px 0;cursor:pointer}
.qbtn.gold{background:#fff;color:#7a6230;border-color:#ead9ae}
.qbtn.on{outline:3px solid rgba(184,145,58,.35)}
.qpanel{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px;margin:0}
.qpanel.qassign{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}
.qpanel[hidden]{display:none!important}
.qpanel .bk{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media (max-width:980px){.qrow{grid-template-columns:1fr 1fr}.qacts{justify-content:flex-start}.qpanel.qassign{grid-template-columns:1fr}}
.qacts{display:grid;grid-template-columns:90px 90px;gap:8px;justify-content:end}

/* القطع المفتوحة v3: three equal columns, the status boxes are the buttons */
.qcard{padding:0;margin-bottom:16px;overflow:hidden}
.qch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 22px;background:var(--soft);border-bottom:1px solid var(--line)}
.qch a{font-size:19px;font-weight:800;color:var(--ink);text-decoration:none;margin-inline-end:auto}.qch a:hover{color:var(--gold)}
.qsum{font-size:13px;font-weight:800;padding:5px 12px;border-radius:999px}
.qsum.red{background:#fbe9e5;color:var(--red)}.qsum.gold{background:var(--gold-soft);color:#7a6230}
.qcols,.qline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:0 22px}
.qcols{padding-top:12px;padding-bottom:4px;font-size:12px;font-weight:800;color:var(--muted)}
.qline{padding-top:10px;padding-bottom:14px;align-items:stretch;border-bottom:1px dashed var(--line)}
.qline:last-child{border-bottom:0}
.qwhat{display:flex;flex-direction:column;justify-content:center;gap:2px}
.qwhat b{font-size:17px;font-weight:800}.qwhat b i{font-style:normal;color:var(--muted);font-weight:500}
.qwhat small{color:var(--muted);font-size:13px}
.qtile{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:74px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font:inherit;text-align:right;color:var(--ink)}
button.qtile{cursor:pointer;transition:transform .12s,box-shadow .12s}
button.qtile:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(28,26,23,.08)}
.qtile .qv{font-size:16px;font-weight:800}
.qtile .qbar{display:block;height:5px;border-radius:999px;background:rgba(0,0,0,.07);overflow:hidden}
.qtile .qbar i{display:block;height:100%;border-radius:999px}
.qtile .qgo{font-size:13px;font-weight:800;align-self:flex-end}
.qtile.money{background:#fdf4f2;border-color:#f2d3cb}.qtile.money .qv,.qtile.money .qgo{color:var(--red)}.qtile.money .qbar i{background:var(--sale)}
.qtile.gold{background:#fbf6ea;border-color:#ecdcb4}.qtile.gold .qv,.qtile.gold .qgo{color:#7a6230}.qtile.gold .qbar i{background:var(--gold)}
.qtile.done{background:var(--sale-soft);border-color:#cfe6da}.qtile.done .qv{color:var(--sale);font-size:15px}
.qtile.on{outline:3px solid rgba(184,145,58,.35)}
.qline .qpanel{grid-column:1/-1}
@media (max-width:760px){.qcols{display:none}.qcols,.qline{grid-template-columns:1fr 1fr}.qwhat{grid-column:1/-1}}
/* compact boxes: one line + thin bar */
.qtile{min-height:0;gap:6px;padding:9px 12px;border-radius:11px;border-width:1px}
.qtile .qr1{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.qtile .qv{font-size:15px}
.qtile .qgo{font-size:12px;align-self:auto;white-space:nowrap}
.qtile .qbar{height:3px}
.qtile.done{justify-content:center}.qtile.done .qv{font-size:14px}
.qline{padding-top:8px;padding-bottom:10px;align-items:center}
.qwhat b{font-size:16px}
.qtile{min-height:52px}

/* ---------- المطلوب: to-do list (one line per task, one click to open, one to save) ---------- */
.tasks{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}
.tkh{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line)}
.tkh h2{margin:0;font-size:18px;margin-inline-end:auto}
.tkc{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}
.tkc.pay{background:#fbe9e5;color:var(--red)}.tkc.assign{background:var(--gold-soft);color:#7a6230}.tkc.check{background:#e7eef7;color:#2a5a8a}
.task{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:6px 14px;padding:12px 20px;border-bottom:1px solid var(--line);margin:0}
.task:last-child{border-bottom:0}
.task:hover{background:#fdfbf7}
.tic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:15px}
.task.pay .tic{background:#fbe9e5;color:var(--red)}.task.assign .tic{background:var(--gold-soft);color:#7a6230}.task.check .tic{background:#e7eef7;color:#2a5a8a}
.ttx b{display:block;font-size:15px;font-weight:700}
.ttx b span{font-weight:800}.task.pay .ttx b span{color:var(--red)}.task.assign .ttx b span{color:#7a6230}
.ttx b em{font-style:normal;font-weight:700;color:var(--sale);font-size:14px}
.ttx small{color:var(--muted);font-size:13px}
.tbtn{min-width:86px;border:0;border-radius:10px;background:var(--dark);color:var(--gold-2);font:inherit;font-weight:800;font-size:14px;padding:9px 14px;cursor:pointer}
.tbtn.on{background:var(--gold);color:#fff}
.tinline{display:flex;gap:6px}
.tinline input{width:170px;padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.tpanel{grid-column:2/-1;display:flex;flex-direction:column;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:4px 0 2px}
.tpanel[hidden]{display:none!important}
.tpanel .bk{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.tpanel.tassign{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}
.tpanel.tassign .tnote2{grid-column:1/-1}
.tnote2{margin:0;font-size:13px;color:var(--muted)}.tnote2 b{color:var(--ink)}
.tsave{display:flex;justify-content:flex-end}
.tdone{padding:22px;text-align:center;color:var(--sale);font-weight:800}
@media (max-width:760px){.task{grid-template-columns:36px 1fr}.tbtn,.tinline{grid-column:2}.tpanel{grid-column:1/-1}.tpanel.tassign{grid-template-columns:1fr}}

/* ---------- open lists as one clean table (Excel-like): one row per item, small actions at the end ---------- */
.otbl{margin-bottom:24px}
.otbl td{padding:11px 10px}
.otbl tfoot td{background:var(--soft);font-weight:800;border-top:2px solid var(--line);border-bottom:0}
.otbl .tlink{color:var(--ink);font-weight:800;text-decoration:none}.otbl .tlink:hover{color:var(--gold)}
.goldt{color:#7a6230}
.otbl td.acts{display:grid;grid-template-columns:70px 70px;gap:6px;justify-content:end}
.abtn{border:1.5px solid var(--line);background:#fff;border-radius:9px;font:inherit;font-weight:800;font-size:13px;color:var(--ink);padding:6px 0;cursor:pointer;min-width:70px}
.abtn:hover{border-color:var(--gold)}
.abtn.on{background:var(--dark);border-color:var(--dark);color:var(--gold-2)}
.frow td{background:var(--soft);padding:12px 14px;text-align:right}
.frow[hidden]{display:none!important}
.tform2{display:flex;flex-direction:column;gap:10px;margin:0}
.tform2 .bk{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.fend{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.fassign{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}
.cinline{display:flex;gap:8px;justify-content:center;margin:0}
.cinline input{width:280px;padding:7px 12px;border:1.5px solid var(--line);border-radius:9px;font:inherit;background:#fff}
.cinline .abtn{padding:6px 14px}
.otbl td.acts{display:table-cell;width:166px}
.acw{display:grid;grid-template-columns:70px 70px;gap:6px;justify-content:end}
/* action button lives in its own cell, next to the value it changes */
.cellact{display:flex;align-items:center;justify-content:center;gap:10px}
.cellact .abtn{min-width:58px;padding:5px 10px}
.cellact{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:10px}
.cellact b{text-align:start}
.cellact .abtn{min-width:0;width:64px}
/* button under the value, both centered */
.cellact{display:flex;flex-direction:column;align-items:center;gap:6px}
.cellact b{text-align:center}
.cellact .abtn{width:72px;padding:4px 0}
.otbl td.desc{text-align:center}
.tm{white-space:nowrap;font-size:12px}
.tmt{display:inline-block;margin-top:2px;font-size:12px;color:var(--muted);font-weight:500}
/* trader history: everything centered; each payment method on its own line */
.ttbl td,.ttbl td.desc{text-align:center}
.paycell span{display:block;white-space:nowrap;line-height:1.7}
.paycell small{display:block}
#smithNew{margin-top:8px}
.abtns{grid-template-columns:repeat(3,1fr)}
/* trader payment box: cash + one bank transfer (بنك مصر by default) */
.bk.pay2{grid-template-columns:1fr 1fr!important}
.bsel{display:block;margin-top:3px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;font-size:12px;font-weight:700;padding:2px 4px;color:var(--ink)}
@media (max-width:640px){.bk.pay2{grid-template-columns:1fr!important}}

/* payment box v2: cleaner bank picker + calmer inputs */
.bk.pay2 .bkrow{display:grid;grid-template-columns:150px 1fr;align-items:stretch;min-height:58px;border-radius:12px;background:#fff;border:1.5px solid var(--line)}
.bk.pay2 .bkrow>b{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 12px;background:var(--soft);border-inline-end:1px solid var(--line);min-width:0}
.bk.pay2 .bkrow>b small{margin:0;font-size:11px;color:var(--muted);font-weight:600}
.bk.pay2 .bkrow input{font-size:17px!important;font-weight:700;padding:0 14px!important;text-align:left;direction:ltr;background:#fff!important}
.bk.pay2 .bkrow input::placeholder{color:#cbc3b3;font-weight:500}
.bsel{appearance:none;-webkit-appearance:none;width:max-content;margin:0;border:0;border-radius:999px;background:var(--gold-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237a6230' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 8px center;color:#7a6230;font:inherit;font-size:12px;font-weight:800;padding:3px 10px 3px 24px;cursor:pointer}
.bsel:focus{outline:2px solid rgba(184,145,58,.35)}
/* small confirm button inside table rows */
.fbtn{border:0;border-radius:10px;background:var(--dark);color:var(--gold-2);font:inherit;font-weight:800;font-size:14px;padding:9px 20px;cursor:pointer;white-space:nowrap}
.fbtn:hover{background:#2a261d}
.fassign .fbtn{height:44px;align-self:end}

/* top bar shortcuts */
.topnav{display:flex;gap:4px;align-items:center;margin-inline:auto;background:rgba(255,255,255,.05);border:1px solid rgba(217,183,100,.18);border-radius:999px;padding:4px}
.topnav a{color:#d9c79c;text-decoration:none;font-size:14px;font-weight:700;padding:7px 14px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
.topnav a:hover{background:rgba(255,255,255,.08);color:#fff}
.topnav a.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--dark)}
@media (max-width:1100px){.topnav a{padding:6px 10px;font-size:13px}}
@media (max-width:860px){.topnav{display:none}}

/* ---------- smart top bar: 2 daily actions + all pages menu + waiting bell ---------- */
.smart{display:flex;align-items:center;gap:8px;margin-inline:auto}
.qa{text-decoration:none;font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;color:#fff;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.qa.sale{background:linear-gradient(135deg,var(--sale-2),var(--sale))}
.qa.buy{background:linear-gradient(135deg,#2c6aa8,#1f4f80)}
.qa:hover{filter:brightness(1.1)}
.dd{position:relative}
.ddbtn{border:1px solid rgba(217,183,100,.3);background:rgba(255,255,255,.06);color:#e8d9b3;font:inherit;font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.ddbtn:hover{background:rgba(255,255,255,.12)}
.ddbtn.bell{border-color:rgba(214,96,74,.55)}
.ddbtn.bell b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-inline-start:6px;border-radius:999px;background:#c8533c;color:#fff;font-size:12px}
.ddp{position:absolute;top:calc(100% + 10px);inset-inline-start:50%;transform:translateX(50%);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.22);padding:10px;z-index:50}
.ddp[hidden]{display:none!important}
.pagesp{display:grid;grid-template-columns:repeat(3,150px);gap:6px}
.pagesp a{display:block;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;padding:10px 12px;border-radius:10px;background:var(--soft);border:1px solid var(--line);text-align:center}
.pagesp a:hover{border-color:var(--gold-2);background:#fff}
.pagesp a.on{background:var(--dark);color:var(--gold-2);border-color:var(--dark)}
.pagesp a.adm{background:var(--gold-soft);color:#7a6230;border-color:#ead9ae}
.waitp{display:flex;flex-direction:column;gap:4px;min-width:290px}
.waitp a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;padding:10px 12px;border-radius:10px}
.waitp a:hover{background:var(--soft)}
.waitp a b{margin-inline-start:auto;min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#fbe9e5;color:var(--red);font-size:13px}
@media (max-width:860px){.smart .qa{padding:7px 11px}.pagesp{grid-template-columns:repeat(2,140px)}}
@media (max-width:640px){.smart{gap:5px}.ddbtn{padding:6px 10px}}

/* =====================================================================
   App shell v2 — side menu (Stripe / Shopify style) + quick search ⌘K
   ===================================================================== */
body.app{display:block;padding-inline-start:256px;min-height:100vh}
body.app>.bar{display:none}
body.app>.side{position:fixed;inset-block:0;inset-inline-start:0;width:256px;display:flex;flex-direction:column;
  background:linear-gradient(180deg,#17150f 0%,#1d1a13 100%);border-inline-end:1px solid rgba(217,183,100,.14);z-index:30}
.sbrand{display:flex;align-items:center;gap:10px;padding:20px 20px 14px;text-decoration:none;color:#f3ead6}
.sbrand .mark{width:34px;height:34px}
.sbrand b{display:block;font-size:18px;font-weight:800;letter-spacing:.3px}
.sbrand small{display:block;font-size:12px;color:#b3a27a}
.sfind{display:flex;align-items:center;gap:8px;margin:2px 14px 10px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);color:#a99a77;font:inherit;font-size:13.5px;cursor:pointer;text-align:start}
.sfind:hover{background:rgba(255,255,255,.07);color:#e6d7b0}
.sfind svg{width:16px;height:16px}.sfind span{flex:1}
kbd{font:600 11px/1 ui-monospace,Menlo,monospace;padding:3px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.14);color:#a99a77;background:rgba(0,0,0,.2);direction:ltr}
.snav{flex:1;overflow-y:auto;padding:4px 12px 12px}
.sgroup{font-size:11.5px;font-weight:800;color:#7d7058;letter-spacing:.4px;padding:14px 10px 6px}
.sitem{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;margin:1px 0;border-radius:10px;text-decoration:none;
  color:#d4c7a8;font-size:14.5px;font-weight:600;transition:background .12s,color .12s}
.sitem svg{width:18px;height:18px;flex:none;opacity:.85}
.sitem:hover{background:rgba(255,255,255,.06);color:#fff}
.sitem.on{background:rgba(217,183,100,.14);color:#f2d68e}
.sitem.on::before{content:"";position:absolute;inset-inline-start:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--gold-2)}
.sitem.on svg{opacity:1}
.sme{display:flex;align-items:center;gap:10px;margin:8px 12px 14px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.sme .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--dark);flex:none}
.sme .who2{flex:1;min-width:0}.sme b{display:block;color:#f3ead6;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sme small{color:#9b8d6c;font-size:12px}
.sme a{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#b3a27a}
.sme a:hover{background:rgba(255,255,255,.08);color:#fff}.sme a svg{width:17px;height:17px}
body.app .wrap{max-width:1180px;padding:30px 32px 70px}
body.app .phead a.home,body.app .phead>a:last-child{display:none}   /* the menu replaces "→ الرئيسية" links */
/* quick search */
.find{position:fixed;inset:0;background:rgba(18,16,12,.45);backdrop-filter:blur(3px);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
.find[hidden]{display:none}
.fbox{width:min(560px,92vw);background:#fff;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden}
.fin{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.fin svg{width:18px;height:18px;color:var(--muted)}
.fin input{flex:1;border:0;outline:0;font:inherit;font-size:17px;background:transparent}
.fin kbd{color:var(--muted);border-color:var(--line);background:var(--soft)}
.flist{padding:8px;max-height:52vh;overflow-y:auto}
.flist a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:700}
.flist a small{margin-inline-start:auto;color:var(--muted);font-weight:500;font-size:12px}
.flist a.on,.flist a:hover{background:var(--gold-soft)}
.fnone{padding:18px;text-align:center;color:var(--muted)}
/* mobile: menu slides in */
.mtop,.sback{display:none}
@media (max-width:980px){
  body.app{padding-inline-start:0}
  body.app>.side{transform:translateX(100%);transition:transform .2s}
  body.sopen .side{transform:none}
  .sback{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:25}
  body.sopen .sback{display:block}
  .mtop{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;padding:10px 16px;background:#17150f;color:#f3ead6}
  .mtop .sbrand{padding:0;flex:1}.mtop .sbrand .mark{width:28px;height:28px}
  .mburger,.mfind{border:0;background:rgba(255,255,255,.08);color:#f3ead6;border-radius:10px;width:38px;height:38px;font-size:18px;cursor:pointer;display:grid;place-items:center}
  .mfind svg{width:18px;height:18px}
  body.app .wrap{padding:20px 16px 60px}
}
@media print{body.app>.side,.mtop,.find,.sback{display:none!important}body.app{padding:0}}
.fin input{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;height:auto!important}


.stat .avg{display:inline-block;margin:2px 0 4px;font-size:13px;font-weight:700;color:#7a6230;background:var(--gold-soft);border-radius:999px;padding:3px 10px}.stat .avg b{font-size:14px}
.stat .avg{display:table;margin:4px 0 6px}.stat .avg+.sn{display:block}
/* average price per gram of 21 — a quiet line under the grams */
.avg2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:10px 0 6px;padding-top:10px;border-top:1px dashed var(--line)}
.avg2 span{font-size:13px;color:var(--muted);font-weight:600}
.avg2 b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.avg2 b small{font-size:12px;font-weight:600;color:var(--muted)}
.stat.sale .avg2 b{color:var(--sale)}.stat.purchase .avg2 b{color:#1f4f80}
.avg2+.sn{display:block}
.avg2{justify-content:flex-start;gap:8px;margin:6px 0 6px;padding-top:0;border-top:0}
.avg2 span::after{content:":"}
/* average price next to the big grams number */
.svrow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.avg3{display:flex;flex-direction:column;align-items:flex-end;padding:4px 12px;border-inline-start:2px solid var(--line);line-height:1.25}
.avg3 small{font-size:12px;color:var(--muted);font-weight:600}
.avg3 b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.avg3 b small{font-size:12px}
.stat.sale .avg3 b{color:var(--sale)}.stat.purchase .avg3 b{color:#1f4f80}
.svrow+.sn{display:block;margin-top:8px}
.avg3{position:relative;top:22px}
.avg3{top:44px}
/* page shown when a form comes back without its secret (old tab / outside website) */
body.stale{min-height:100vh;display:grid;place-items:center;background:var(--bg)}
.stbox{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 36px;box-shadow:var(--shadow);text-align:center;max-width:440px}
.stbox h1{margin:0 0 8px;font-size:24px}.stbox p{color:var(--muted);margin:0 0 18px}
.stbox a{display:inline-block;margin:0 6px;text-decoration:none;font-weight:800;color:var(--dark);background:var(--gold-soft);border-radius:10px;padding:9px 16px}
.login .note{background:#fdf6e3;border:1px solid #ecdcb4;color:#7a6230;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700}
.flash.warn{background:#fdf6e3;border-color:#ecdcb4;color:#7a6230}
.pwrules{margin:0;padding:10px 14px 10px 0;list-style:none;font-size:13px;color:var(--muted);background:var(--soft);border-radius:10px}
.pwrules li::before{content:"• ";color:var(--gold)}
/* activity log */
.afilter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.afilter .f{min-width:180px}
.acount{margin-inline-start:auto;color:var(--muted);font-size:14px;padding-bottom:10px}.acount b{color:var(--ink);font-size:18px}
.actbl td{text-align:center;padding:10px 8px}
.actbl td.adet{text-align:right;max-width:420px;font-size:13.5px;color:#4a4438}
.actbl tr.bad td{background:#fff8f6}
.tm2{white-space:nowrap}
.apill{display:inline-block;white-space:nowrap;font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--gold-soft);color:#7a6230}
.apill.sec{background:#e7eef7;color:#2a5a8a}
/* backups page */
.bkgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.bkst{display:flex;flex-direction:column;gap:4px;border-inline-start:4px solid var(--line)}
.bkst.good{border-inline-start-color:var(--sale)}.bkst.bad{border-inline-start-color:var(--red)}.bkst.none{border-inline-start-color:var(--gold-2)}
.bkst .bl small{font-weight:500}.bkst b{font-size:22px}.bkst.good b{color:var(--sale)}.bkst.bad b{color:var(--red)}
.bkst small{color:var(--muted)}
.bkact{display:flex;gap:12px;align-items:center;margin-bottom:16px}.bkact form{margin:0}
.bkact a.save{text-decoration:none;display:inline-block}
.bktest{margin-bottom:16px}.bktest.good h3{color:var(--sale)}.bktest.bad h3{color:var(--red)}
.bkfold{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:22px}
@media (max-width:760px){.bkgrid,.bkfold{grid-template-columns:1fr}}
.aopen{display:inline-block;text-decoration:none;font-size:13px;font-weight:800;color:var(--dark);background:var(--gold-soft);border:1px solid #ead9ae;border-radius:9px;padding:5px 12px;white-space:nowrap}
.aopen:hover{background:var(--gold-2)}
/* cancel button + cancelled rows */
.xcan{margin-inline-start:4px;border:1px solid #f0c4ba;background:#fff;color:var(--red);border-radius:7px;font:inherit;font-size:11.5px;font-weight:800;padding:1px 7px;cursor:pointer;vertical-align:middle}
.xcan:hover{background:#fbe9e5}
.cxrow td{background:#fffaf8}
/* cancel button + cancelled rows */
.xcan{margin-inline-start:4px;border:1px solid #f0c4ba;background:#fff;color:var(--red);border-radius:7px;font:inherit;font-size:11.5px;font-weight:800;padding:1px 7px;cursor:pointer;vertical-align:middle}
.xcan:hover{background:#fbe9e5}
.cxrow td{background:#fffaf8}
.cxtag{display:inline-block;font-size:11.5px;font-weight:800;color:#fff;background:var(--red);border-radius:6px;padding:1px 8px}
.cxrow td{color:#8a7f70}.cxrow .cxinfo{text-align:right;font-size:13.5px}.cxrow .cxinfo b{color:var(--red)}
.cxrow .aopen{margin-inline-start:8px;padding:2px 10px;font-size:12px}
/* expenses page */
.exform{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.exlbl{font-size:14px;font-weight:700;color:var(--muted)}
.extypes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.extype{position:relative;cursor:pointer}
.extype input{position:absolute;opacity:0;pointer-events:none}
.extype span{display:block;text-align:center;padding:12px 8px;border-radius:12px;border:1.5px solid var(--line);background:var(--soft);font-weight:800;font-size:15px}
.extype input:checked+span{background:var(--dark);border-color:var(--dark);color:var(--gold-2)}
.extype:hover span{border-color:var(--gold-2)}
.exsum{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px;margin-bottom:8px}
.exbox{display:flex;flex-direction:column;gap:4px}.exbox>span{font-size:13.5px;font-weight:700;color:var(--muted)}
.exbox>b{font-size:26px;font-weight:800}.exbox>b small{font-size:13px;color:var(--muted)}
.excats{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.excats span{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13.5px}
.q.exq .qi{background:#f3e7f0;color:#8a3a72}
@media (max-width:760px){.extypes{grid-template-columns:repeat(2,1fr)}.exsum{grid-template-columns:1fr}}
.exviews{display:inline-flex;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:14px}
.exviews a{text-decoration:none;color:var(--muted);font-weight:800;padding:8px 18px;border-radius:9px}
.exviews a.on{background:var(--dark);color:var(--gold-2)}
.exmonth{max-width:260px;margin:0 0 14px}
.exgrid2{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}
@media (max-width:980px){.exgrid2{grid-template-columns:1fr}}
.extypes{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.extypes{grid-template-columns:repeat(2,1fr)}}
/* جرد الخزنة */
.ccsum{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.ccbox{display:flex;flex-direction:column;gap:2px}
.ccbox span{font-size:13.5px;font-weight:700;color:var(--muted)}.ccbox b{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}
.ccbox small{color:var(--muted);font-size:12.5px}
.ccbox.exp b{color:#8a6a24}
.ccbox.dif.ok{background:var(--sale-soft);border-color:#cfe6da}.ccbox.dif.ok b{color:var(--sale)}
.ccbox.dif.short{background:#fbe9e5;border-color:#f0c4ba}.ccbox.dif.short b{color:var(--red)}
.ccbox.dif.over{background:#e7eef7;border-color:#c9d9ec}.ccbox.dif.over b{color:#2a5a8a}
.ccin{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.ccmode{max-width:420px}
.ccnotes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}
.ccrow{display:grid;grid-template-columns:56px 18px 1fr 18px 110px;align-items:center;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:6px 12px}
.ccrow b{font-size:18px;font-weight:800;color:#7a6230}.ccrow .x,.ccrow .eq{color:var(--muted);text-align:center}
.ccrow input{padding:8px 10px;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:17px;font-weight:700;background:#fff;text-align:center}
.ccrow em{font-style:normal;font-weight:800;text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
.cctotal{max-width:420px}
.ccbad td{background:#fff8f6}.ccover{color:#2a5a8a}
.cclink{display:inline-block;margin:6px 0 2px;font-size:13px;font-weight:800;color:var(--gold);text-decoration:none}
.cclast{display:block;font-size:12.5px;font-weight:700;margin-bottom:4px}.cclast.ok{color:var(--sale)}.cclast.short{color:var(--red)}.cclast.over{color:#2a5a8a}
@media (max-width:760px){.ccsum,.ccnotes{grid-template-columns:1fr}}
/* bundles (باكو = 100 notes) + loose notes per row */
.ccnotes{grid-template-columns:1fr}
.ccrow{grid-template-columns:64px 1fr 22px 1fr 22px 150px}
.ccin2{display:flex;align-items:center;gap:6px;margin:0}
.ccin2 small{font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.ccin2 input{flex:1;min-width:0}
.ccrow em{font-size:16px}
.ccnote{margin:0;font-size:13px;color:#7a6230;background:var(--gold-soft);border-radius:10px;padding:8px 12px}
/* العجز beside the safe balance (from today's last cash count) */
.avg3.ajz{text-decoration:none;color:inherit}
.stat.cash .avg3.ajz.short b{color:var(--red)}.stat.cash .avg3.ajz.ok b{color:var(--sale)}.stat.cash .avg3.ajz.over b{color:#2a5a8a}
.stat.cash .avg3.ajz b.nc{font-size:13px;color:var(--muted);font-weight:700}
.cclast{color:var(--muted)}
.avg3.ajz{align-items:flex-start}
/* على العملاء */
.rcsum{grid-template-columns:1fr 2fr}
.rcold summary{cursor:pointer;font-weight:800;color:var(--gold);list-style:none}.rcold summary::-webkit-details-marker{display:none}
.rcoldf{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr auto;gap:10px;align-items:end;margin-top:12px}
.rchist{width:100%;background:#fff;border-radius:10px}
.rchist th{background:#fff}
.tag.crt{background:#e7f1ec;color:var(--sale)}
.toggle.crd span{color:var(--sale)}
.owedus{display:block;margin-top:6px;color:var(--sale)!important;cursor:pointer}.owedus b{font-weight:800}
.abtn.hist{min-width:70px}
@media (max-width:980px){.rcsum,.rcoldf{grid-template-columns:1fr}}
.q.rcv .qi{background:var(--sale-soft);color:var(--sale)}
/* 10 tiles → 2 even rows of 5 */
@media (min-width:981px){.quick:has(>.q:nth-child(10):last-child){grid-template-columns:repeat(5,1fr)}}

/* =====================================================================
   Side menu v2 — live counters, live safe, sliding gold pill, fold to icons
   ===================================================================== */
body.app>.side{background:radial-gradient(120% 40% at 100% 0%,rgba(217,183,100,.16),transparent 60%),linear-gradient(180deg,#15130e 0%,#1b1812 55%,#14120d 100%);
  border-inline-end:1px solid rgba(217,183,100,.18);box-shadow:-12px 0 40px -24px rgba(0,0,0,.6) inset;transition:width .22s ease}
.sglow{position:absolute;top:-60px;inset-inline-start:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,214,142,.18),transparent 70%);pointer-events:none}
.sbrand{position:relative}
.ssafe{position:relative;display:flex;align-items:baseline;gap:6px;margin:0 14px 10px;padding:10px 14px;border-radius:14px;text-decoration:none;
  background:linear-gradient(135deg,rgba(242,214,142,.16),rgba(184,145,58,.08));border:1px solid rgba(242,214,142,.28)}
.ssafe span{font-size:12px;font-weight:700;color:#bba874}
.ssafe b{margin-inline-start:auto;font-size:18px;font-weight:800;color:#f2d68e;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.ssafe small{font-size:11px;color:#9b8d6c}
.snav{position:relative}
.spill{position:absolute;inset-inline:12px;top:0;height:0;border-radius:12px;opacity:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(242,214,142,.20),rgba(217,183,100,.08));border:1px solid rgba(242,214,142,.30);
  box-shadow:0 6px 18px -8px rgba(217,183,100,.45);transition:top .35s cubic-bezier(.3,1.25,.5,1),height .2s,opacity .2s}
.sitem{position:relative;z-index:1;gap:10px;padding:4px 8px}
.snav .sgroup{padding:12px 10px 4px}
.sitem.on{background:transparent}
.sitem.on::before{display:none}
.sic{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);transition:background .15s,transform .15s}
.sic svg{width:16px;height:16px;opacity:.9}
.sitem:hover .sic{transform:scale(1.06);background:rgba(255,255,255,.09)}
.sitem.on .sic{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;color:#1b1812;box-shadow:0 4px 12px -4px rgba(217,183,100,.7)}
.sitem>span{flex:1}
.sbadge{font-style:normal;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 7px;border-radius:999px;display:grid;place-items:center;
  background:#c8533c;color:#fff;box-shadow:0 0 0 2px rgba(20,18,13,.9)}
.sbadge.scrap_out{background:#b8913a}
.sbadge.money{background:rgba(255,255,255,.08);color:#e6d7b0;font-size:10.5px;box-shadow:none;border:1px solid rgba(255,255,255,.10)}
.sbadge.receivables{color:#9fe0bd;border-color:rgba(159,224,189,.25);background:rgba(44,138,95,.18)}
.sbadge.debts{color:#f2b1a4;border-color:rgba(242,177,164,.25);background:rgba(179,65,47,.18)}
.sfold{position:absolute;top:22px;inset-inline-end:-13px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(217,183,100,.35);
  background:#1d1a13;color:#e6d7b0;cursor:pointer;display:grid;place-items:center;font-size:14px;line-height:1;z-index:31;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.sfold:hover{background:var(--gold);color:#1b1812}
.sfold span{display:inline-block;transition:transform .2s}
/* folded: slim icon bar, names on hover */
body.app.rail{padding-inline-start:84px}
body.app.rail>.side{width:84px}
body.app.rail .sfold span{transform:rotate(180deg)}
body.app.rail .sbrand div,body.app.rail .sfind span,body.app.rail .sfind kbd,body.app.rail .sgroup,body.app.rail .sitem>span,
body.app.rail .ssafe span,body.app.rail .ssafe small,body.app.rail .sme .who2,body.app.rail .sme a{display:none}
body.app.rail .sbrand{justify-content:center;padding-inline:0}
body.app.rail .ssafe{margin-inline:10px;padding:8px 4px;justify-content:center}body.app.rail .ssafe b{margin:0;font-size:11px}
body.app.rail .sfind{justify-content:center;margin-inline:14px}
body.app.rail .snav{padding-inline:12px}
body.app.rail .sitem{justify-content:center;padding:6px 0}
body.app.rail .sbadge{position:absolute;top:0;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;font-size:9.5px}
body.app.rail .sbadge.money{display:none}
body.app.rail .spill{inset-inline:10px}
body.app.rail .sme{justify-content:center;margin-inline:12px}
body.app.rail .sgroup+.sitem{margin-top:10px}
@media (max-width:980px){.sfold{display:none}body.app.rail{padding-inline-start:0}}
.snav{scrollbar-width:thin;scrollbar-color:rgba(217,183,100,.22) transparent}
.snav::-webkit-scrollbar{width:5px}.snav::-webkit-scrollbar-thumb{background:rgba(217,183,100,.22);border-radius:9px}
body.app.rail .spill{display:none}

/* =====================================================================
   الأرباح
   ===================================================================== */
.pfh .ico{background:linear-gradient(135deg,#2c8a5f,#1f6b49)}
.pftabs{display:inline-flex;gap:4px;padding:4px;margin:0 0 14px;border-radius:12px;background:#fff;border:1px solid var(--line,#e8e1d3)}
.pftabs a{padding:8px 22px;border-radius:9px;text-decoration:none;font-weight:700;color:#6b6252}
.pftabs a.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812}
.pfhero{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:16px 0;padding:26px 30px;border-radius:20px;color:#fff;
  background:linear-gradient(135deg,#1f6b49,#2c8a5f);box-shadow:0 14px 30px -18px rgba(31,107,73,.8)}
.pfhero.down{background:linear-gradient(135deg,#8f3324,#b3412f);box-shadow:0 14px 30px -18px rgba(143,51,36,.8)}
.pfhero.flat{background:linear-gradient(135deg,#4a4438,#6b6252)}
.pfbig{display:flex;align-items:baseline;gap:10px}
.pfbig small{font-size:15px;font-weight:700;opacity:.85}
.pfbig b{font-size:46px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.pfbig span{font-size:15px;opacity:.85}
.pfmoney{margin-inline-start:auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.12)}
.pfmoney span{font-size:13px;opacity:.85}.pfmoney b{font-size:24px;font-weight:800}.pfmoney small{opacity:.85}
.pfmoney em{flex-basis:100%;font-style:normal;font-size:12px;opacity:.75}
.pfcmp{padding:6px 0}
.pfrow{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:13px 22px;border-top:1px solid var(--line,#efe9dd);text-align:center}
.pfrow>span:first-child{text-align:start}
.pfrow small{display:block;font-size:11.5px;color:#9a907c;font-weight:500}
.pfrow b{font-weight:800}
.pfrow>span[dir]{font-variant-numeric:tabular-nums;font-weight:700}
.pfhd{border-top:0;font-size:13px;font-weight:800;color:#6b6252}
.pftot{background:#faf6ec;font-size:16px}
.pftot>span[dir]{font-weight:800}
.pfmon summary{cursor:pointer;padding:12px 22px;font-weight:700;color:var(--gold-d,#9a7a2c);border-top:1px solid var(--line,#efe9dd)}
.pfrow.sub{padding:9px 22px;font-size:13.5px}
.pfrow.sub.tot{font-weight:800;background:#fcfaf5}
.pfdays{padding:6px 0}
.pfd{display:grid;grid-template-columns:150px 1fr 140px 120px;align-items:center;gap:14px;padding:11px 22px;border-top:1px solid var(--line,#efe9dd);text-decoration:none;color:inherit}
.pfd:first-child{border-top:0}
.pfd:hover{background:#faf6ec}
.pfdd{font-weight:700}
.pfbar{height:10px;border-radius:9px;background:#f1ece1;overflow:hidden;display:flex}
.pfbar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#2c8a5f,#4fb486)}
.pfbar i.neg{background:linear-gradient(90deg,#b3412f,#d9715f)}
.pfd b{text-align:center;font-variant-numeric:tabular-nums}
.pfd small{color:#9a907c;text-align:center}
@media (max-width:760px){.pfrow{grid-template-columns:1.3fr 1fr 1fr 1fr;padding:11px 12px;font-size:13px}.pfd{grid-template-columns:1fr 1fr;}.pfbar{display:none}.pfbig b{font-size:34px}}
.pfcmp{margin-bottom:18px}

/* =====================================================================
   جرد المخزن
   ===================================================================== */
.sctabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 12px}
.sctab{position:relative;padding:10px 18px;border-radius:12px;border:1px solid var(--line);background:var(--card);font:inherit;font-weight:700;color:#6b6252;cursor:pointer}
.sctab.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812;border-color:transparent;box-shadow:0 6px 16px -8px rgba(184,145,58,.7)}
.sctab i{position:absolute;top:-4px;inset-inline-start:-4px;width:12px;height:12px;border-radius:50%;display:none;border:2px solid var(--bg)}
.sctab i.ok{display:block;background:#2c8a5f}.sctab i.bad{display:block;background:#c8533c}
.scsec{padding:4px 0}
.scrow{display:grid;grid-template-columns:1.3fr 1.4fr 1fr 1fr 1.2fr;align-items:center;gap:12px;padding:10px 22px;border-top:1px solid var(--line);text-align:center}
.scrow>b{text-align:start}
.schd{border-top:0;font-size:12.5px;font-weight:800;color:#8a8170}
.scexp{color:#6b6252;font-size:14px}.scexp em{font-style:normal;font-weight:800;color:var(--ink)}.scexp small{color:#9a907c}
.scrow input{width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--soft);font:inherit;text-align:center;font-weight:700}
.scrow input:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(217,183,100,.18)}
.scrow.done{background:#f2faf5}.scrow.off{background:#fdf3f0}
.scd{font-weight:800;color:#b5ab98}.scd.ok{color:#2c8a5f}.scd.bad{color:#b3412f}
.scfoot{padding:12px 22px;border-top:1px solid var(--line);background:var(--soft);font-size:13.5px;color:#6b6252;border-radius:0 0 var(--radius) var(--radius)}
.scend{margin-top:14px}
@media (max-width:760px){.scrow{grid-template-columns:1fr 1fr;}.schd{display:none}}
.scend{margin-bottom:16px}.pfcmp+.tnote,.scend+.tnote{margin-top:6px}
.stat span.sn a{color:var(--gold-d,#9a7a2c);text-decoration:none;font-weight:700}.stat span.sn b{color:var(--ink)}

/* الجرد: one page, two tabs (الخزنة / المخزن) */
.cnttabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 18px;max-width:560px}
.cnttabs a{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card);
  text-decoration:none;color:#6b6252;transition:border-color .15s,box-shadow .15s,transform .15s}
.cnttabs a:hover{border-color:var(--gold);transform:translateY(-1px)}
.cnttabs svg{width:22px;height:22px;flex:none;padding:9px;box-sizing:content-box;border-radius:12px;background:var(--soft);color:#9a907c}
.cnttabs b{display:block;font-size:16px;color:var(--ink)}
.cnttabs small{font-size:12px;color:#9a907c}
.cnttabs a.on{border-color:var(--gold);box-shadow:0 10px 24px -14px rgba(184,145,58,.8);background:linear-gradient(135deg,#fffaf0,#fff)}
.cnttabs a.on svg{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812}

/* جرد المخزن v2: item cards + sticky bottom bar */
.sctab{display:inline-flex;align-items:center;gap:8px}
.sctab em{font-style:normal;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;display:none}
.sctab em.ok{display:inline-block;background:#e3f4ea;color:#1f6b49}.sctab em.bad{display:inline-block;background:#fbe4de;color:#a43a29}
.sctab.on em.ok{background:rgba(255,255,255,.55)}.sctab.on em.bad{background:rgba(255,255,255,.55)}
.sechd{display:flex;align-items:baseline;gap:14px;margin:4px 2px 12px}
.sechd b{font-size:20px}.sechd span{color:#8a8170;font-size:13.5px}.sechd em{font-style:normal;font-weight:800;color:var(--ink)}
.itgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.zwrap{display:contents}.zwrap[hidden]{display:none}
.it{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:var(--card);border:1.5px solid var(--line);
  box-shadow:0 1px 2px rgba(0,0,0,.03);transition:border-color .15s,box-shadow .15s,background .15s}
.it:focus-within{border-color:var(--gold);box-shadow:0 10px 24px -16px rgba(184,145,58,.8)}
.it.ok{border-color:#9fd6b8;background:linear-gradient(180deg,#f3fbf6,#fff 60%)}
.it.bad{border-color:#eeb3a6;background:linear-gradient(180deg,#fdf2ef,#fff 60%)}
.ith{display:flex;align-items:center;gap:8px}
.ith b{font-size:17px}
.itexp{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--soft)}
.itexp small{font-size:12px;color:#9a907c;flex-basis:100%}
.itexp b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}
.itexp em{font-style:normal;font-size:12.5px;color:#8a8170}
.itin{position:relative;display:block}
.itin input{width:100%;box-sizing:border-box;padding:11px 12px;padding-inline-end:44px;border-radius:12px;border:1.5px solid var(--line);background:#fff;
  font:inherit;font-size:16px;font-weight:800;text-align:center}
.itin input::placeholder{font-weight:500;font-size:13px;color:#b5ab98}
.itin input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,183,100,.18)}
.itin i{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11.5px;color:#9a907c;pointer-events:none}
.itres{display:flex;align-items:center;gap:8px;min-height:30px}
.same{border:1px dashed #c9bb94;background:transparent;color:#8a7440;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.same:hover{background:#f7efda;border-style:solid}
.res{font-weight:800;font-size:13.5px}
.it.ok .res{color:#1f6b49}.it.bad .res{color:#a43a29}
.clr{display:none;margin-inline-start:auto;border:0;background:none;color:#b5ab98;font:inherit;font-size:12px;cursor:pointer}
.it.filled .same{display:none}.it.filled .clr{display:inline}
.zchips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.zchips small{color:#9a907c;font-size:12.5px}
.zc{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;color:#6b6252;cursor:pointer}
.zc:hover{border-color:var(--gold)}
.scbar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:14px;margin:22px 0 8px;padding:12px 14px;border-radius:20px;
  background:rgba(27,24,18,.94);backdrop-filter:blur(8px);color:#f3ead6;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.sbsum{display:flex;gap:6px}
.sbsum>div{padding:6px 14px;border-radius:12px;background:rgba(255,255,255,.06);text-align:center;min-width:64px}
.sbsum small{display:block;font-size:11px;color:#bba874}
.sbsum b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.sbdif.ok b{color:#7fd8a8}.sbdif.short b{color:#ff9d88}.sbdif.over b{color:#f2d68e}
.scbar input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font:inherit}
.scbar input::placeholder{color:#9b8d6c}
.scbar input.need{border-color:#ff9d88;background:rgba(255,157,136,.08)}
.scbar .save{margin:0;white-space:nowrap}
@media (max-width:760px){.scbar{flex-wrap:wrap}.scbar input{flex-basis:100%}}
.sbdif{min-width:150px!important}.sbdif b{font-size:15px!important;white-space:nowrap}
.hl{padding:2px 0}.hl b{font-weight:800}
.fixd summary{list-style:none;cursor:pointer;display:inline-block}.fixd summary::-webkit-details-marker{display:none}
.fixf{display:grid;gap:8px;margin-top:8px;min-width:220px;text-align:start}
.fixf label{position:relative;display:grid;gap:4px;font-size:12.5px}
.fixf input{padding:8px 34px 8px 10px;border-radius:10px;border:1px solid var(--line);font:inherit;font-weight:700;text-align:center}
.fixf i{position:absolute;inset-inline-end:10px;bottom:9px;font-style:normal;font-size:11.5px;color:#9a907c}
/* blind count: the expected number appears only after the person types */
.it:not(.filled) [data-exp]{display:none}
.it [data-exp]{padding:8px 12px}
.it [data-exp] b{font-size:18px}
.it:not(.filled) .itin input{border-style:dashed}
.cmpt td,.cmpt th{text-align:center}.cmpt td:first-child{text-align:start}
.cm-ok{background:#f6fbf8}.cm-short{background:#fdf3f0}.cm-mixed{background:#fff8e8}
.cmx{color:#a8700f}
.itgrid{align-items:start}
/* جرد المخزن: section switcher = one track, gold active pill, karat as a coin */
.sctabs2{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin:18px 0 14px;padding:6px;border-radius:18px;
  background:var(--card);border:1px solid var(--line);box-shadow:0 6px 18px -14px rgba(60,45,10,.35)}
.sctabs2 .tsep{width:1px;height:26px;background:var(--line);margin:0 4px}
.sctabs2 .sctab{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:0;border-radius:13px;background:transparent;
  font:inherit;font-size:15px;font-weight:700;color:#7a7060;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}
.sctabs2 .sctab:hover{background:var(--soft);color:var(--ink)}
.sctabs2 .tk{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:50%;font-size:12.5px;font-weight:800;
  background:#f4ecd8;color:#8a6d25;border:1px solid #e9dcb8}
.sctabs2 .sctab.on{background:linear-gradient(135deg,#1d1a13,#2b261b);color:#f3e6c4;box-shadow:0 8px 18px -10px rgba(0,0,0,.55)}
.sctabs2 .sctab.on .tk{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812;border-color:transparent}
.sctabs2 em{font-style:normal;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;display:none}
.sctabs2 em.ok{display:inline-block;background:#e3f4ea;color:#1f6b49}.sctabs2 em.bad{display:inline-block;background:#fbe4de;color:#a43a29}
.sctabs2 .sctab.on em.ok{background:rgba(127,216,168,.18);color:#7fd8a8}.sctabs2 .sctab.on em.bad{background:rgba(255,157,136,.18);color:#ff9d88}

/* =====================================================================
   الجرد v3 — compact switch, section list with rings, counting rows with − / +
   ===================================================================== */
.cnthead{align-items:center}
.cntsw{margin-inline-start:auto;display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.cntsw a{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:10px;text-decoration:none;font-weight:700;color:#7a7060;font-size:14.5px;border:0;background:none}
.cntsw a svg{width:17px;height:17px}
.cntsw a:hover{background:var(--soft);color:var(--ink)}
.cntsw a.on{background:linear-gradient(135deg,#1d1a13,#2b261b);color:#f2d68e}
.cw{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}
.cwside{position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.cws{display:flex;align-items:center;gap:11px;padding:10px 10px;border:0;border-radius:14px;background:transparent;font:inherit;cursor:pointer;text-align:start;color:var(--ink)}
.cws:hover{background:var(--soft)}
.cws .ring{width:34px;height:34px;flex:none;transform:rotate(-90deg)}
.ring .rb{fill:none;stroke:#efe8d8;stroke-width:3.5}
.ring .rf{fill:none;stroke:var(--gold);stroke-width:3.5;stroke-linecap:round}
.cws.done .rf{stroke:#2c8a5f}.cws.bad .rf{stroke:#c8533c}
.cwn{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.cwn b{font-size:15.5px}
.cwn i{font-style:normal;font-size:11.5px;font-weight:800;padding:2px 7px;border-radius:999px;background:#f4ecd8;color:#8a6d25}
.cws em{font-style:normal;font-size:11.5px;color:#9a907c;white-space:nowrap}
.cws.done em{color:#2c8a5f;font-weight:700}.cws.bad em{color:#b3412f;font-weight:700}
.cws.on{background:linear-gradient(135deg,#1d1a13,#2b261b);color:#f3e6c4;box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.cws.on .rb{stroke:rgba(255,255,255,.12)}
.cws.on .cwn i{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812}
.cws.on em{color:#bba874}.cws.on.done em{color:#7fd8a8}.cws.on.bad em{color:#ff9d88}
.cwmain{min-width:0}
.scsec2{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -24px rgba(60,45,10,.45)}
.cwh{display:flex;align-items:baseline;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--line)}
.cwh b{font-size:19px}.cwh span{font-size:13px;color:#9a907c}
.cr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid #f1ece2;transition:background .15s}
.cr:last-child{border-bottom:0}
.cr:focus-within{background:#fffbf1}
.cr.ok{background:#f4fbf7}.cr.bad{background:#fdf4f1}
.crn b{font-size:16.5px}
.stp{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;position:relative}
.stp:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,183,100,.18)}
.stp button{width:42px;height:46px;border:0;background:var(--soft);font:inherit;font-size:20px;font-weight:700;color:#8a7440;cursor:pointer}
.stp button:hover{background:#f4ecd8;color:var(--ink)}
.stp input{width:84px;height:46px;border:0;outline:0;text-align:center;font:inherit;font-size:21px;font-weight:800;background:transparent;font-variant-numeric:tabular-nums}
.stp input::placeholder{color:#cfc6b4;font-weight:500}
.stp.wt input{width:150px;padding-inline-end:30px}
.stp.wt i{position:absolute;inset-inline-end:12px;font-style:normal;font-size:12px;color:#9a907c}
.cr.ok .stp{border-color:#9fd6b8}.cr.bad .stp{border-color:#eeb3a6}
.crr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:end;min-height:38px;justify-content:center}
.crr .res{font-weight:800;font-size:14.5px}
.cr.ok .res{color:#1f6b49}.cr.bad .res{color:#a43a29}
.crr small{font-size:12px;color:#9a907c}
.cr:not(.filled) [data-exp]{visibility:hidden}
@media (max-width:900px){.cw{grid-template-columns:1fr}.cwside{position:static;flex-direction:row;overflow-x:auto}.cws em{display:none}
  .cr{grid-template-columns:1fr auto;}.crr{grid-column:1/-1;align-items:flex-start}}
/* section list: every part in its own column so names, karat coins and counts line up */
.cws{display:grid;grid-template-columns:34px 1fr 64px;gap:12px}
.cwn{display:grid;grid-template-columns:1fr 30px;align-items:center;gap:8px}
.cwn i{display:grid;place-items:center;width:30px;height:24px;padding:0}
.cwn i.nok{visibility:hidden}
.cws em{text-align:end}
.cws{grid-template-columns:34px 1fr 30px 64px;align-items:center}
.cwb{font-size:15.5px;text-align:start;white-space:nowrap}
.cwk{display:grid;place-items:center;width:30px;height:24px;border-radius:999px;font-style:normal;font-size:11.5px;font-weight:800;background:#f4ecd8;color:#8a6d25}
.cwk.nok{visibility:hidden}
.cws.on .cwk{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812}
.cw{grid-template-columns:268px 1fr}
.cws{grid-template-columns:34px minmax(0,1fr) 30px 58px;gap:10px;padding:10px 12px}
.cws em{overflow:hidden;text-overflow:ellipsis}
/* accountant shown, not chosen (filled from the login) */
.f input.ro{background:var(--soft);color:var(--ink);font-weight:700;cursor:default;border-style:dashed}
/* a save button after the first click */
button.busy,button:disabled.save{opacity:.6;cursor:progress}
.tifbal{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;color:#8a8170;font-size:13.5px;align-items:center}
.tifbal span{padding:5px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line)}
.tifbal b{color:var(--ink)}
/* phones: grid columns may shrink below their content (otherwise sale / purchase cards spill 70 px off screen) */
.form,.fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.form>*,.fields>*,.card,.f,.inp{min-width:0}
.f input,.f select,.inp input{min-width:0;max-width:100%}
@media (max-width:820px){.form,.fields{grid-template-columns:minmax(0,1fr)}}
.jgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.jcard{min-width:0}
@media (max-width:520px){.jgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.bk{grid-template-columns:minmax(0,1fr)!important}.bkrow b{min-width:110px}}
/* على العملاء → دهب برا المحل */
.ogive{grid-template-columns:repeat(2,minmax(0,1fr))}
.ogive .full{grid-column:1/-1}
.ogrp{padding:0;margin-bottom:14px;overflow:hidden}
.ogh{display:flex;align-items:baseline;gap:10px;padding:14px 20px;background:var(--soft);border-bottom:1px solid var(--line)}
.ogh>b{font-size:17px}.ogh small{color:#9a907c}.ogh span{margin-inline-start:auto;color:#6b6252;font-size:13.5px}
.orow{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid #f1ece2}
.orow:last-of-type{border-bottom:0}
.oi{flex:1;min-width:0}.oi b{font-size:15.5px}.oi em{font-style:normal;font-size:12px;font-weight:700;color:#8a6d25;background:#f4ecd8;padding:2px 8px;border-radius:999px}
.oi small{display:block;color:#9a907c;font-size:12.5px;margin-top:3px}
.oacts{display:flex;gap:6px;align-items:center}.oacts form{margin:0}
.abtn.sold{background:#e9f5ee;color:#1f6b49;border-color:#bfe1cc}
.ogrp .frow{padding:14px 20px;background:#fffbf1;border-bottom:1px solid #f1ece2}
.oform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.oform .full{grid-column:1/-1}
@media (max-width:640px){.ogive,.oform{grid-template-columns:minmax(0,1fr)}.orow{flex-wrap:wrap}}
/* خوارج: money + gold out of the shop on one page */
.phsub{color:#9a907c;font-size:14px;margin-inline-start:6px}
.khsum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px}
.khbox{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.khbox:hover{transform:translateY(-2px)}
.khbox::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px}
.khbox.money::before{background:linear-gradient(#2c8a5f,#4fb486)}.khbox.gold::before{background:linear-gradient(var(--gold-2),var(--gold))}
.khbox span{font-weight:700;color:#6b6252}.khbox b{font-size:30px;font-weight:800}.khbox.money b{color:#1f6b49}.khbox.gold b{color:#9a7a2c}
.khbox b small{font-size:14px;color:#9a907c;font-weight:600}
.khadd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:8px;align-items:start}
.khadd details{margin:0}
.khdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:8px;vertical-align:middle}
.khdot.m{background:#2c8a5f}.khdot.g{background:var(--gold)}
@media (max-width:760px){.khsum,.khadd{grid-template-columns:minmax(0,1fr)}}
.ppt{margin-top:12px}.oi small.inl{display:inline;color:#9a907c}
.ppt span{display:flex;flex-direction:column;gap:2px}.ppt small{font-weight:500;font-size:12.5px;color:#8a8170}.ppt{padding:12px 14px;border:1.5px dashed #e3d6b4;border-radius:12px;background:#fffbf1}
/* مديونيات: دهب علينا للعملاء */
.khbox.owe::before{background:linear-gradient(#b3412f,#d9715f)}.khbox.owe b{color:#a43a29}
.khdot.o{background:#c8533c}
.ogh .hk{margin-inline-start:10px;font-size:15px;color:var(--ink)}.ogh .hk i{font-style:normal;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:#f4ecd8;color:#8a6d25}
.hl2{display:block;font-weight:700;font-size:13.5px;margin-bottom:6px}
.hbgrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.hbgrid label{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff}
.hbgrid b{font-size:11.5px;white-space:nowrap}.hbgrid input{width:100%;border:0;text-align:center;font:inherit;font-weight:800;background:var(--soft);border-radius:7px;padding:5px 0}
.hjrow{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:8px}
.hjrow select,.hjrow>input{padding:9px 10px;border-radius:10px;border:1px solid var(--line);font:inherit;background:#fff}
.toggle.hold small{font-weight:500;font-size:12.5px}
@media (max-width:760px){.hbgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.hjrow{grid-template-columns:1fr 1fr}}
.am3{grid-template-columns:repeat(3,minmax(0,1fr))}.amhow{margin:-4px 0 14px}@media (max-width:760px){.am3{grid-template-columns:minmax(0,1fr)}}
.q.aman .qi{background:#f4ecd8;color:#8a6d25}.q.cnt .qi{background:#ebe7f5;color:#5b4a8a}
.khadd.one{grid-template-columns:minmax(0,1fr)}.toggle.amn{color:#1f6b49}a.abtn{display:inline-grid;place-items:center;text-decoration:none;padding:6px 12px}
.tag.lgm{background:#e3f4ea;color:#1f6b49}.tag.lgg{background:#f4ecd8;color:#8a6d25}
.htbl{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;border-radius:10px;overflow:hidden}.htbl th{background:var(--soft);font-size:12px;color:#8a8170;padding:8px}.htbl td{padding:8px;border-top:1px solid #f1ece2;text-align:center}
/* العملاء */
.cuhead{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.cuf{margin:0}.cusearch{flex:1;min-width:220px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit}
.curow{cursor:pointer}.curow:hover td{background:#fffbf1}
.cubal{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px;margin-bottom:12px}
.cub{padding:18px 20px}.cub .lbl{font-weight:800;font-size:15px}.cub ul{list-style:none;margin:10px 0 0;padding:0}
.cub li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #f1ece2;font-size:14px}.cub li span{color:#6b6252}
.cub.ours{border-top:4px solid #2c8a5f}.cub.theirs{border-top:4px solid #c8533c}.cub.net{border-top:4px solid var(--gold)}
.netl{display:flex;flex-direction:column;gap:2px;margin-top:12px}.netl small{color:#9a907c}.netl b{font-size:20px}
.cugo{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.vipf{margin:0 8px 0 0}.vipb{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer;color:#8a7440}
.vipb.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812;border-color:transparent}
.cued{margin-top:16px;padding:14px 18px}.cued summary{cursor:pointer;font-weight:700;color:#8a7440}.cued form{margin-top:12px}
@media (max-width:900px){.cubal{grid-template-columns:minmax(0,1fr)}}
/* name → small customer card */
a.cuname{color:inherit;text-decoration:none;border-bottom:1px dashed #c9bb94;cursor:pointer}a.cuname:hover{color:#8a6d25;border-color:var(--gold)}
.cucardbg{position:fixed;inset:0;z-index:200;background:rgba(20,18,13,.35);display:grid;place-items:center;padding:16px}
.cucardbg[hidden]{display:none}
.cucardin{position:relative;width:min(520px,100%);background:var(--card);border-radius:20px;padding:22px 24px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.cux{position:absolute;top:14px;inset-inline-end:14px;border:0;background:var(--soft);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px}
.cuct{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.cuct b{font-size:20px}.cuct small{color:#9a907c}
.cucols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cuc{padding:12px 14px;border-radius:14px;background:var(--soft)}.cuc>span{display:block;font-weight:800;margin-bottom:6px}
.cuc.ours{border-top:3px solid #2c8a5f}.cuc.theirs{border-top:3px solid #c8533c}
.cuc p{margin:4px 0;font-size:13.5px;display:flex;justify-content:space-between;gap:8px}
.cunet{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin:14px 0 4px;padding-top:12px;border-top:1px solid var(--line)}
.cunet span{color:#6b6252;font-weight:700}
.cumore{display:inline-block;margin-top:10px;color:#8a6d25;font-weight:700;text-decoration:none}
a.xtag{display:inline-block;margin-inline-start:8px;font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:999px;background:#eef0fb;color:#4a4f9a;border:1px solid #d9dcf3;text-decoration:none}
.custrule{display:block;margin-top:4px;font-size:11.5px;color:#8a7440}
.cusearch.big{display:block;width:100%;box-sizing:border-box;font-size:17px;padding:14px 18px;margin-bottom:14px;border-radius:14px}
/* حسابات العملاء: fixed columns, one value per cell */
.cutbl{table-layout:fixed;width:100%}
.cutbl th{text-align:center}.cutbl th.cn,.cutbl td.cn{text-align:start;width:24%}
.cutbl th.gours{background:#eef7f1;color:#1f6b49;border-bottom:2px solid #2c8a5f}
.cutbl th.gtheirs{background:#fbefec;color:#a43a29;border-bottom:2px solid #c8533c}
.cutbl th.sub{font-size:12px;padding:6px}.cutbl th.sub.ours{background:#f6fbf8;color:#2c8a5f}.cutbl th.sub.theirs{background:#fdf6f4;color:#b3412f}
.cutbl td{vertical-align:middle}
.cutbl td.cn b{display:block;font-size:15px}.cutbl td.cn small{display:block;color:#9a907c;font-size:12px}
.cutbl td.v{text-align:center}
.cutbl td.v b{display:block;font-size:16px;font-variant-numeric:tabular-nums}
.cutbl td.v small{display:block;font-size:11.5px;color:#9a907c;margin-top:2px}
.cutbl td.v em{font-style:normal;font-size:11px;font-weight:800;margin-inline-start:3px;color:#8a6d25}
.cutbl td.v i{font-style:normal;color:#cfc6b4}
.cutbl td.ours b{color:#1f6b49}.cutbl td.theirs b{color:#a43a29}
.cutbl td.ours{background:#fbfefc}.cutbl td.theirs{background:#fffbfa}
.cutbl td.last{font-size:13px;color:#6b6252;width:14%}
.curow:hover td{background:#fffbf1!important}
@media (max-width:760px){.cutbl{table-layout:auto}}
.cutbl td.cn small{text-align:right;margin-top:3px;letter-spacing:.3px}
/* home: 12 tiles = 2 rows of 6 on wide screens */
@media (min-width:1200px){.quick.six{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px}
  .quick.six .q{padding:16px 14px;min-width:0}
  .quick.six .q b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .quick.six .q small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:12px}
  .quick.six .q .qi{width:40px;height:40px}}
@media (min-width:981px) and (max-width:1199px){.quick.six{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.scsrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.scbox{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px dashed #d9cdb2;border-radius:12px;background:#fffbf1}
.scbox b{font-size:13px}.scbox small{font-size:11px;color:#9a907c}
.scs2{margin:10px 0 4px}
.scs2 summary{cursor:pointer;font-weight:700;font-size:13.5px;color:#8a7440;list-style:none}.scs2 summary::-webkit-details-marker{display:none}
.scs2 summary small{font-weight:500;color:#9a907c}
.scline{display:flex;gap:8px;margin-top:8px}
.scline label{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;flex:1}
.scline b{padding:8px 10px;background:var(--soft);font-size:13px;border-inline-end:1px solid var(--line)}
.scline input{border:0;outline:0;width:100%;min-width:0;padding:8px 10px;font:inherit;font-weight:700;text-align:center}
/* purchase gold: two short rows */
.gq{display:flex;flex-direction:column;gap:8px}
.gql{font-weight:800;font-size:13.5px;color:#6b6252;margin-top:4px}.gql small{font-weight:500;color:#9a907c}
.gqrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gqrow.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.gqrow label{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}
.gqrow label:focus-within{border-color:var(--gold);background:#fff}
.gqrow b{padding:10px 10px;font-size:13px;white-space:nowrap;border-inline-end:1px solid var(--line);background:#fff}
.gqrow input{border:0;outline:0;background:transparent;width:100%;min-width:0;padding:10px;font:inherit;font-weight:700;text-align:center}
@media (max-width:520px){.gqrow,.gqrow.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tosc{margin:6px 0 4px}.tosc summary{cursor:pointer;list-style:none;font-weight:700;font-size:13.5px;color:#8a7440;margin-bottom:6px}
.tosc summary::-webkit-details-marker{display:none}.tosc summary b{color:#a43a29}.tosc summary small{font-weight:500;color:#9a907c}
.pc.sc{border-style:dashed}.pc.sc.on{background:#fbefec;border-color:#c8533c}
.barsc{display:inline-flex;align-items:center;gap:6px;margin-inline-start:12px;padding:3px 10px;border-radius:999px;border:1px dashed #d9b3a8;background:#fdf6f4;font-weight:800;font-size:12.5px;color:#a43a29;cursor:pointer}
.barsc small{font-weight:500;color:#9a907c}
.barsc:has(input:checked){background:#fbe4de;border-style:solid}
.barscw{display:flex;justify-content:flex-end;margin-top:8px}.barscw .barsc{margin:0}
.pthead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pthead .pt{margin:0}.pthead .barsc{margin:0}
.pthead{margin-bottom:12px}.pthead .barsc{padding:4px 12px}
/* الورشة */
.wkinds{display:flex;gap:8px;flex-wrap:wrap}
.wkinds label,.wpay label{cursor:pointer}.wkinds input,.wpay input{display:none}
.wkinds span,.wpay span{display:inline-block;padding:8px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:13.5px}
.wkinds input:checked+span,.wpay input:checked+span{background:linear-gradient(135deg,#1d1a13,#2b261b);color:#f2d68e;border-color:transparent}
.wpay{display:flex;gap:6px}.wpay input:disabled+span{opacity:.4}
.wsend{margin-bottom:6px}
.toggle.wst small{font-weight:500;font-size:12.5px}
.wspcs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px;padding:10px 12px;border-radius:12px;background:#fffbf1;border:1px dashed #e3d6b4}
.wspcs>span{font-weight:800;font-size:13.5px}
#wspcs{display:flex;gap:8px;flex-wrap:wrap}
.wspc{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:13px;cursor:pointer}
.wsitem{flex:1;min-width:220px;margin:0}.wsitem input{width:100%}
.wsn{width:52px;padding:3px 4px;border:1px solid var(--line);border-radius:7px;text-align:center;font:inherit;font-weight:800}
.wspc span{font-weight:800}.wsw{width:70px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;text-align:center;font:inherit;font-weight:800}.wspc em{font-style:normal;font-size:11.5px;color:#9a907c}
/* sale: حالة خاصة؟ — one row of buttons instead of 8 cards */
.casebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px}
.casebar .cbt{font-weight:800;color:#6b6252;white-space:nowrap}
.cbchips{display:flex;gap:8px;flex-wrap:wrap}
.cbchip{padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-weight:700;font-size:14px;color:#4a4438;cursor:pointer;transition:all .15s}
.cbchip:hover{border-color:var(--gold)}
.cbchip.on{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;color:#1b1812;box-shadow:0 6px 14px -8px rgba(184,145,58,.8)}
.cbchip:disabled{opacity:.4;cursor:not-allowed}
/* حالة خاصة؟ v2 — cards with icon, name and when to use it */
.casebar{display:block;padding:16px 18px}
.cbhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.cbhead .cbt{font-weight:800;font-size:16px;color:var(--ink)}.cbhead .cbt small{font-weight:500;font-size:12.5px;color:#9a907c;margin-inline-start:6px}
.cbcount{font-style:normal;font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:999px;background:var(--soft);color:#8a8170}
.cbcount.on{background:#f4ecd8;color:#8a6d25}
.cbgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cbcard{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:#fff;
  font:inherit;text-align:start;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.cbcard:hover{border-color:var(--gold);transform:translateY(-1px)}
.cbcard .cbi{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px}
.cbcard .cbi svg{width:19px;height:19px}
.cbcard.pay .cbi{background:#e8f4ee;color:#1f6b49}.cbcard.gold .cbi{background:#ecf0f7;color:#2b4a66}.cbcard.keep .cbi{background:#f4ecd8;color:#8a6d25}
.cbcard span{display:flex;flex-direction:column;gap:2px;min-width:0}
.cbcard b{font-size:14.5px;color:var(--ink)}
.cbcard small{font-size:11.5px;color:#9a907c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbcard .cbok{position:absolute;top:8px;inset-inline-end:10px;font-style:normal;font-weight:800;color:#1b1812;display:none}
.cbcard.on{border-color:var(--gold);background:linear-gradient(135deg,#fffaf0,#fff)}
.cbcard.on .cbi{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812}
.cbcard.on .cbok{display:block}
.cbcard:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media (max-width:980px){.cbgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* مرتجع: one line per returned piece */
.rflines{display:flex;flex-direction:column;gap:8px}
.rfline{display:grid;grid-template-columns:1.4fr .8fr .7fr 1fr 1.2fr auto;gap:10px;align-items:end;padding:10px;border-radius:12px;background:var(--soft)}
.rfline .rm{height:42px}
.rfadd{margin:8px 0 12px}
.rftot{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:760px){.rfline{grid-template-columns:1fr 1fr}}
#wspcs{display:flex;flex-direction:column;gap:6px}
.wsrow{display:flex;align-items:center;gap:8px}
.wsrow select{padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;min-width:180px}
.wsrow em{font-style:normal;font-size:12px;color:#9a907c}
.wsrm{border:0;background:none;color:#b5ab98;cursor:pointer;font-size:13px}
.wsadd{border:1px dashed #c9bb94;background:transparent;color:#8a7440;border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.rftake .seg3{margin-top:2px}.rfboth{margin-top:10px;max-width:420px}
.wdiff{padding:9px 12px;border-radius:10px;font-weight:700;font-size:13.5px}.wdiff.neg{background:#fdf2ef;color:#a43a29}.wdiff.pos{background:#eef7f1;color:#1f6b49}
.wdue{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:999px;background:#fdf2ef;color:#a43a29;font-weight:800;font-size:13px}
.wdue.big{display:block;font-size:15px;border-radius:12px;padding:10px 14px;margin:0}.wdue.big small{font-weight:500;color:#9a907c}
.wfree{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:999px;background:#eef7f1;color:#1f6b49;font-weight:700;font-size:12.5px}
/* home: 14 tiles = 2 rows of 7 */
@media (min-width:1200px){.quick.six.seven{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px}
  .quick.seven .q{padding:14px 12px}.quick.seven .q b{font-size:14.5px}.quick.seven .q small{font-size:11.5px}.quick.seven .q .qi{width:38px;height:38px}}
.q.wsq .qi{background:#eef0f7;color:#3d4a8a}.q.cus .qi{background:#e6f0ee;color:#2b6b62}
.wlb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border-radius:10px;background:#fffbf1;border:1px dashed #e3d6b4}
.wlbt{font-weight:800;font-size:13.5px;cursor:pointer;display:flex;align-items:center;gap:6px}.wlbw{max-width:260px}
/* الورشة: send form in clear rows */
.wsform{display:flex;flex-direction:column;gap:14px;margin-top:12px}
.wsr{display:grid;gap:12px;align-items:start;padding-top:12px;border-top:1px dashed var(--line)}
.wsr2{grid-template-columns:90px repeat(2,minmax(0,1fr))}
.wsr4{grid-template-columns:90px repeat(4,minmax(0,1fr))}
.wsr4:has(.wshop:not([hidden])){grid-template-columns:90px repeat(4,minmax(0,1fr))}
.wsrt{font-weight:800;color:#8a7440;padding-top:30px}
.wsr .f{margin:0}
.wsr .custrule{font-size:11px}
@media (max-width:760px){.wsr2,.wsr4{grid-template-columns:minmax(0,1fr)}.wsrt{padding-top:0}}
#wslines{display:flex;flex-direction:column;gap:8px}
.wsl{grid-template-columns:90px repeat(4,minmax(0,1fr)) 36px}
.wsl+.wsl{border-top:0;padding-top:0}
.wslrm{align-self:end;height:42px}
.wsladd{align-self:flex-start;margin-inline-start:102px}
@media (max-width:760px){.wsl{grid-template-columns:minmax(0,1fr)}.wsladd{margin:0}}
.wshint{margin:-4px 0 0;font-size:12.5px;color:#9a907c}

/* =====================================================================
   Menu v3 — rail (4 groups) + light panel (only the chosen group's pages)
   ===================================================================== */
body.app:has(>.side.nav2){padding-inline-start:312px}
body.app.rail:has(>.side.nav2){padding-inline-start:78px}
body.app>.side.nav2{width:312px;display:flex;flex-direction:row;background:none;border:0;box-shadow:none;padding:0;overflow:visible}
body.app.rail>.side.nav2{width:78px}
.nav2 .rail{width:78px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;
  background:linear-gradient(180deg,#17140f,#1d1a13);border-inline-end:1px solid rgba(217,183,100,.15)}
.nav2 .rlogo{display:grid;place-items:center;width:48px;height:48px;margin-bottom:10px}
.nav2 .rlogo svg,.nav2 .rlogo img{width:40px;height:40px}
.nav2 .rbtn{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;padding:9px 0 7px;border:0;border-radius:14px;background:transparent;
  color:#a89a78;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.nav2 .rbtn i{display:grid;place-items:center;width:38px;height:32px;border-radius:10px;transition:background .15s}
.nav2 .rbtn svg{width:20px;height:20px}
.nav2 .rbtn:hover{color:#f3e6c4}.nav2 .rbtn:hover i{background:rgba(255,255,255,.06)}
.nav2 .rbtn.on{color:#f2d68e}.nav2 .rbtn.on i{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812;box-shadow:0 6px 16px -8px rgba(217,183,100,.8)}
.nav2 .rsp{flex:1}
.nav2 .rav{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));
  color:#1b1812;font-weight:800;text-decoration:none;margin-top:6px}
.nav2 .panel{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;background:#fbf8f1;border-inline-end:1px solid var(--line);
  box-shadow:-10px 0 30px -24px rgba(60,45,10,.35)}
body.app.rail .nav2 .panel{display:none}
.nav2 .phd{padding:20px 20px 12px}.nav2 .phd b{display:block;font-size:17px;color:var(--ink)}.nav2 .phd small{color:#9a907c;font-size:12px}
.nav2 .psafe{display:flex;align-items:baseline;gap:6px;margin:0 14px 10px;padding:12px 14px;border-radius:14px;text-decoration:none;
  background:linear-gradient(135deg,#1d1a13,#2b261b);color:#f3e6c4}
.nav2 .psafe span{font-size:12px;font-weight:700;color:#bba874}.nav2 .psafe b{margin-inline-start:auto;font-size:18px;font-weight:800;color:#f2d68e;font-variant-numeric:tabular-nums}
.nav2 .psafe small{font-size:11px;color:#9b8d6c}
.nav2 .pg{flex:1;overflow-y:auto;padding:6px 12px}
.nav2 .pgt{font-size:12px;font-weight:800;color:#9a907c;letter-spacing:.3px;padding:8px 10px 6px}
.nav2 .pit{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;margin:2px 0;border-radius:12px;text-decoration:none;
  color:#3d372c;font-weight:700;font-size:15px;transition:background .15s}
.nav2 .pit i{display:grid;place-items:center;color:#8a8170}.nav2 .pit svg{width:18px;height:18px}
.nav2 .pit:hover{background:#f3ecdc}
.nav2 .pit.on{background:#fff;color:var(--ink);box-shadow:0 4px 14px -10px rgba(60,45,10,.5);border:1px solid #eadfc4}
.nav2 .pit.on i{color:var(--gold)}
.nav2 .pit.on::before{content:"";position:absolute;inset-inline-start:-12px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--gold)}
.nav2 .pme{display:flex;align-items:center;gap:8px;margin:10px 14px 14px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.nav2 .pme div{flex:1;min-width:0}.nav2 .pme b{display:block;font-size:14px}.nav2 .pme small{color:#9a907c;font-size:11.5px}
.nav2 .pme a{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#8a8170}.nav2 .pme a:hover{background:var(--soft)}
.nav2 .pme svg{width:17px;height:17px}
.nav2 .pfold{position:absolute;top:22px;inset-inline-end:12px;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#fff;
  color:#8a7440;cursor:pointer;font-size:14px;line-height:1}
.nav2 .pfold:hover{border-color:var(--gold)}
@media (max-width:980px){body.app:has(>.side.nav2),body.app.rail:has(>.side.nav2){padding-inline-start:0}
  body.app>.side.nav2{width:312px}body.app.rail .nav2 .panel{display:flex}}
.nav2 .rtop{height:8px}

/* =====================================================================
   Menu v4 — one light menu (Shopify 2026 style): shop + search inside, all pages one click away
   ===================================================================== */
body.app:has(>.side.nav3){padding-inline-start:252px}
body.app.rail:has(>.side.nav3){padding-inline-start:68px}
body.app>.side.nav3{width:252px;display:flex;flex-direction:column;gap:2px;padding:12px 10px;background:#f7f4ee;color:var(--ink);
  border:0;border-inline-end:1px solid #e9e3d6;box-shadow:none;overflow:hidden}
body.app.rail>.side.nav3{width:68px}
.nav3 .n3top{display:flex;align-items:center;gap:6px;padding:2px 2px 8px}
.nav3 .n3shop{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;text-decoration:none;color:inherit}
.nav3 .n3shop:hover{background:#efe9dd}
.nav3 .n3sq{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:linear-gradient(135deg,var(--gold-2),var(--gold));
  color:#1b1812;font-weight:800;font-size:16px}
.nav3 .n3sn{display:flex;flex-direction:column;min-width:0}.nav3 .n3sn b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav3 .n3sn small{font-size:11.5px;color:#9a907c}
.nav3 .n3fold{width:28px;height:28px;flex:none;border:0;border-radius:8px;background:transparent;color:#8a8170;cursor:pointer;font-size:14px}
.nav3 .n3fold:hover{background:#efe9dd}
.nav3 .n3find{display:flex;align-items:center;gap:8px;margin:0 2px 6px;padding:8px 10px;border-radius:10px;border:1px solid #e6dfd0;background:#fff;
  color:#9a907c;font:inherit;font-size:13.5px;cursor:pointer;text-align:start}
.nav3 .n3find svg{width:16px;height:16px}.nav3 .n3find span{flex:1}
.nav3 .n3find kbd{font:inherit;font-size:11px;padding:1px 6px;border-radius:5px;background:#f3eee4;color:#8a8170}
.nav3 .n3safe{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 8px;padding:8px 10px;border-radius:10px;text-decoration:none;
  background:#fff;border:1px solid #e6dfd0;color:inherit}
.nav3 .n3safe span{font-size:12px;color:#8a8170;font-weight:700}.nav3 .n3safe b{font-size:15px;font-variant-numeric:tabular-nums;color:#8a6d25}
.nav3 .n3nav{flex:1;overflow-y:auto;padding:0 2px;scrollbar-width:thin}
.nav3 .n3g{font-size:11.5px;font-weight:700;color:#a39a87;padding:12px 10px 4px}
.nav3 .n3i{display:flex;align-items:center;gap:10px;padding:7px 10px;margin:1px 0;border-radius:9px;text-decoration:none;color:#3d372c;font-size:14.5px;font-weight:600}
.nav3 .n3i svg{width:18px;height:18px;flex:none;color:#8a8170}
.nav3 .n3i:hover{background:#efe9dd}
.nav3 .n3i.on{background:#fff;color:var(--ink);font-weight:800;box-shadow:0 1px 3px rgba(60,45,10,.12)}
.nav3 .n3i.on svg{color:var(--gold)}
.nav3 .n3me{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:12px;border-top:1px solid #e9e3d6}
.nav3 .n3av{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#3d372c;color:#f2d68e;font-weight:800;font-size:13px}
.nav3 .n3who{flex:1;min-width:0;display:flex;flex-direction:column}.nav3 .n3who b{font-size:13.5px}.nav3 .n3who small{font-size:11px;color:#9a907c}
.nav3 .n3me a{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#8a8170}.nav3 .n3me a:hover{background:#efe9dd}
.nav3 .n3me svg{width:16px;height:16px}
/* shrunk: icons only */
body.app.rail .nav3 .n3sn,body.app.rail .nav3 .n3find span,body.app.rail .nav3 .n3find kbd,body.app.rail .nav3 .n3safe,body.app.rail .nav3 .n3g,
body.app.rail .nav3 .n3i span,body.app.rail .nav3 .n3who,body.app.rail .nav3 .n3me a{display:none}
body.app.rail .nav3 .n3top{flex-direction:column}body.app.rail .nav3 .n3shop{justify-content:center;padding:4px}
body.app.rail .nav3 .n3fold{transform:rotate(180deg)}
body.app.rail .nav3 .n3find{justify-content:center;padding:8px 0}
body.app.rail .nav3 .n3i{justify-content:center;padding:9px 0}
body.app.rail .nav3 .n3me{justify-content:center}
@media (max-width:980px){body.app:has(>.side.nav3),body.app.rail:has(>.side.nav3){padding-inline-start:0}body.app>.side.nav3{width:270px}}

/* =====================================================================
   Menu v5 — "jewellery box": velvet dark, gold calligraphy, live gold price, the shop's pulse
   ===================================================================== */
@font-face{font-family:"ArefRuqaa";src:url(fonts/ArefRuqaa-Bold.ttf);font-weight:700}
body.app:has(>.side.nav5){padding-inline-start:262px}
body.app.rail:has(>.side.nav5){padding-inline-start:70px}
body.app>.side.nav5{width:262px;display:flex;flex-direction:column;gap:0;padding:16px 12px 12px;overflow:hidden;border:0;
  background:radial-gradient(140% 55% at 100% 0%,rgba(212,175,95,.22),transparent 60%),radial-gradient(90% 40% at 0% 100%,rgba(212,175,95,.10),transparent 70%),
             linear-gradient(180deg,#1b1511 0%,#140f0c 100%);
  color:#efe3c5;box-shadow:inset 1px 0 0 rgba(212,175,95,.18)}
body.app.rail>.side.nav5{width:70px}
.nav5 .n5glow{position:absolute;top:-80px;inset-inline-start:-60px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(242,214,142,.16),transparent 70%);pointer-events:none}
.nav5 .n5head{position:relative;display:flex;align-items:flex-start;gap:6px;padding:2px 6px 12px}
.nav5 .n5name{flex:1;text-decoration:none;display:flex;flex-direction:column;gap:2px}
.nav5 .n5name b{font-family:"ArefRuqaa",serif;font-size:30px;line-height:1.1;font-weight:700;
  background:linear-gradient(180deg,#fbe9b7 0%,#e2bd6a 45%,#b8893a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.nav5 .n5name small{font-size:11.5px;color:#a8946a;letter-spacing:.5px}
.nav5 .n5fold{width:26px;height:26px;border-radius:50%;border:1px solid rgba(212,175,95,.3);background:transparent;color:#d9bd7b;cursor:pointer;font-size:13px;margin-top:6px}
.nav5 .n5fold:hover{background:rgba(212,175,95,.15)}
.nav5 .n5price{position:relative;display:flex;align-items:baseline;gap:8px;margin:0 4px 10px;padding:10px 12px;border-radius:12px;
  background:linear-gradient(90deg,rgba(242,214,142,.14),rgba(242,214,142,.04));border:1px solid rgba(242,214,142,.25)}
.nav5 .n5price span{font-size:11.5px;color:#bba874;white-space:nowrap}
.nav5 .n5price b{margin-inline-start:auto;font-size:19px;font-weight:800;color:#f2d68e;font-variant-numeric:tabular-nums}
.nav5 .n5price em{font-style:normal;font-size:11px;font-weight:800;padding:2px 6px;border-radius:999px}
.nav5 .n5price em.up{background:rgba(79,180,134,.15);color:#7fd8a8}.nav5 .n5price em.down{background:rgba(255,141,120,.14);color:#ff9d88}
.nav5 .n5vault{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 4px 10px}
.nav5 .n5vault a{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.nav5 .n5vault small{font-size:11px;color:#9b8a66}.nav5 .n5vault b{font-size:14.5px;color:#efe3c5;font-variant-numeric:tabular-nums}.nav5 .n5vault i{font-style:normal;font-size:11px;color:#9b8a66}
.nav5 .n5vault a:hover{border-color:rgba(212,175,95,.35)}
.nav5 .n5find{display:flex;align-items:center;gap:8px;margin:0 4px 6px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.25);color:#9b8a66;font:inherit;font-size:12.5px;cursor:pointer;text-align:start}
.nav5 .n5find svg{width:15px;height:15px}.nav5 .n5find span{flex:1}
.nav5 .n5find kbd{font:inherit;font-size:10.5px;padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.06);color:#bba874}
.nav5 .n5nav{flex:1;overflow-y:auto;padding:0 4px;scrollbar-width:thin;scrollbar-color:rgba(212,175,95,.25) transparent}
.nav5 .n5g{display:flex;align-items:center;gap:8px;padding:14px 8px 6px;color:#c7a85f}
.nav5 .n5g span{font-family:"ArefRuqaa",serif;font-size:15px;white-space:nowrap}
.nav5 .n5g::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(212,175,95,.35),transparent)}
.nav5 .n5i{position:relative;display:flex;align-items:center;gap:10px;padding:7px 12px;margin:1px 0;border-radius:10px;text-decoration:none;
  color:#d9ccaf;font-size:14.5px;font-weight:600;transition:background .15s,color .15s}
.nav5 .n5i svg{width:17px;height:17px;flex:none;color:#8f7d58;transition:color .15s}
.nav5 .n5i:hover{background:rgba(255,255,255,.05);color:#fff}.nav5 .n5i:hover svg{color:#d9bd7b}
.nav5 .n5i.on{color:#f8e7bd;font-weight:800;background:linear-gradient(90deg,rgba(242,214,142,.16),rgba(242,214,142,.02))}
.nav5 .n5i.on svg{color:#f2d68e}
.nav5 .n5i.on::before{content:"◆";position:absolute;inset-inline-start:-2px;top:50%;transform:translateY(-50%);font-size:9px;color:#f2d68e;
  text-shadow:0 0 8px rgba(242,214,142,.8)}
.nav5 .n5me{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 8px 2px;border-top:1px solid rgba(212,175,95,.15)}
.nav5 .n5av{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:linear-gradient(135deg,#f2d68e,#b8893a);color:#1b1511;font-weight:800;font-size:13px}
.nav5 .n5who{flex:1;min-width:0;display:flex;flex-direction:column}.nav5 .n5who b{font-size:13.5px;color:#efe3c5}.nav5 .n5who small{font-size:11px;color:#9b8a66}
.nav5 .n5me a{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#9b8a66}.nav5 .n5me a:hover{background:rgba(255,255,255,.06);color:#f2d68e}
.nav5 .n5me svg{width:16px;height:16px}
/* shrunk: icons only */
body.app.rail .nav5 .n5name,body.app.rail .nav5 .n5price,body.app.rail .nav5 .n5vault,body.app.rail .nav5 .n5find span,body.app.rail .nav5 .n5find kbd,
body.app.rail .nav5 .n5g,body.app.rail .nav5 .n5i span,body.app.rail .nav5 .n5who,body.app.rail .nav5 .n5me a{display:none}
body.app.rail .nav5 .n5head{justify-content:center}body.app.rail .nav5 .n5fold{transform:rotate(180deg)}
body.app.rail .nav5 .n5find{justify-content:center;padding:8px 0}
body.app.rail .nav5 .n5i{justify-content:center;padding:9px 0}body.app.rail .nav5 .n5i.on::before{display:none}
body.app.rail .nav5 .n5me{justify-content:center}
@media (max-width:980px){body.app:has(>.side.nav5),body.app.rail:has(>.side.nav5){padding-inline-start:0}body.app>.side.nav5{width:280px}}
/* places: 8 items in the menu, the parts of a place are tabs on top of its pages */
.places .n3i{padding:10px 12px;font-size:15.5px}
.places .n3sep{height:1px;background:#e9e3d6;margin:10px 8px}
.ptabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:-6px 0 18px;padding:5px;border-radius:14px;background:#fff;border:1px solid var(--line);width:max-content;max-width:100%}
.ptabs .ptn{font-weight:800;font-size:13px;color:#a39a87;padding:0 10px 0 6px}
.ptabs a{padding:8px 16px;border-radius:10px;text-decoration:none;color:#5d5546;font-weight:700;font-size:14px}
.ptabs a:hover{background:var(--soft)}
.ptabs a.on{background:#3d372c;color:#f2d68e}
.co .cogrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.conet{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#eef7f1;color:#1f6b49;font-weight:700}@media (max-width:760px){.co .cogrid{grid-template-columns:minmax(0,1fr)}}
.codir{margin-bottom:12px}
.khadd{grid-template-columns:repeat(3,minmax(0,1fr))}
/* خوارج add-boxes: the opened one takes the whole row; سلفة form laid out in 2 columns */
.khadd details[open]{grid-column:1/-1}
.lendf{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.lendf .full{grid-column:1/-1}
.lendf .fbtn{justify-self:start}
@media (max-width:760px){.lendf{grid-template-columns:minmax(0,1fr)}}
.lendf{align-items:start}.lendf .fbtn{align-self:end;margin-bottom:22px}
.lendf .fbtn{align-self:end;margin-bottom:0;height:52px;padding-inline:28px}
/* action buttons: gold, not black (user) */
.fbtn{background:linear-gradient(135deg,#f2d68e,#d9b764);color:#2b2414;box-shadow:0 6px 14px -8px rgba(184,145,58,.7);transition:filter .15s,transform .15s}
.fbtn:hover{background:linear-gradient(135deg,#f6dea0,#dfbf70);filter:brightness(1.03);transform:translateY(-1px)}
.lendf .fbtn{justify-self:end}
/* row buttons (سلّم · رجّعوا الفلوس · رجعت · اتباعت · استلم …): same family as the gold buttons */
.abtn{min-width:auto;padding:8px 16px;border-radius:10px;border:1.5px solid #e6dcc4;background:#fff;color:#4a4232;font-size:13.5px;white-space:nowrap;
  transition:border-color .15s,background .15s,transform .15s}
.abtn:hover{border-color:#d9b764;background:#fffaf0;transform:translateY(-1px)}
.abtn.sold{background:linear-gradient(135deg,#f2d68e,#d9b764);border-color:transparent;color:#2b2414;box-shadow:0 6px 14px -8px rgba(184,145,58,.7)}
.abtn.sold:hover{background:linear-gradient(135deg,#f6dea0,#dfbf70)}
.abtn.on{border-color:#d9b764;background:#fff5dd}
.abtn.sold.on{background:linear-gradient(135deg,#e9c977,#cfa94f)}
.oacts .xcan{padding:7px 12px;border-radius:10px}
/* buttons v3 — small, quiet, rich: champagne fill + hairline gold, no shadows, no big gradients */
.fbtn,.abtn{font:inherit;font-weight:700;font-size:13px;letter-spacing:.2px;padding:7px 16px;height:auto;border-radius:999px;cursor:pointer;
  box-shadow:none;transform:none;transition:background .15s,border-color .15s,color .15s}
.fbtn{background:#f7efdc;border:1px solid #cfae62;color:#7a5c1e}
.fbtn:hover{background:#efe0bc;border-color:#b8913a;color:#5e4515;filter:none;transform:none}
.abtn{background:transparent;border:1px solid #e3d8bf;color:#5d5546;min-width:auto}
.abtn:hover{background:#fbf6ea;border-color:#cfae62;color:#7a5c1e;transform:none}
.abtn.sold{background:#f7efdc;border:1px solid #cfae62;color:#7a5c1e;box-shadow:none}
.abtn.sold:hover{background:#efe0bc;border-color:#b8913a}
.abtn.on,.abtn.sold.on{background:#7a5c1e;border-color:#7a5c1e;color:#fbf3df}
.lendf .fbtn{height:auto;padding:9px 22px}
.oacts .xcan{border-radius:999px;padding:6px 14px;font-size:12.5px}
.selbar{min-width:160px}.selbar i{display:inline-block;height:9px;border-radius:9px;background:linear-gradient(90deg,#d9b764,#f2d68e);vertical-align:middle}.selbar small{margin-inline-start:8px;color:#9a907c}.rl.partner{background:#f4ecd8;color:#8a6d25}.rl.manager{background:#ecf0f7;color:#2b4a66}
/* home: 15 icons = 3 rows of 5 */
@media (min-width:1200px){.quick.five{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px}}
.q.coq .qi{background:#e8f4ee;color:#1f6b49}

/* =====================================================================
   Top bar (no side menu): shop · home · search · safe · my menu (special tools)
   ===================================================================== */
body.app:has(>.tbar){padding-inline-start:0}
body.app:has(>.tbar) .mtop{display:none!important}
.tbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 24px;
  background:rgba(247,244,238,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e9e3d6}
.tshop{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:4px 6px;border-radius:10px}
.tshop:hover{background:#efe9dd}
.tsq{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1b1812;font-weight:800;font-size:16px}
.tsn{display:flex;flex-direction:column}.tsn b{font-size:15px}.tsn small{font-size:11px;color:#9a907c}
.thome{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;text-decoration:none;color:#5d5546;font-weight:700;font-size:13.5px;border:1px solid #e3d8bf;background:#fff}
.thome svg{width:16px;height:16px}.thome:hover{border-color:#cfae62;color:#7a5c1e}
.tfind{display:flex;align-items:center;gap:8px;width:min(380px,40vw);padding:8px 12px;border-radius:999px;border:1px solid #e6dfd0;background:#fff;
  color:#9a907c;font:inherit;font-size:13.5px;cursor:pointer;text-align:start}
.tfind svg{width:16px;height:16px}.tfind span{flex:1}
.tfind kbd{font:inherit;font-size:11px;padding:1px 7px;border-radius:6px;background:#f3eee4;color:#8a8170}
.tfind:hover{border-color:#cfae62}
.tsp{flex:1}
.tsafe{display:flex;align-items:baseline;gap:8px;padding:7px 14px;border-radius:999px;text-decoration:none;background:#fff;border:1px solid #e6dfd0;color:inherit}
.tsafe small{font-size:12px;color:#8a8170;font-weight:700}.tsafe b{font-size:15px;color:#8a6d25;font-variant-numeric:tabular-nums}
.tme{position:relative}
.tme summary{list-style:none;display:flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;border-radius:999px;cursor:pointer;border:1px solid transparent}
.tme summary::-webkit-details-marker{display:none}
.tme summary:hover,.tme[open] summary{background:#fff;border-color:#e6dfd0}
.tav{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#3d372c;color:#f2d68e;font-weight:800;font-size:13px}
.twho{display:flex;flex-direction:column;line-height:1.2}.twho b{font-size:13.5px}.twho small{font-size:11px;color:#9a907c}
.tme i{font-style:normal;color:#9a907c;font-size:11px}
.tmenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:230px;padding:8px;border-radius:14px;background:#fff;border:1px solid #e6dfd0;
  box-shadow:0 18px 40px -16px rgba(60,45,10,.35);z-index:70}
.tmg{font-size:11.5px;font-weight:800;color:#a39a87;padding:6px 10px 4px}
.tmenu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-decoration:none;color:#3d372c;font-weight:600;font-size:14px}
.tmenu a svg{width:17px;height:17px;color:#8a8170}
.tmenu a:hover,.tmenu a.on{background:#f7f1e3}.tmenu a.on svg{color:var(--gold)}
.tmenu .tout{color:#a43a29}.tmenu .tout svg{color:#a43a29}
.tmsep{height:1px;background:#efe9dd;margin:6px 4px}
@media (max-width:760px){.tbar{padding:8px 12px;gap:8px}.tsn,.thome span,.tfind span,.tfind kbd,.twho,.tsafe small{display:none}.tfind{width:auto}}

/* the dock: floating at the bottom — الرئيسية · بيع · شراء + the person's most used pages */
body.app:has(>.dock){padding-bottom:96px}
.dock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:65;display:flex;align-items:center;gap:4px;padding:6px;border-radius:20px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(14px) saturate(1.2);border:1px solid #e6dfd0;box-shadow:0 18px 40px -14px rgba(60,45,10,.35)}
.dock a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:66px;padding:8px 8px 6px;border-radius:14px;text-decoration:none;color:#6b6252;
  font-size:11.5px;font-weight:700;transition:background .15s,color .15s,transform .15s}
.dock a svg{width:20px;height:20px}
.dock a:hover{background:#f7f1e3;color:#3d372c;transform:translateY(-2px)}
.dock a.on{background:#3d372c;color:#f2d68e}
.dock .dk-sale svg{color:#2c8a5f}.dock .dk-buy svg{color:#2b5f8a}.dock a.on svg{color:#f2d68e}
.dock .dsep{width:1px;height:34px;background:#e6dfd0;margin:0 4px}
@media (max-width:760px){.dock{bottom:8px;max-width:calc(100% - 16px);overflow-x:auto}.dock a{min-width:56px}}
@media print{.dock,.tbar{display:none!important}}
/* top bar v2: a floating island like the dock, exactly as wide as the page content */
.tbar{display:block;padding:12px 32px 0;background:transparent;backdrop-filter:none;border:0;pointer-events:none}
.tbar .tin{pointer-events:auto;max-width:1116px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 8px;border-radius:20px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(14px) saturate(1.2);border:1px solid #e6dfd0;box-shadow:0 14px 34px -18px rgba(60,45,10,.35)}
.tbar .tfind{width:auto;flex:1;max-width:420px;margin-inline-start:6px;background:#f9f6ef;border-color:#eee6d6}
.tbar .tsp{flex:1}
.tbar .tsafe{background:#f9f6ef;border-color:#eee6d6}
.tbar .tme summary{padding:3px 8px 3px 4px}
.tbar .tme summary:hover,.tbar .tme[open] summary{background:#f9f6ef;border-color:#eee6d6}
.tbar .thome{background:#f9f6ef;border-color:#eee6d6}
@media (max-width:1240px){.tbar .tin{max-width:none}}
@media (max-width:980px){.tbar{padding:8px 16px 0}}
/* top bar v3: shop (right) · search in the exact centre · me (left) */
.tbar .tin{display:grid;grid-template-columns:1fr minmax(260px,440px) 1fr;align-items:center;gap:12px}
.tbar .tside{display:flex;align-items:center;gap:8px;min-width:0}.tbar .tend{justify-content:flex-end}
.tbar .tfind{max-width:none;width:100%;margin:0;justify-content:center;gap:10px;padding:10px 16px;border-radius:14px;background:#f5f1e8;border:1px solid transparent;
  color:#8a8170;font-size:14px;transition:background .15s,border-color .15s,box-shadow .15s}
.tbar .tfind span{flex:0 1 auto}
.tbar .tfind svg{width:17px;height:17px;color:#b8913a}
.tbar .tfind kbd{background:#fff;border:1px solid #e6dfd0;color:#9a907c;font-size:11px;padding:1px 7px;border-radius:6px}
.tbar .tfind:hover{background:#fff;border-color:#e3d6b4;box-shadow:0 0 0 4px rgba(217,183,100,.12)}
@media (max-width:760px){.tbar .tin{grid-template-columns:auto 1fr auto}}
.tke{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;transition:transform .15s}
.tke img{width:36px;height:36px;display:block;border-radius:10px}
.tke:hover{transform:scale(1.06)}
.tsubs{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:#f4ecd8;color:#8a6d25;border:1px solid #e3d3a8;vertical-align:middle;margin-inline-start:4px}

/* brand lockup v2: KE logo │ shop name + subscriber line */
.tke{width:32px;height:32px;border-radius:9px;box-shadow:0 2px 6px rgba(40,30,10,.18)}
.tke img{width:32px;height:32px;border-radius:9px}
.tshop{position:relative;padding:3px 12px 3px 8px;margin-inline-start:2px;white-space:nowrap}
.tshop::before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:1px;background:linear-gradient(#0000,#dccfae,#0000)}
.tsn{gap:3px;line-height:1.15}
.tsn b{font-size:16px;font-weight:800;color:#2b2416;letter-spacing:0}
.tsn small{display:flex;align-items:center;gap:6px;font-size:11px;color:#a39883}
.tsubs{display:inline-flex;align-items:center;gap:3px;margin:0;padding:1px 7px 1px 8px;font-size:10px;font-weight:800;line-height:16px;border-radius:999px;background:linear-gradient(180deg,#fbf3df,#f1e3bd);color:#7a5c1e;border:1px solid #dcc58c}
.tsubs svg{width:10px;height:10px}
.tvia i{font-style:normal;font-weight:700;color:#8a7e66;letter-spacing:.2px}

/* one customer box (sale / purchase): turns gold when a case needs the name */
.f.must>span{color:#7a5c1e}
.f.must input{border-color:#cfae62;background:#fffaf0;box-shadow:0 0 0 3px #f4e9cc}

/* customer picker: our own list under a name box (same look on every browser) */
.cdd{position:absolute;inset-inline:0;z-index:50;background:#fff;border:1px solid #e6dcc4;border-radius:12px;box-shadow:0 10px 28px rgba(60,45,15,.14);padding:5px;max-height:300px;overflow:auto}
.cdd button{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;cursor:pointer}
.cdd button b{font-size:14px;font-weight:700;color:#2b2416}
.cdd button small{font-size:12px;color:#9a907c;font-variant-numeric:tabular-nums}
.cdd button:hover,.cdd button.on{background:#f7efdc}
.cdd .cdh{margin:4px 10px 6px;font-size:11.5px;color:#a39883}

/* top bar v4: no KE logo · the sides never run under the search box */
.tbar .tin{grid-template-columns:minmax(max-content,1fr) minmax(220px,440px) minmax(max-content,1fr)}
.tshop{padding:3px 8px}
.tshop::before{display:none}
/* brand: small «اسم الشركة» label above the shop name */
.tsn.tsn2{gap:1px}
.tsn.tsn2 small{display:block;font-size:10.5px;font-weight:700;color:#b09a68;letter-spacing:0}
.tsn.tsn2 b{font-size:17px}
.tbar .thome{margin-inline-start:14px}

/* dock ✎: each person picks the pages on his own bar */
.dock .dkedit{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:8px 6px 6px;border-radius:14px;cursor:pointer;color:#a39883;font-size:11.5px;font-weight:700;margin-inline-start:2px;border-inline-start:1px dashed #e6dfd0}
.dock .dkedit svg{width:18px;height:18px}
.dock .dkedit:hover{background:#f7f1e3;color:#7a5c1e}
.dkbg{position:fixed;inset:0;z-index:90;background:rgba(40,32,18,.28);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}
.dkbg[hidden]{display:none}
.dkpan{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fffdf9;border:1px solid #ece3cf;border-radius:20px;box-shadow:0 24px 60px rgba(40,30,10,.22);padding:20px 22px}
.dkhd b{display:block;font-size:17px;color:#2b2416}.dkhd small{display:block;margin-top:3px;font-size:12px;color:#9a907c}
.dkg{margin-top:16px}.dkgt{display:block;font-size:11.5px;font-weight:800;color:#b09a68;margin-bottom:8px}
.dkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.dkc{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #eee6d6;background:#fff;cursor:pointer;font-size:13.5px;font-weight:700;color:#5d5546;transition:.12s}
.dkc input{position:absolute;opacity:0;pointer-events:none}
.dkc svg{width:18px;height:18px;flex:none;color:#a39883}
.dkc:hover{border-color:#e3d3a8}
.dkc.on{background:#f7efdc;border-color:#cfae62;color:#7a5c1e}.dkc.on svg{color:#b8913a}
.dkc:has(input:disabled){opacity:.45;cursor:not-allowed}
.dkft{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #f0e9da}
.dkft #dkn{flex:1;font-size:12.5px;color:#9a907c;font-weight:700}
.dkc span{white-space:nowrap}.dkpan{width:min(600px,100%)}
.dkgt em{font-style:normal;font-weight:600;color:#a39883}

/* ساب فلوسه أمانة: the amount box hangs under its tick as one card */
.ppt:has(#kchk:checked){border-radius:12px 12px 0 0;border-bottom:0}
.kpbox2{margin-top:0;padding:4px 14px 14px;border:1.5px dashed #e3d6b4;border-top:0;border-radius:0 0 12px 12px;background:#fffbf1}
.kpbox2[hidden]{display:none}
.kpbox2 .f{max-width:340px}
.kpbox2 .inp input{background:#fff}
.kpbox2 .kph{display:block;margin-top:6px;font-size:12px;color:#9a907c}

/* customer page: «اعمل له» — every action opens with his name and phone filled */
.cuact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;margin:14px 0 6px}
.cuat{font-size:12.5px;font-weight:800;color:#b09a68;white-space:nowrap}
.cuabtns{display:flex;flex-wrap:wrap;gap:8px}
.ogrp.hl{box-shadow:0 0 0 2px #cfae62,0 8px 24px rgba(160,120,40,.15)}

/* أمانات: 4 boxes · 2 add forms (فلوس / دهب من عنده) */
.am4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.am4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.khadd.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpbox[hidden]{display:none}

/* من أمانته: his balance line under the boxes, then the "left the gold" tick */
#amnbox .fields{margin-bottom:0}
.amline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#f3f8f4;border:1px solid #d7e8dc}
.amline span{font-size:13.5px;color:#3f5f4b}.amline span b{font-size:15px;color:#1f6b49;margin:0 2px}
.amline span.neg,.amline span.neg b{color:#b4432f}
.amline small{font-size:11.5px;color:#8a9a8f}
#amnbox .ppt{margin-top:12px}

/* حجز: الباقي عليه · تسليم + الباقي */
.resleft{margin-top:12px;max-width:420px}.resleft[hidden]{display:none}.resleft .kph{display:block;margin-top:6px;font-size:12px;color:#9a907c}
.dlform{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:12px 6px}
.dlform label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#7a705e;font-weight:700}
.dlform .inp{width:150px}.dlform select{min-width:130px}
.dlform .dlt{flex-basis:100%;font-size:14px}.dlform .dlt b{color:#b4432f}
.holdon{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1.5px dashed #e3d6b4;border-radius:12px;background:#fffbf1}
.holdon b{font-size:15px}.holdon small{font-size:12.5px;color:#8a8170}

/* الورشة: came back heavier → the added gold has a price (highlighted, can't be skipped) */
.wheavy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;align-items:end;padding:12px 14px;border-radius:12px;background:#fff7e6;border:1.5px solid #e9c46a}
.wheavy[hidden]{display:none}
.wheavy .wht{grid-column:1/-1;color:#8a5a00;font-size:14.5px}
.wheavy small{grid-column:1/-1;color:#a0661a;font-weight:700;font-size:12.5px}
.wdue small{font-weight:600;opacity:.85}

/* جرد المخزن v3: one shared table · your column · result after 2 counted */
.ct-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px}
.ctp{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#eef7f1;color:#1f6b49;font-weight:800;font-size:13px;border:1px solid #d3e8da}
.ctp small{font-weight:600;color:#6f8f7b}.ctp.me{background:#f7efdc;color:#7a5c1e;border-color:#e3d3a8}
.ctp.wait{background:#fff;color:#9a907c;border:1px dashed #e0d6c2}
.ctsum{margin-inline-start:auto;font-size:13.5px}.ctsum .ok{color:#1f6b49}.ctsum .mix,.cttbl .mix{color:#b7791f}
.ct{padding:0;overflow:auto}
.cttbl{width:100%;border-collapse:collapse;font-size:14px}
.cttbl th{position:sticky;top:0;background:#faf7f0;color:#8a7e66;font-size:12px;font-weight:800;text-align:start;padding:10px 12px;border-bottom:1px solid #eee6d6;z-index:1}
.cttbl td{padding:7px 12px;border-bottom:1px solid #f3eee3;vertical-align:middle}
.cttbl .ctg td{background:#fbf8f1;color:#b09a68;font-weight:800;font-size:12.5px;padding:8px 12px}
.cttbl .ctn{font-weight:700;color:#2b2416}
.cttbl .cte{color:#7a705e;white-space:nowrap}.cttbl .cte small{color:#a39883}
.cttbl .cti input{width:96px;padding:7px 10px;border-radius:10px;border:1px solid #e6dcc4;background:#fff;text-align:center;font-weight:800;font-size:15px}
.cttbl .ctnote input{width:100%;min-width:140px;padding:7px 10px;border-radius:10px;border:1px solid #f0e9da;background:#fdfbf7;font-size:13px}
.cttbl .ctr{font-size:12.5px;font-weight:800;white-space:nowrap}
.cttbl tr.ok .ctr{color:#1f6b49}.cttbl tr.bad .ctr{color:#b4432f}
.cttbl tr.ok .cti input{border-color:#9fd0b2;background:#f3faf5}.cttbl tr.bad .cti input{border-color:#e7a99c;background:#fdf4f2}
.cttbl.res tr.st-ok td{background:#f6fbf7}.cttbl.res tr.st-agree td{background:#fdf3f1}.cttbl.res tr.st-mixed td{background:#fff8e8}
.cthist{margin-top:22px}.cthist>summary{cursor:pointer;font-weight:800;font-size:16px;padding:8px 2px;color:#3d372c}
.cttbl .ctg td{text-align:start}
#scform .scbar{position:static;margin-top:14px}
/* الورشة: we owe the customer (his lost gold came back to our scrap) */
.wowe{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:999px;background:#eef3fb;color:#2b5f8a;font-weight:800;font-size:13px}
.wowe.big{display:block;font-size:15px;border-radius:12px;padding:10px 14px;margin:0}.wowe small{font-weight:600;opacity:.85}
.wsc{display:grid;gap:6px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#eef3fb;border:1.5px solid #b9cde3}
.wsc[hidden]{display:none}.wsc small{color:#2b5f8a;font-weight:700;font-size:12.5px}
.wscn{display:block;margin-top:6px;color:#2b5f8a;font-weight:700;font-size:12.5px}
.wnet{margin:0;padding:10px 14px;border-radius:12px;background:#f6f3ec;color:#7a705e;font-weight:800}
.wnet.pay{background:#fdf2ef;color:#a43a29}.wnet.get{background:#eef3fb;color:#2b5f8a}
.wscd[hidden]{display:none}

/* bars picker (حجز delivered with other bars · دفعنا مقدم arrived as other bars) */
.swp{display:flex;flex-direction:column;gap:8px;flex-basis:100%;padding:10px 12px;border-radius:12px;background:#fbf8f1;border:1px solid #efe6d3}
.swpk[hidden]{display:none}
.bpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.bpg label{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px;border-radius:10px;background:#fff;border:1px solid #eee6d6;font-size:12.5px}
.bpg b{white-space:nowrap;color:#5d5546}.bpg input{width:42px;padding:4px;border:1px solid #e6dcc4;border-radius:8px;text-align:center;font-weight:800}
.bpt{margin:6px 0 0;font-weight:800;font-size:13px;color:#9a907c}.bpt.ok{color:#1f6b49}.bpt.bad{color:#b4432f}
.bpg{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px}.bpg .pc{min-width:58px;padding:7px 10px;font-size:14px}
.bpk .phint{margin:6px 0 0;font-size:12px;color:#9a907c}

/* فرق الوزن box (reservation delivered / prepaid arrived with another weight) */
.dfp{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px 14px;border-radius:12px;background:#fff7e6;border:1.5px solid #e9c46a;flex-basis:100%}
.dfp[hidden]{display:none}.dfp .dft{color:#8a5a00;font-size:14px}.dfp.pay{background:#eef3fb;border-color:#b9cde3}.dfp.pay .dft{color:#2b5f8a}
.dfr{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.dfr label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#7a705e}
.dfr .inp{width:140px}

/* خوارج: 3 boxes = 3 tabs, one list at a time */
.ktabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.ktb{font:inherit;text-align:start;cursor:pointer;border:1.5px solid transparent;transition:transform .12s,border-color .12s,box-shadow .12s}
.ktb:hover{transform:translateY(-2px)}
.ktb.on{border-color:#cfae62;box-shadow:0 0 0 4px rgba(217,183,100,.15),0 8px 22px rgba(80,60,20,.08)}
.ktab[hidden]{display:none}
.ktab .khadd{margin-top:4px}
.kflat .krow+.frow,.kflat .krow{border-top:1px solid #f3eee3}
.kflat .krow:first-child{border-top:0}
.kflat .krow .oi em{margin-inline-start:6px}
.kdone{margin-top:16px}.kdone>summary{cursor:pointer;font-weight:800;color:#7a705e;padding:8px 2px}.kdone>summary small{font-weight:600}
@media (max-width:760px){.ktabs{grid-template-columns:minmax(0,1fr)}}

/* خوارج: the «+» actions as small icon buttons; the form opens full width under them */
.kadd{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 14px}
.kadd>details{margin:0;padding:0;border-radius:14px;background:#fff;border:1px solid #ece3cf;box-shadow:none}
.kadd>details>summary{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 16px;cursor:pointer;list-style:none}
.kadd>details>summary::-webkit-details-marker{display:none}
.kadd .kpl{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f7efdc;color:#7a5c1e;flex:none}
.kadd .kpl svg{width:16px;height:16px}
.kadd summary span{display:flex;flex-direction:column;line-height:1.25}.kadd summary b{font-size:14px;color:#3d372c}.kadd summary small{font-size:11.5px;color:#9a907c}
.kadd>details:hover{border-color:#e3d3a8}
.kadd>details[open]{flex-basis:100%;border-color:#cfae62}
.kadd>details[open] .kpl{background:#7a5c1e;color:#fff;transform:rotate(45deg)}
.kadd>details[open]>form{padding:4px 16px 16px}
.kadd{margin-top:14px}

/* خوارج «+» actions v2: three equal cards under the three boxes */
.kadd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 16px}
.kadd>details{border:1.5px dashed #e3d3a8;background:#fffcf6;border-radius:16px;transition:border-color .15s,box-shadow .15s,transform .15s}
.kadd>details:hover{border-style:solid;border-color:#d9bf7f;box-shadow:0 8px 20px rgba(120,90,30,.08);transform:translateY(-1px)}
.kadd>details>summary{gap:12px;padding:12px 14px}
.kadd .kic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex:none}
.kadd .kic svg{width:20px;height:20px}
.kadd .kic.m{background:#e9f4ee;color:#1f6b49}.kadd .kic.g{background:#f7efdc;color:#8a6d25}
.kadd summary span{flex:1;min-width:0}.kadd summary b{font-size:14.5px}
.kadd .kgo{font-style:normal;font-size:12px;font-weight:800;color:#7a5c1e;background:#f7efdc;border:1px solid #e9d9ae;padding:4px 10px;border-radius:999px;white-space:nowrap}
.kadd>details[open]{grid-column:1/-1;border-style:solid;border-color:#cfae62;background:#fff}
.kadd>details[open] .kgo{background:#7a5c1e;color:#fff;border-color:#7a5c1e}
.kadd>details[open] .kgo{font-size:0}.kadd>details[open] .kgo::after{content:"✕ إغلاق";font-size:12px}
@media (max-width:760px){.kadd{grid-template-columns:minmax(0,1fr)}}
.kadd form>.fbtn{grid-column:1/-1;justify-self:center;width:auto;min-width:280px;padding-inline:28px}
/* item number (code) in the stock tables */
.icode{display:inline-block;min-width:34px;margin-inline-end:8px;padding:1px 6px;border-radius:6px;background:#f3eee3;color:#8a7e66;font-size:11.5px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
/* item number on the pick buttons (sale / purchase / refund) */
.pc .pcc{display:block;margin:1px 0 0;font-size:9.5px;font-weight:800;color:#a39883;line-height:1;letter-spacing:.2px}
.pc .pcc:empty{display:none}.pc.on .pcc{color:#7a5c1e}
.icode,.pc .pcc{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}
.icode{min-width:58px}
.icode{margin:0 0 0 8px}   /* the chip is left-to-right inside an RTL row: the gap goes on its left, next to the name */

/* خوارج قطع: one line per shop, opens to its pieces */
.kgh{cursor:pointer}.kgh:hover{background:#fdfaf3}
.kgh .kchips{display:inline-flex;flex-wrap:wrap;gap:4px;margin-inline-start:6px;vertical-align:middle}
.kgh .kchips em{margin:0!important}
.kgh .kgo2 i{font-style:normal;display:inline-block;transition:transform .15s}
.kgh.open{background:#fbf6ea}.kgh.open .kgo2 i{transform:rotate(180deg)}
.kgi{padding-inline-start:34px!important;background:#fffdf8;position:relative}
.kgi::before{content:"";position:absolute;inset-inline-start:18px;top:0;bottom:0;width:2px;background:#ecdfbf}

/* خوارج قطع v3: one clean aligned row — who · what · weight · since · actions */
.krw{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(150px,1.4fr) 90px minmax(110px,1fr) auto;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid #f3eee3}
.kflat>.krw:first-child{border-top:0}
.krw .kp{display:flex;align-items:center;gap:10px;min-width:0}
.krw .kav{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3ecdc;color:#7a5c1e;font-weight:800;font-size:15px;flex:none}
.krw .kp>span:last-child{display:flex;flex-direction:column;min-width:0}
.krw .kp b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.krw .kp small{font-size:11.5px;color:#a39883}
.krw .ki{display:flex;flex-direction:column;gap:3px;min-width:0}.krw .ki b{font-size:14px;color:#2b2416}
.krw .ki small{font-size:12px;color:#8a7e66;display:flex;align-items:center;gap:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.krw .ki .icode{font-size:10.5px;min-width:0;padding:0 5px}
.krw .kw{display:flex;align-items:baseline;gap:4px}.krw .kw b{font-size:16px;color:#2b2416;font-variant-numeric:tabular-nums}.krw .kw small{font-size:11px;color:#a39883}
.krw .kd{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12.5px;color:#7a705e}
.krw .kd small{font-size:11.5px;color:#a39883;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.krw .oacts{display:flex;gap:6px;justify-content:flex-end}
.krw.kgh{cursor:pointer}.krw.kgh:hover{background:#fdfaf3}.krw.kgh.open{background:#fbf6ea}
.krw.kgi{background:#fffdf8}.krw.kgi .kp{border-inline-start:2px solid #ecdfbf;height:100%;margin-inline-start:16px}
.krw.kgi::before{display:none}
@media (max-width:900px){.krw{grid-template-columns:1fr 1fr;}.krw .oacts{grid-column:1/-1;justify-content:flex-start}}
.krw{grid-template-columns:minmax(170px,1.3fr) minmax(150px,1.4fr) 100px minmax(120px,1fr) 236px}   /* fixed action column: every row lines up */
.krw .kph2{display:inline-flex;align-items:center;gap:5px;align-self:flex-end;margin-top:2px;font-size:12px;color:#8a7e66;font-weight:600;letter-spacing:.3px;font-variant-numeric:tabular-nums}
.krw .kph2 svg{width:11px;height:11px;color:#b8a57a;flex:none}
.krw .kp>span:last-child{align-items:flex-start}.krw .kph2{align-self:flex-start}   /* RTL: name and phone both start at the right edge */

/* خوارج «اتحاسبوا»: ① gold back · ② money */
.stt{margin:0;font-weight:800;color:#3d372c}.stt small{font-weight:600;color:#9a907c;margin-inline-start:6px}
.stg{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:#fbf8f1;border:1px solid #efe6d3}
.stg>b{font-size:13.5px;color:#7a5c1e}.stg>b small{font-weight:600;color:#a39883}
.stgr{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.stgr .inp{width:160px}.stgr small{color:#9a907c;font-size:12px}
.stg .payblk{margin-top:2px}
.stgr select{padding:10px 12px;border-radius:12px;border:1px solid #e6dcc4;background:#fff;font:inherit;font-size:14px;min-width:120px}

/* «اتحاسبوا» v2: pick how → one or two short boxes */
.stmode{display:flex;gap:8px;flex-wrap:wrap}
.stmode label,.stk label{cursor:pointer}.stmode input,.stk input{position:absolute;opacity:0;pointer-events:none}
.stmode span{display:inline-block;padding:9px 16px;border-radius:999px;border:1.5px solid #e6dcc4;background:#fff;font-weight:800;font-size:13.5px;color:#5d5546}
.stmode input:checked+span{background:#7a5c1e;border-color:#7a5c1e;color:#fff}
.stline{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#7a705e;font-weight:700}
.stline .stn{width:64px;padding:8px;border-radius:10px;border:1px solid #e6dcc4;text-align:center;font-weight:800}
.stline .stw{width:130px}
.stg[hidden]{display:none}
.stk{display:flex;gap:6px}.stk span{display:inline-block;padding:8px 14px;border-radius:10px;border:1px solid #e6dcc4;background:#fff;font-weight:800;font-size:13px;color:#5d5546}
.stk input:checked+span{background:#f7efdc;border-color:#cfae62;color:#7a5c1e}
.stpaid{font-size:13px;font-weight:800;color:#1f6b49}.stpaid[hidden]{display:none}
.stchg{all:unset;cursor:pointer;margin-inline-start:6px;font-size:12px;color:#7a5c1e;text-decoration:underline}
.stpay[hidden]{display:none}

/* «اتحاسبوا» v3: one compact form, also for all of a shop's pieces at once */
.stf{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#fffdf8;border-top:1px dashed #ecdfbf}
.stpk{display:flex;flex-wrap:wrap;gap:6px}
.stpk label{cursor:pointer}.stpk input{position:absolute;opacity:0;pointer-events:none}
.stpk span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1.5px solid #e6dcc4;background:#fff;font-size:12.5px;font-weight:700;color:#9a907c}
.stpk span i{font-style:normal;font-weight:600;color:#b0a58c}
.stpk input:checked+span{border-color:#cfae62;background:#f7efdc;color:#5d4614}.stpk input:checked+span::before{content:"✓";color:#7a5c1e}
.stc{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sti{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border-radius:10px;border:1px solid #e6dcc4;background:#fff}
.sti span{font-size:12px;font-weight:800;color:#7a705e;white-space:nowrap}
.sti input{width:84px;border:0;outline:0;background:none;font:inherit;font-weight:800;font-size:14px;text-align:center;padding:0}
.sti.sm input{width:64px}.sti em{font-style:normal;font-size:11px;color:#a39883}
.stc .stk{display:flex;gap:4px}.stc .stk span{padding:7px 11px;font-size:12.5px}
.stsep{width:1px;height:26px;background:#e6dcc4;margin:0 4px}
.stb{height:38px;padding:0 10px;border-radius:10px;border:1px solid #e6dcc4;background:#fff;font:inherit;font-size:13px}.stb[hidden]{display:none}
.stft{display:flex;align-items:center;justify-content:space-between;gap:10px}.strest{font-size:12.5px;font-weight:700;color:#7a5c1e}
.stft .fbtn{min-width:180px}
.stpk input,.stk input,.stmode input{width:1px;height:1px}

/* «اتحاسبوا» smart v4 */
.stmode2{display:flex;gap:6px;flex-wrap:wrap}
.stmode2 label{cursor:pointer}.stmode2 input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.stmode2 span{display:inline-block;padding:8px 14px;border-radius:999px;border:1.5px solid #e6dcc4;background:#fff;font-weight:800;font-size:13px;color:#5d5546}
.stmode2 input:checked+span{background:#7a5c1e;border-color:#7a5c1e;color:#fff}
.stbig{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.stbig label{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:12px;border:1.5px solid #e3d3a8;background:#fff}
.stbig label[hidden]{display:none}
.stbig label span{font-size:12.5px;font-weight:800;color:#7a5c1e;white-space:nowrap}
.stbig label input{width:96px;border:0;outline:0;background:none;font:inherit;font-weight:800;font-size:17px;text-align:center;padding:0}
.stbig label em{font-style:normal;font-size:12px;color:#a39883}
.stbig .stg2{background:#fffaf0}
.stpaid2{font-size:12.5px;font-weight:800;color:#1f6b49}.stpaid2[hidden]{display:none}
.stmore{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.stmore[hidden]{display:none}
.stbig label input:focus{box-shadow:none;border:0;background:none;outline:0}.stbig label:focus-within{border-color:#cfae62;box-shadow:0 0 0 3px rgba(217,183,100,.15)}

/* خوارج pieces: 3 plain actions — رجعت (one click) · اتباعت كاش · دهب + مصنعية */
.qback{display:inline;margin:0}
.krw .oacts{flex-wrap:nowrap}
.krw .oacts .abtn{padding:6px 11px;font-size:12.5px;white-space:nowrap}
.krw{grid-template-columns:minmax(160px,1.2fr) minmax(140px,1.3fr) 90px minmax(100px,.9fr) 330px}
.qf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:#fffdf8;border-top:1px dashed #ecdfbf}
.qf .qtt{font-weight:800;font-size:13.5px;color:#7a5c1e;margin-inline-end:6px}
.qf .qin{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:12px;border:1.5px solid #e3d3a8;background:#fff}
.qf .qin span{font-size:12.5px;font-weight:800;color:#7a705e}
.qf .qin input{width:96px;border:0;outline:0;background:none;font:inherit;font-weight:800;font-size:16px;text-align:center;padding:0}
.qf .qin input:focus{box-shadow:none;border:0;background:none}
.qf .qin:focus-within{border-color:#cfae62;box-shadow:0 0 0 3px rgba(217,183,100,.15)}
.qf .qin em{font-style:normal;font-size:11.5px;color:#a39883}
.qf .fbtn{min-width:90px;padding:9px 22px}

/* خوارج pieces: same 4 action slots on every row (symmetric) · a shop's pieces in their own box */
.krw .oacts{display:grid;grid-template-columns:auto auto auto 38px;gap:6px;justify-content:end;align-items:center}
.krw .oacts .qback{display:block}
.krw .oacts .k4{width:38px;height:34px;padding:0;display:grid;place-items:center}
.krw .oacts .kgo2.k4{border-radius:50%}
.kdel{width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center}
.kdel svg{width:15px;height:15px}
.krw .oacts .abtn{min-width:64px;text-align:center}
.kgbox{margin:0 14px 12px;border:1.5px solid #e6d6ad;border-top:0;border-radius:0 0 16px 16px;background:#fbf6ea;overflow:hidden}
.kgbox[hidden]{display:none}
.kgcap{padding:7px 16px;font-size:11.5px;font-weight:800;color:#a08548;background:#f5ecd6;letter-spacing:.2px}
.kgbox .krw.kgi{background:transparent;border-top:1px solid #efe4c8;padding:9px 14px}
.kgbox .krw.kgi .kp{border:0;margin:0}
.kgbox .krw.kgi .ki b{font-size:13.5px}.kgbox .krw.kgi .kw b{font-size:15px}
.kgbox .frow{background:#fffaf0}
.krw.kgh.open{border-radius:16px 16px 0 0;background:#f5ecd6;box-shadow:inset 0 0 0 1.5px #e6d6ad;margin:0 14px;border-top:0}
.krw .oacts .k4,.krw .oacts .kgo2.k4{min-width:0;width:34px;height:34px;padding:0;font-size:12px}
/* the shop's box: same columns as its line, numbered pieces, visible avatar */
.krw.kgh.open{margin:0;border-radius:0;box-shadow:none;background:#f5ecd6;padding:12px 16px}
.krw.kgh.open .kav{background:#fff;box-shadow:0 0 0 1.5px #e6d6ad}
.kgbox{margin:0;border:0;border-radius:0;border-bottom:1.5px solid #e6d6ad;background:#fbf6ea}
.kgcap{padding:4px 16px 4px 0;padding-inline-start:60px;font-size:11px;background:none;color:#b09a68}
.kgbox .krw.kgi{padding:10px 16px}
.knum{display:grid;place-items:center;width:24px;height:24px;margin-inline-start:5px;border-radius:50%;background:#fff;border:1.5px solid #e3d3a8;color:#8a6d25;font-size:12px;font-weight:800}
.kgbox .krw.kgi .kp{position:relative}
.kgbox .krw.kgi .kp::before{content:"";position:absolute;inset-inline-start:16px;top:-14px;bottom:-14px;width:1.5px;background:#e6d6ad;z-index:0}
.knum{position:relative;z-index:1}
.krw{grid-template-columns:230px minmax(0,1fr) 110px 160px 330px}   /* fixed columns: every row lines up exactly */
.krw .kp>*{flex:none}.krw .kp>span:last-child{flex:1;min-width:0}
.knum{width:26px;height:26px;margin:0 4px;line-height:1}
.kgbox .krw.kgi .kp::before{inset-inline-start:17px}
.krw .kp>span.knum{flex:none;width:26px;min-width:26px;margin-inline-start:4px}
.krw .kp>span.knum{display:grid;place-items:center;align-items:center;justify-items:center;height:26px;padding:0}
.krw .kp>span.knum{margin-inline-start:-13px}.kgbox .krw.kgi .kp::before{inset-inline-start:0}   /* under the shop avatar */
/* مسح = a small × in the row's corner (only on lines typed by mistake), not a big trash button */
.krw{position:relative}
.krw .kx{position:absolute;inset-inline-start:4px;top:4px;margin:0}
.krw .kx button{all:unset;cursor:pointer;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:14px;line-height:1;color:#c9bfa9}
.krw .kx button:hover{background:#fbe9e5;color:#b4432f}
.krw{grid-template-columns:220px minmax(0,1fr) 100px 150px 400px}   /* 4 actions now (رجعت · بفلوس · دهب + مصنعية · حوالة) */
.krw .oacts{grid-template-columns:auto auto auto auto 34px}
.qf .qin select{border:0;outline:0;background:none;font:inherit;font-weight:800;font-size:14px;min-width:140px}
.qf .qhw[hidden]{display:none}.krw{grid-template-columns:230px minmax(0,1fr) 110px 160px 330px}.krw .oacts{grid-template-columns:auto auto auto 34px}
.qf .qin select{min-width:110px}.qf .qin input{width:80px}
.krw .kd .kmk{color:#8a6d25;font-weight:700}
/* «دهب + مصنعية»: 2 tidy lines — الدهب (where + grams) · المصنعية (amount + how paid + تم) */
.qf.qf2{flex-direction:column;align-items:stretch;gap:10px}
.qf2 .qrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.qf2 .qtt{min-width:70px}
.qf2 .qhint{font-size:12px;color:#9a907c}
.qf2 .qrow .fbtn{margin-inline-start:auto}
/* حوالة: the goldsmiths as buttons — one click */
.qf2 .qhw{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-basis:100%;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #efe6d3}
.qf2 .qhw[hidden]{display:none}
.qhwt{font-size:12.5px;font-weight:800;color:#7a5c1e}
.qhwk{flex-wrap:wrap}.qhwk span{padding:8px 14px!important;font-size:13px!important}
/* حوالة «عند مين»: a normal dropdown, but big and easy to hit (the whole box opens it) */
.qf2 .qhw.qhsel{flex-basis:auto;padding:0 0 0 0;background:none;border:0;display:inline-flex;align-items:center;gap:8px}
.qhsel select{appearance:none;-webkit-appearance:none;height:46px;min-width:260px;padding:0 16px 0 40px;border-radius:12px;border:1.5px solid #cfae62;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5c1e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center/16px;
  font:inherit;font-size:15px;font-weight:800;color:#2b2416}
.qhsel select:focus{outline:0;box-shadow:0 0 0 4px rgba(217,183,100,.2)}
.qhsel select:invalid{color:#a39883;font-weight:600}
.qf2 .qhw.qhsel[hidden]{display:none}
.qhsel select{height:40px;min-width:200px;font-size:14px;padding:0 14px 0 34px;border-width:1px;background-position:left 12px center;background-size:14px}.qhsel select:focus{box-shadow:0 0 0 3px rgba(217,183,100,.15)}
/* a shop that has an account in التجار */
.ktr{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;background:#eef3fb;color:#2b5f8a;font-size:10.5px;font-weight:800;text-decoration:none;vertical-align:middle}
.touth{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;margin:10px 0;border:1.5px dashed #e3d3a8;background:#fffcf6}
.touth b small{font-weight:600;color:#9a907c}.touth span{flex:1;font-size:13px;color:#5d5546}.touth i{font-style:normal;color:#a39883}
.tsho td{background:#f6f9fd}.tsho .abtn{text-decoration:none;white-space:nowrap}
.abtns button.due{border-color:#9fd0b2;background:#eef7f1;color:#1f6b49}.abtns button.due small{font-weight:800;margin-inline-start:4px;opacity:.85}

/* trader: what each item has collected · pick what a payment is for */
.dst{display:inline-block;margin-top:4px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}
.dst.ok{background:#eef7f1;color:#1f6b49}.dst.part{background:#fff4e0;color:#9a6a00}.dst.no{background:#fdf2ef;color:#b4432f}
.dfor{display:block;margin-top:3px;font-size:11.5px;color:#8a7e66}
.dlist{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:#fbf8f1;border:1px solid #efe6d3}
.dlist[hidden]{display:none}.dlist .dlt{font-weight:800;color:#3d372c;font-size:13.5px}.dlist .dlt small{font-weight:600;color:#9a907c;margin-inline-start:6px}
.dlist label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #eee6d6;cursor:pointer}
.dlist label:has(input:checked){border-color:#cfae62;background:#fffaf0}
.dlist label span{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.dlist label span b{font-size:13px;white-space:nowrap}.dlist label span small{flex:1;font-size:12px;color:#9a907c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlist label span i{font-style:normal;font-weight:800;color:#b4432f}
.pdst{display:flex;align-items:center;gap:10px}.pdst>span{font-weight:800;font-size:13.5px;color:#3d372c}.pdst .stk label{cursor:pointer}.pdst .stk input{position:absolute;opacity:0;width:1px;height:1px}.pdst .stk span{display:inline-block;padding:8px 16px;border-radius:999px;border:1.5px solid #e6dcc4;background:#fff;font-weight:800;font-size:13px;color:#5d5546}.pdst .stk input:checked+span{background:#7a5c1e;border-color:#7a5c1e;color:#fff}
.pone{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pone[hidden],.psplitbox[hidden]{display:none}
.pone .qin{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:12px;border:1.5px solid #e3d3a8;background:#fff}
.pone .qin span{font-size:12.5px;font-weight:800;color:#7a705e}.pone .qin input{width:130px;border:0;outline:0;background:none;font:inherit;font-weight:800;font-size:17px;text-align:center}
.pone .qin input:focus{box-shadow:none}.pone .qin em{font-style:normal;font-size:11.5px;color:#a39883}
.pone .stb{height:40px;padding:0 10px;border-radius:10px;border:1px solid #e6dcc4;background:#fff;font:inherit;font-size:13.5px}.pone .stb[hidden]{display:none}
.psplit{all:unset;cursor:pointer;font-size:12px;color:#7a5c1e;text-decoration:underline;margin-inline-start:auto}
.psplitbox .pback{display:inline-block;margin:0 0 8px;margin-inline-start:0}
/* trader «تحصيل دهب» */
.abtns button.gdue{border-color:#e3d3a8;background:#fbf3df;color:#7a5c1e}.abtns button.gdue small{font-weight:800;margin-inline-start:4px}
.gin .ginhow{margin:6px 0 4px}.gin .ginhow input{position:absolute;opacity:0;width:1px;height:1px}
.gin .ginhow span{display:inline-block;padding:8px 14px;border-radius:999px;border:1.5px solid #e6dcc4;background:#fff;font-weight:800;font-size:13px;color:#5d5546;cursor:pointer}
.gin .ginhow input:checked+span{background:#7a5c1e;border-color:#7a5c1e;color:#fff}
.gpart{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0}.gpart[hidden]{display:none}
.gpart .qin{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:12px;border:1.5px solid #e3d3a8;background:#fff}
.gpart .qin span{font-size:12.5px;font-weight:800;color:#7a705e}.gpart .qin input{width:90px;border:0;outline:0;background:none;font:inherit;font-weight:800;font-size:16px;text-align:center}
.gpart .qin em{font-style:normal;font-size:11.5px;color:#a39883}
.gpart .stk input{position:absolute;opacity:0;width:1px;height:1px}.gpart .stk span{display:inline-block;padding:7px 12px;border-radius:10px;border:1px solid #e6dcc4;background:#fff;font-weight:800;font-size:13px;cursor:pointer}
.gpart .stk input:checked+span{background:#f7efdc;border-color:#cfae62;color:#7a5c1e}
.gpart .bpk{flex-basis:100%}
.gpart .qin.qhsel{border:0;padding:0;background:none;height:auto}   /* one border only: the dropdown own */
.gmk{padding-top:8px;border-top:1px dashed #ecdfbf}.gmk .qin small{font-weight:600;color:#a39883}.gmk .qin input{width:110px}.gmk .stb[hidden]{display:none}.gmk .stb{height:40px;padding:0 10px;border-radius:10px;border:1px solid #e6dcc4;background:#fff;font:inherit}
.gmk .qin input{width:100px}
/* the small pill boxes (qin): one border only — no inner box when typing */
label.qin input,label.qin input:focus{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
label.qin:focus-within{border-color:#cfae62!important;box-shadow:0 0 0 3px rgba(217,183,100,.15)}
label.qin input{padding:0!important;height:auto!important;min-height:0!important}
/* trader: the small choice under فلوس / دهب */
.subch{display:flex;gap:8px;margin:10px 0 2px}.subch[hidden]{display:none}
.subch label{cursor:pointer}.subch input{position:absolute;opacity:0;width:1px;height:1px}
.subch span{display:inline-block;padding:9px 18px;border-radius:999px;border:1.5px solid #e6dcc4;background:#fff;font-weight:800;font-size:13.5px;color:#5d5546}
.subch input:checked+span{background:#7a5c1e;border-color:#7a5c1e;color:#fff}
.cact .abtns{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:760px){.cact .abtns{grid-template-columns:repeat(2,minmax(0,1fr))}}
.combo{display:flex;align-items:center;gap:12px;justify-content:center;margin:12px 0}.combo[hidden]{display:none}.abtns button small{display:block;font-size:11px;font-weight:700;margin-top:2px;opacity:.9}

/* trader تحصيل / سداد: level 1 = a joined segmented bar · level 2 (جه إزاي) smaller · section titles instead of beige lines */
.subch{display:inline-flex;gap:0;margin:12px 0 6px;padding:4px;border-radius:14px;background:#f3ede0}
.subch span{border:0!important;border-radius:10px!important;padding:9px 20px!important;background:transparent!important;color:#6b6252!important}
.subch input:checked+span{background:#fff!important;color:#7a5c1e!important;box-shadow:0 1px 4px rgba(80,60,20,.15)}
.subch label.off span{color:#c9bfa9!important;cursor:not-allowed;text-decoration:line-through}
.sech{display:flex;align-items:baseline;gap:10px;margin:6px 0 8px;padding-bottom:6px;border-bottom:1px solid #f0e9da}
.sech b{font-size:15px;color:#3d372c}.sech span{font-size:12.5px;font-weight:700;color:#1f6b49}
.howl{font-size:12px;font-weight:800;color:#9a907c;margin:2px 0 4px}
.gin .ginhow span{padding:6px 12px!important;font-size:12.5px!important;border-width:1px!important}
.gin .ginhow input:checked+span{background:#f7efdc!important;border-color:#cfae62!important;color:#7a5c1e!important}
.nothing[hidden]{display:none}
.subch{width:max-content;max-width:100%;align-self:flex-start}.subch label.off span{text-decoration:none;opacity:.55}
.sech span.neg{color:#b4432f}
.actclose{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:7px 14px;border-radius:999px;border:1px solid #e6dcc4;background:#fff;font-size:12.5px;font-weight:800;color:#7a705e;float:left}
.actclose[hidden]{display:none}.actclose:hover{border-color:#cfae62;color:#7a5c1e}
.pgold{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fffaf0;border:1px solid #efe1bd}.pgold[hidden]{display:none}.pgold .howl{flex-basis:100%;margin:0}.pgold .qin{height:40px}.pgold .qin input{width:80px}.pgold .pgt{color:#7a5c1e;font-size:14px}.pdst label.pdgold[hidden]{display:none}
.cdd .ptag{font-style:normal;font-size:10px;font-weight:800;color:#2b5f8a;background:#eef3fb;padding:1px 6px;border-radius:999px;margin-inline-start:4px}
.cb .cbsub{display:block;margin-top:6px;font-size:12px;color:#8a7e66;font-weight:600}
/* trader: summary bar (خوارج / أمانات) under the balances */
.sumbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.sumt{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #e6dcc4;text-decoration:none;color:#5d5546;font-size:13px}
.sumt i{font-style:normal}.sumt b{color:#7a5c1e}.sumt:hover{border-color:#cfae62}
/* trader cards: خوارج / أمانات link lines at the bottom */
.cb .cblinks{flex-basis:100%;display:flex;flex-direction:column;gap:6px;margin-top:6px;padding-top:10px;border-top:1px dashed #e6dcc4}
.cb .cblinks a{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#8a7e66;text-decoration:none}
.cb .cblinks a b{color:#7a5c1e;font-weight:800}
.cb .cblinks a i{font-style:normal;margin-inline-start:auto;color:#b89a55}
.cb .cblinks a:hover b,.cb .cblinks a:hover i{color:#5d4515}

/* الورشة — تفصيل (طلبات خاصة بعربون) */
.ordpay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wsr .ordpay{grid-column:2/-1}
.ordpay .f>span{display:flex;align-items:center;gap:8px}
.osel{font:inherit;font-size:12.5px;padding:2px 6px;border-radius:8px;border:1px solid var(--line);background:#fff}
.osmall{font-size:12.5px;margin:0;align-self:center}
.onote{font-size:12.5px;margin-inline-end:auto}
.obill{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:10px 14px;border-radius:12px;background:#fff;border:1px dashed var(--line);font-size:14px}
.obill b{font-weight:800}.obill .odr{margin-inline-start:auto;font-weight:700;color:#1f6b49}.obill .odr.neg{color:#a43a29}
.tag.ored{background:#fdf2ef;color:#a43a29}
.ogrp.ocx{opacity:.85;border-style:dashed}
form.inl{display:inline}
.cntsw a .cnt{background:var(--gold);color:#fff;border-radius:999px;padding:0 7px;font-size:11.5px;font-weight:800}
@media (max-width:760px){.ordpay{grid-template-columns:minmax(0,1fr)}.wsr .ordpay{grid-column:auto}}
.tag.otag{background:#efe7fb;color:#5b3d9a}

/* تفصيل — money cards: كاش · تحويل · فيزا side by side, bank / machine as chips */
.ordpay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.ordpay.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.opc{display:flex;flex-direction:column;gap:8px;padding:12px;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.opc.on{border-color:#cfae62;box-shadow:0 6px 16px -12px rgba(184,145,58,.8)}
.opc-h{font-weight:800;font-size:14px;color:#6f5a2a}
.opc .inp input{background:var(--soft)}
.opch{display:flex;flex-wrap:wrap;gap:6px;opacity:.55;transition:opacity .15s}
.opc.on .opch{opacity:1}
.opch label{cursor:pointer}.opch input{display:none}
.opch span{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#faf7f0;font-size:12.5px;font-weight:700;color:#6b6252}
.opch input:checked+span{background:#1d1a13;color:#f2d68e;border-color:transparent}
.optot{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;justify-content:flex-start;font-size:14px;color:var(--muted)}
.optot b{font-size:20px;font-weight:800;color:var(--ink)}.optot.z b{color:var(--muted)}
.wsr2.odep{grid-template-columns:90px minmax(0,1fr)}
.fbtn.fmain{background:linear-gradient(135deg,#f2d68e,#d9b764);color:#2b2414;border:0;padding:11px 24px}
.fbtn.fsec{background:#fff;border:1px solid var(--line);color:#6b6252;box-shadow:none}
@media (max-width:760px){.wsr2.odep{grid-template-columns:minmax(0,1fr)}}
.khbox.dep::before{background:linear-gradient(#6b4bb0,#9a7fd6)}.khbox.dep b{color:#5b3d9a}
.tsmith.tws{color:#5b3d9a;background:#efe7fb;border-color:#d9cbf3}
.tadd{align-items:center}
@media (max-width:640px){.tadd{flex-wrap:wrap}}
/* workshop picker (custom orders): non-workshops shown but can't be picked */
.cdd button.off{cursor:not-allowed;opacity:.5}.cdd button.off:hover{background:none}
.cdd .tsmith{margin-inline-start:6px}
.cdd .onew{color:#5b3d9a;font-size:12.5px}.cdd .onew b{color:#5b3d9a}
.owserr{display:block;margin-top:6px;color:#a43a29;font-weight:700;font-size:12.5px}
input.owsin.bad{border-color:#d9715f;background:#fdf2ef}

/* التجار badges — شركة (gold) · تاجر (blue) · ورشة (purple) */
.kbs{display:inline-flex;gap:5px;vertical-align:middle;margin-inline-start:6px}
.tbadge{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;font-weight:800;line-height:1;padding:4px 9px 4px 10px;border-radius:999px;border:1px solid;white-space:nowrap;letter-spacing:.2px}
.tbadge svg{width:12px;height:12px;flex:none}
.kb-c{color:#8a6a22;background:linear-gradient(180deg,#fcf6e6,#f6ead0);border-color:#e9d6a6}
.kb-t{color:#245a86;background:linear-gradient(180deg,#f1f6fd,#e3edf9);border-color:#c5d8ef}
.kb-w{color:#56389a;background:linear-gradient(180deg,#f6f1fe,#ebe2fb);border-color:#d6c7f3}
/* trader page: badges at the left end of the header, click = edit */
.kbedit{position:relative;margin-inline-start:auto}
.phead .kbedit{margin-inline-start:auto}
.kbedit summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;border:1px dashed transparent}
.kbedit summary::-webkit-details-marker{display:none}
.kbedit summary:hover,.kbedit[open] summary{border-color:var(--line);background:#fff}
.kbedit summary .tbadge{font-size:12.5px;padding:6px 12px}.kbedit summary .tbadge svg{width:14px;height:14px}
.kbedit summary i{font-style:normal;color:var(--muted);font-size:13px}
.kbform{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:40;width:300px;display:flex;flex-direction:column;gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 32px -12px rgba(60,45,15,.3)}
.kbform small{font-size:11.5px}
.kbform .fbtn{align-self:flex-start}
/* checkbox chips use the badges themselves */
.tkinds label{cursor:pointer}.tkinds input{display:none}
.tkinds .tbadge{opacity:.45;filter:grayscale(.6);padding:7px 12px;font-size:12.5px}
.tkinds input:checked+.tbadge{opacity:1;filter:none;box-shadow:0 0 0 2px #fff,0 0 0 3.5px currentColor}
.cdd .kbs{margin-inline-start:6px}
.tkinds{display:flex;gap:8px;flex-wrap:wrap}
/* making per gram / per piece switch */
.obph{display:flex;align-items:center;gap:10px}
.mmode{display:inline-flex;padding:2px;border-radius:999px;background:#f3ecdd;border:1px solid var(--line)}
.mmode label{cursor:pointer}.mmode input{display:none}
.mmode span{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#8a7d64}
.mmode input:checked+span{background:#1d1a13;color:#f2d68e}
.okp{display:block;margin-top:6px;font-size:12.5px;color:#6b6252}.okp b{color:#1f6b49;font-weight:800}
.cxws{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:#8a6d25}.cxws .abtn{padding:4px 10px;font-size:12px}
.tbl td .frow{margin-top:8px;padding:10px;background:#fffbf1;border-radius:10px}
/* الورشة «خلصت»: fits the page — item on the first line, its details under it, long dates wrap */
table.wsdone{white-space:normal;table-layout:auto}
table.wsdone td{padding:10px 8px;vertical-align:top}
table.wsdone td:nth-child(2){text-align:right;min-width:190px}
table.wsdone td:nth-child(2) small.muted{display:block;margin-top:4px;line-height:1.5}
table.wsdone td:first-child,table.wsdone td:last-child{font-size:13px;color:var(--muted);min-width:96px}
table.wsdone th{white-space:nowrap;padding:10px 8px}
/* custom orders: WhatsApp «ready» button + edit form */
.abtn.wabtn{display:inline-flex;align-items:center;gap:6px;background:#e9f8ef;color:#128c4a;border-color:#bfe6cf;text-decoration:none}
.abtn.wabtn svg{width:15px;height:15px}
.abtn.wabtn:hover{background:#d8f2e3}
.abtn.wabtn.off{background:#f4f2ee;color:#b3ab9c;border-color:var(--line);cursor:not-allowed}
.oeloc{margin:0;font-size:12.5px}
.ophone{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:7px;margin:0 12px 0 0;padding:0;border:0;background:none;font-size:13.5px;font-weight:600;color:#6b6252;letter-spacing:.6px;font-variant-numeric:tabular-nums;vertical-align:middle;cursor:copy;transition:color .15s}
.ophone i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f6ebcd,#ead6a1);color:#8a6a22;box-shadow:inset 0 0 0 1px #e2cc92}
.ophone i svg{width:11px;height:11px}
.ophone:hover{color:var(--ink)}
.ophone.ok{color:#1f6b49}.ophone.ok i{background:#dff2e7;color:#1f6b49;box-shadow:inset 0 0 0 1px #bfe0cc}
.ophone.ok::after{content:"اتنسخ ✓";font-size:11px;font-weight:700;letter-spacing:0;margin-inline-start:2px}
/* custom order card: workshop badge on the item line · customer name with the phone under it */
.oi .owsb{margin-inline-start:4px;vertical-align:middle}
.ocust{margin-top:6px;line-height:1.35}
.ocust .cuname{font-size:14.5px;font-weight:700}
.ophone2{display:block;font-size:12.5px;color:#9a907c;font-variant-numeric:tabular-nums;letter-spacing:.4px;cursor:copy;width:max-content}
.ophone2:hover{color:var(--ink)}
.ophone2.ok{color:#1f6b49}.ophone2.ok::after{content:" ✓ اتنسخ";letter-spacing:0}
/* custom order: karat · تفصيل · workshop as one strip */
.ometa{display:inline-flex;align-items:stretch;vertical-align:middle;margin-inline-start:8px;height:26px;border:1px solid #e6dcc4;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(60,45,15,.06)}
.ometa>span{display:inline-flex;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap}
.ometa>span+span{border-inline-start:1px solid #efe6d2}
.om-k{color:#8a6a22;background:linear-gradient(180deg,#fdf8ec,#f7eed6)}
.om-t{color:#4a3d6b}
.om-t i{width:6px;height:6px;border-radius:50%;background:#7b5cc4;box-shadow:0 0 0 3px #efe8fb}
.om-w{color:#3d362a}
.om-w svg{width:13px;height:13px;color:#7b5cc4}
/* الورشة: smaller payment box */
.wpayc .payblk{gap:6px}
.wpayc .paytitle b{font-size:13.5px}
.wpayc .bk.pay2{gap:10px}
.wpayc .bkrow{border-radius:10px;border-width:1px}
.wpayc .bkrow b{width:96px;min-width:96px;max-width:96px;padding:6px 10px;font-size:13px}
.wpayc .bkrow b small{font-size:10.5px}
.wpayc .bkrow input{padding:7px 10px!important;font-size:14.5px;height:38px!important}
.wpayc .bkrow .bsel{font-size:12px;padding:2px 6px}
.wpayc .bkrow{align-items:stretch;min-height:0}
.wpayc .bkrow b{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1.25;padding:5px 10px}
.wpayc .bkrow b small{margin-top:0}
.wpayc .bkrow .bsel{font-size:11.5px;padding:1px 4px;margin:1px 0;height:auto;max-width:100%}
.wpayc .bkrow input{height:auto!important;align-self:stretch}
.wxhint{margin:0;font-size:12.5px}
.abtn.allcash{margin-inline-end:auto;font-size:12.5px}.abtn.shake{animation:shk .35s}@keyframes shk{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
/* «خلصت»: a cancelled row = tag on top, then the amounts, then the reason — centered */
.cxcell{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;line-height:1.4}
.cxcell .tag{margin:0}
.cxcell .cxm{font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.cxcell small{font-size:12px;color:var(--muted)}
.cxcell + .cxws{justify-content:center}
.cxcell .cxm{white-space:nowrap}.cxcell .cxm b{font-weight:800}.cxcell .cxm+.cxm{margin-top:-3px}
/* «خلصت» last column: the date, then the documents (invoice / deposit receipt), one per line */
.dtc{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.dtc a{font-size:12.5px;font-weight:700;color:#7a5c1e;text-decoration:none;padding:1px 8px;border-radius:999px;background:#f7efdc}
.dtc a:hover{background:#efe2bf}
/* repairs: kind in the strip, «على الحساب» chip, pay mode choice */
.om-t.om-shop i{background:#b8913a;box-shadow:0 0 0 3px #f6ecd3}
.om-t.om-cust i{background:#2c8a5f;box-shadow:0 0 0 3px #e3f4ea}
.tag.accb{background:#eef3fb;color:#245a86;vertical-align:middle}
.wpmode{flex-wrap:wrap}.wpmh{display:block;margin-top:6px;font-size:12px}

/* الورشة «في المحل»: two columns — ready for the customer · waiting to go to the workshop */
.inshop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.isc{min-width:0;background:#f7f3ea;border:1px solid var(--line);border-radius:18px;padding:10px}
.isch{display:flex;align-items:center;gap:8px;padding:6px 8px 12px;font-size:15px}
.isch b{font-weight:800}
.isch span{min-width:24px;text-align:center;border-radius:999px;padding:1px 8px;font-size:12.5px;font-weight:800;color:#fff}
.isch.rdy b{color:#1f6b49}.isch.rdy span{background:#2c8a5f}
.isch.wt b{color:#8a6a22}.isch.wt span{background:#b8913a}
.isempty{padding:22px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:14px;font-size:13.5px}
/* cards in a half column: details on top, buttons under them, forms in 2 columns */
.isc .ogrp{margin-bottom:10px}
.isc .orow{flex-wrap:wrap;gap:10px;padding:12px 14px}
.isc .oi{flex:1 1 100%}
.isc .oacts{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.isc .ogrp .frow{padding:12px 14px}
.isc .oform{grid-template-columns:repeat(2,minmax(0,1fr))}
.isc .ordpay{grid-template-columns:minmax(0,1fr)}
.isc .ordpay.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.isc .bk.pay2{grid-template-columns:minmax(0,1fr)!important}
.isc .ometa{margin-inline-start:4px}
@media (max-width:1100px){.inshop{grid-template-columns:minmax(0,1fr)}}
/* الورشة board: 3 columns (مستنية تروح الورشة · في الورشة · جاهزة — مستنية العميل) */
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin-top:22px}
.isch.ws b{color:#56389a}.isch.ws span{background:#7b5cc4}
.board .isc{padding:8px}
.board .oform,.board .isc .oform{grid-template-columns:minmax(0,1fr)}
.board .ordpay,.board .ordpay.two{grid-template-columns:minmax(0,1fr)}
.board .ometa{display:flex;width:max-content;max-width:100%;margin:7px 0 2px}
.board .ometa>span{padding:0 9px;font-size:12px}
.board .oi b{font-size:15px}
.board .oacts .abtn{padding:6px 11px;font-size:12.5px}
.board .wsr2,.board .wsr4{grid-template-columns:minmax(0,1fr)}
@media (max-width:1180px){.board{grid-template-columns:minmax(0,1fr)}}
/* board cards: same layout in every column — item · strip · customer · details · status; buttons in two even rows */
.board .ometa{display:flex!important}
.board .ocust{margin-top:8px}
.board .oacts{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}
.board .oacts>*{grid-column:span 2;justify-content:center;text-align:center;margin:0;order:3;white-space:nowrap}
.board .oacts .sold{grid-column:1/-1;order:1}
.board .oacts:has(.wabtn) .sold,.board .oacts .wabtn{grid-column:span 3}
.board .oacts .wabtn{order:0}
.board .oacts [data-k="print"]{order:4}
.board .oacts:not(:has([data-row^="we"],[data-row^="oe"])) [data-k="print"]{grid-column:1/-1}
.board .oacts form.inl{display:contents}
.board .oacts:not(:has([data-k="print"])) [data-row^="we"],.board .oacts:not(:has([data-k="print"])) [data-row^="wx"],.board .oacts:not(:has([data-k="print"])) [data-row^="oe"],.board .oacts:not(:has([data-k="print"])) [data-row^="oc"]{grid-column:span 3}
.board .ocust:empty{display:none}
/* board: everything centered in the card (and the column titles) */
.board .isch{justify-content:center}
.board .oi{text-align:center}
.board .oi>b{display:block}
.board .ometa{margin:8px auto 2px!important}
.board .ocust{display:flex;flex-direction:column;align-items:center}
.board .ophone2{margin:2px auto 0}
.board .oi small{display:block;text-align:center}
.board .oi .wfree,.board .oi .wdue,.board .oi .wowe{display:table;margin:8px auto 0}
.board .oi>.tag{display:inline-block;margin-top:6px}
.khbox .wwait{font-size:12.5px;font-weight:700;color:#8a6a22}
/* «القطعة فين؟» — two option cards */
.wwhere{align-items:center}
.wwhere .wsrt{padding-top:0;white-space:nowrap}
.wherec{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:12px}
.wherec label{cursor:pointer}.wherec input{position:absolute;opacity:0;pointer-events:none}
.wherec span{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.wherec i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f4efe4;color:#8a7d64}
.wherec i svg{width:19px;height:19px}
.wherec b{font-size:14.5px;font-weight:800;color:var(--ink)}
.wherec small{font-size:11.5px;color:var(--muted)}
.wherec label:hover span{border-color:#d8c48f}
.wherec input:checked+span{border-color:#b8913a;background:#fffaf0;box-shadow:0 0 0 3px rgba(184,145,58,.14)}
.wherec input:checked+span i{background:linear-gradient(135deg,#f2d68e,#d9b764);color:#2b2414}
.wherec input:checked+span::after{content:"✓";position:absolute;top:8px;inset-inline-end:10px;width:18px;height:18px;border-radius:50%;background:#b8913a;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}
.wherec input:focus-visible+span{outline:2px solid #b8913a;outline-offset:2px}
@media (max-width:640px){.wherec{grid-template-columns:minmax(0,1fr)}}
.wsr.wwhere{grid-template-columns:90px minmax(0,1fr)}
.wherec{grid-template-columns:repeat(2,minmax(0,300px))}
.wherec b{white-space:nowrap}
.wherec span{padding:12px 16px;padding-inline-end:34px}
@media (max-width:760px){.wsr.wwhere{grid-template-columns:minmax(0,1fr)}}
/* الورشة: 5 boxes in the board's order and colours */
.am5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.am5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.am5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.khbox.wtb::before{background:linear-gradient(var(--gold-2),var(--gold))}.khbox.wtb b{color:#9a7a2c}
.khbox.wsb::before{background:linear-gradient(#6b4bb0,#9a7fd6)}.khbox.wsb b{color:#5b3d9a}
.khbox.depb::before{background:linear-gradient(#2f6fae,#6fa3d6)}.khbox.depb b{color:#245a86}
.am5 .khbox span{white-space:nowrap}
/* waiting to go to the workshop = red (box + board column) · month cost = neutral */
.khbox.wtb::before{background:linear-gradient(#b3412f,#d9715f)}.khbox.wtb b{color:#a43a29}
.isch.wt b{color:#a43a29}.isch.wt span{background:#c0503c}
.khbox.costb::before{background:linear-gradient(#5b5345,#8a7d64)}.khbox.costb b{color:#3d362a}
/* card timeline: each step with its date + time */
.otl{list-style:none;margin:10px 0 2px;padding:8px 12px;background:#faf7f0;border:1px solid #efe6d2;border-radius:12px;display:flex;flex-direction:column;gap:2px;text-align:start}
.otl li{position:relative;display:grid;grid-template-columns:14px auto 1fr;align-items:center;gap:8px;font-size:12.5px;padding:3px 0}
.otl li i{width:9px;height:9px;border-radius:50%;border:2px solid #d8cdb6;background:#fff;justify-self:center}
.otl li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:6px;top:15px;height:calc(100% - 4px);width:1.5px;background:#e6dcc4}
.otl li b{font-weight:700;color:#9a907c}
.otl li span{color:#b3ab9c;text-align:end;font-variant-numeric:tabular-nums}
.otl li.on i{background:#2c8a5f;border-color:#2c8a5f}
.otl li.on b{color:var(--ink)}.otl li.on span{color:#5b5345}
.otl li.due i{border-radius:3px;border-color:#b8913a}.otl li.due b,.otl li.due span{color:#8a6a22}
.otl li.late i{border-color:#c0503c;background:#c0503c}.otl li.late b,.otl li.late span{color:#a43a29;font-weight:800}
/* card timeline — a bit smaller */
.otl{margin:8px 0 2px;padding:5px 10px;gap:0;border-radius:10px}
.otl li{font-size:11.5px;padding:2px 0;gap:7px;grid-template-columns:12px auto 1fr}
.otl li b{font-weight:600}
.otl li i{width:7px;height:7px;border-width:1.5px}
.otl li:not(:last-child)::after{inset-inline-start:5px;top:12px;width:1px}
/* timeline: compact (beats the card's «.oi b» size) */
.board .otl,.otl{margin:6px 0 0;padding:4px 9px;border-radius:9px}
.board .otl li,.otl li{font-size:11px;line-height:1.35;padding:1px 0;gap:6px;grid-template-columns:10px auto 1fr}
.board .otl li b,.oi .otl li b{font-size:11px;font-weight:600;display:inline}
.board .otl li span,.otl li span{font-size:10.5px}
.otl li i{width:6px;height:6px}
.otl li:not(:last-child)::after{inset-inline-start:4.5px;top:10px}
/* «↩ تراجع عن رجعت»: small, under the buttons (trusted people only) */
.abtn.undo{background:none;border:1px dashed #d8cdb6;color:#8a7d64;font-size:11.5px}
.abtn.undo:hover{border-color:#c0503c;color:#a43a29;background:#fdf2ef}
.board .oacts .undo{grid-column:1/-1;order:6;padding:4px 10px}
.undo-l{all:unset;cursor:pointer;font-size:11.5px;font-weight:700;color:#a43a29;padding:1px 8px;border-radius:999px;background:#fdf2ef}
/* «الورشة هتاخد فلوسها إزاي؟» — two small halves on one line */
.wpay.wpmode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex-wrap:nowrap;max-width:340px}
.wpay.wpmode label{display:block}
.wpay.wpmode span{display:block;text-align:center;padding:7px 8px;font-size:12.5px;border-radius:10px;white-space:nowrap}
.mmode label:first-child{order:1}.mmode label:last-child{order:2}
/* «تكلفة الشهر ده» — «إزاي اتحسب؟» breakdown */
.khbox{position:relative}
.kbx{margin-top:6px}
.kbx summary{list-style:none;cursor:pointer;font-size:12px;font-weight:700;color:#7a5c1e;text-decoration:underline;width:max-content}
.kbx summary::-webkit-details-marker{display:none}
.kbxp{position:absolute;z-index:30;inset-inline-end:0;top:calc(100% + 6px);width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px -14px rgba(60,45,15,.35);padding:10px 14px}
.kbxp .kl{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;border-bottom:1px dashed #efe6d2}
.kbxp .kl span{font-weight:500;color:#5b5345;white-space:normal}
.kbxp .kl b{font-size:13.5px!important;font-weight:800;color:var(--ink)!important;white-space:nowrap}
.kbxp .kl.tot{border-bottom:1.5px solid var(--line)}.kbxp .kl.tot span{font-weight:800;color:var(--ink)}
.kbxp .kl.gain b{color:#1f6b49!important}
.kbxp .kl.sum{border-bottom:0;margin-top:2px}.kbxp .kl.sum span{font-weight:800;color:var(--ink)}
.khbox.costb{overflow:visible;z-index:5}.khbox.costb .kbxp{inset-inline-end:auto;inset-inline-start:0}
.khbox.costb .kbxp{inset-inline-start:auto;inset-inline-end:auto;left:0;right:auto}
/* board cards: ALL buttons on one line (small) · the money pill right under the item */
.board .oacts{display:flex!important;flex-wrap:nowrap;gap:4px;align-items:stretch}
.board .oacts>*,.board .oacts form.inl>*{grid-column:auto;order:3;flex:0 0 auto;padding:5px 8px!important;font-size:11.5px!important;border-radius:9px;min-width:0}
.board .oacts .sold{order:1;flex:1 1 auto}
.board .oacts .wabtn{order:2;gap:4px}
.board .oacts .wabtn svg{width:13px;height:13px}
.board .oacts [data-k="print"]{order:4}
.board .oacts .undo{order:5;grid-column:auto;border-style:dashed}
.board .oi{display:flex;flex-direction:column;align-items:center}
.board .oi>b{order:1}
.board .oi>.ometa{order:2}
.board .oi>.wfree,.board .oi>.wdue,.board .oi>.wowe,.board .oi>.tag{order:3;margin-top:8px}
.board .oi>.ocust{order:4}
.board .oi>small{order:5}
.board .oi>.otl{order:6;width:100%}
.abtn.wabtn em.wat{font-style:normal}
.board .oacts .wabtn{padding:5px 7px!important;justify-content:center}
.board .oacts .wabtn em.wat{display:none}
.board .oacts .wabtn svg{width:15px;height:15px}
.board .oacts>*,.board .oacts form.inl>*{padding:5px 6px!important;font-size:11px!important}
.board .oacts .sold{padding:5px 8px!important}
.board .oacts>*,.board .oacts form.inl>*{padding:5px 5px!important}
.board .oacts .sold{flex:1 0 auto;min-width:max-content;padding:5px 7px!important}
.board .isc .orow{padding:12px 9px}.board .oacts{gap:3px}
/* «⋯» menu: تعديل · رجعت الورشة تاني · إلغاء العملية */
.omore{position:relative}
.omore>summary{list-style:none;cursor:pointer;font-weight:800;letter-spacing:1px;min-width:30px;text-align:center}
.omore>summary::-webkit-details-marker{display:none}
.omore[open]>summary{background:#1d1a13;color:#f2d68e;border-color:transparent}
.omenu{position:absolute;z-index:40;inset-inline-end:0;top:calc(100% + 6px);min-width:180px;display:flex;flex-direction:column;gap:2px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px -12px rgba(60,45,15,.35)}
.omenu form{margin:0;display:block}
.omenu .omi{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--ink);text-align:start;white-space:nowrap}
.omenu .omi:hover{background:#f7efdc}
.omenu .omi.odng{color:#a43a29}.omenu .omi.odng:hover{background:#fdf2ef}
.board .oacts .omore{order:6;flex:0 0 auto}
.board .oacts .omore>summary{padding:5px 8px!important;font-size:12px!important;border-radius:9px;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.board .oacts .omore .omi{padding:8px 10px!important;font-size:12.5px!important}
.board .ogrp{overflow:visible}.board .ogrp:has(.omore[open]){z-index:20;position:relative}
/* board buttons: small, light, centered — the main one only by its colour, not its size */
.board .oacts{justify-content:center;gap:5px;margin-top:2px}
.board .oacts>*,.board .oacts form.inl>*,.board .oacts .omore>summary{height:28px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 10px!important;font-size:11.5px!important;font-weight:700;border-radius:8px;border-width:1px}
.board .oacts .sold{flex:0 0 auto;min-width:0;padding:0 12px!important}
.board .oacts .wabtn{width:28px;padding:0!important}
.board .oacts .wabtn svg{width:14px;height:14px}
.board .oacts .omore>summary{width:28px;padding:0!important;letter-spacing:0}
/* WhatsApp looks like WhatsApp · «أكتر ▾» looks like a menu */
.abtn.wabtn{background:#25D366;border-color:#1fb457;color:#fff}
.abtn.wabtn:hover{background:#1fbd5a}
.abtn.wabtn.off{background:#eceae4;border-color:#dedad1;color:#b3ab9c}
.board .oacts .wabtn svg{width:16px;height:16px}
.omore>summary .chev{width:12px;height:12px;transition:transform .15s}
.omore[open]>summary .chev{transform:rotate(180deg)}
.board .oacts .omore>summary{width:auto;padding:0 9px!important;gap:3px;letter-spacing:0}
/* board buttons: icon + word, all alike */
.board .oacts .wabtn{width:auto;padding:0 10px!important;gap:5px}
.board .oacts .wabtn em.wat{display:inline;font-style:normal}
.board .oacts .wabtn svg{width:14px;height:14px}
.board .oacts .bi{width:13px;height:13px;margin-inline-end:4px}
.board .oacts>*,.board .oacts form.inl>*,.board .oacts .omore>summary{height:30px;border-radius:9px}
.board .oacts [data-k="print"],.board .oacts .omore>summary{background:#fff;border:1px solid #e3d9c3;color:#5b5345}
.board .oacts [data-k="print"]:hover,.board .oacts .omore>summary:hover{background:#faf6ec}
.board .oacts{gap:4px}
.board .oacts>*,.board .oacts form.inl>*,.board .oacts .omore>summary,.board .oacts .wabtn,.board .oacts .sold{padding:0 7px!important;font-size:11px!important}
.board .oacts .wabtn{gap:4px}.board .oacts .wabtn svg{width:13px;height:13px}
.board .oacts .bi{width:12px;height:12px;margin-inline-end:3px}
.omore>summary .chev{width:11px;height:11px}
.board .oacts{gap:3px}.board .oacts>*,.board .oacts form.inl>*,.board .oacts .omore>summary,.board .oacts .wabtn,.board .oacts .sold{padding:0 6px!important}
.board .oacts>details.omore{padding:0!important;height:auto;border:0;background:none;display:inline-flex}.board .oacts>form.inl{padding:0!important;height:auto;border:0;background:none}
/* rework («رجعت الورشة تاني») */
.tag.rwt{background:#fff1e0;color:#a35a12;border:1px solid #f1d2a8}
.board .oi>.tag.rwt{order:3;margin-top:8px}
.otl li.rw b,.otl li.rw span{color:#a35a12}.otl li.rw i{background:#d9822b;border-color:#d9822b}
.fixh{margin:0 0 6px;font-size:12px;color:#7a5c1e;background:#fff7e3;border:1px dashed #e6cf96;border-radius:8px;padding:6px 10px}
.rwk{margin:0 0 6px;font-size:12px;color:#a35a12;font-weight:700}
.fixbox{margin-top:10px;border-top:1px dashed var(--line);padding-top:8px}
.fixbox>summary{cursor:pointer;font-size:12.5px;font-weight:800;color:#7a5c1e}
.rwi{width:12px;height:12px;vertical-align:-2px;margin-inline-end:4px;flex:none}
.tag.rwt{display:inline-flex;align-items:center}
.omenu .omi .rwi{width:13px;height:13px;color:#a35a12}
/* timeline: what each return cost */
.otl li b .fee{font-style:normal;font-weight:700;font-size:10px;color:#7a5c1e;background:#f7efdc;border-radius:999px;padding:0 6px;margin-inline-start:5px;white-space:nowrap}
.otl li span{white-space:nowrap}
.otl li b .fee{display:table;margin:2px 0 1px;margin-inline-start:0}
.otl li{align-items:start}.otl li i{margin-top:5px}
/* timeline: the amount sits beside «رجعت» on the same line */
.otl li b{white-space:nowrap}
.otl li b .fee{display:inline-block;margin:0;margin-inline-start:6px;font-size:9.5px;padding:0 5px;vertical-align:1px}
.otl li{align-items:center}.otl li i{margin-top:0}
.otl li b .loss{font-style:normal;font-weight:700;font-size:9.5px;color:#a43a29;background:#fdf2ef;border-radius:999px;padding:0 5px;margin-inline-start:4px;vertical-align:1px;white-space:nowrap}
.otl li b{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;white-space:normal}.otl li b .fee,.otl li b .loss{white-space:nowrap}

/* ===== forms that open INSIDE a board card: compact (small boxes, small buttons) ===== */
.board .frow{padding:10px 10px!important}
.board .frow .oform{gap:8px}
.board .frow .f>span{font-size:11.5px}
.board .frow .inp input,.board .frow .f select,.board .frow .f>input{height:34px!important;font-size:13.5px;padding:5px 10px;border-radius:9px}
.board .frow .inp input{padding-inline-end:38px}
.board .frow .inp em{font-size:11px;inset-inline-end:10px}
/* payment: one short row per way (name · amount), chips under it */
.board .frow .ordpay{gap:6px}
.board .frow .opc{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:8px;row-gap:4px;padding:6px 8px;border-radius:10px;border-width:1px}
.board .frow .opc-h{font-size:12px}
.board .frow .opch{grid-column:2;gap:3px}
.board .frow .opch span{padding:1px 7px;font-size:10.5px}
.board .frow .optot{font-size:12px}.board .frow .optot b{font-size:15px}
/* the old pay box (repairs) */
.board .frow .bk.pay2{gap:6px}
.board .frow .bkrow{border-radius:9px}
.board .frow .bkrow b{width:78px;min-width:78px;max-width:78px;font-size:12px;padding:4px 8px}
.board .frow .bkrow input{height:34px!important;font-size:13.5px}
/* buttons */
.board .frow .fend{flex-wrap:wrap;gap:6px;justify-content:flex-start}
.board .frow .fend>.muted{flex:1 1 100%;font-size:11px}
.board .frow .fbtn,.board .frow .abtn{height:30px;padding:0 12px;font-size:12px;border-radius:9px;box-shadow:none;display:inline-flex;align-items:center}
.board .frow .fbtn.fmain{padding:0 14px}
.board .frow .allcash{margin-inline-end:0}
.board .frow .wpay span,.board .frow .mmode span{padding:4px 9px;font-size:11.5px}
.board .frow .obill{font-size:12px;padding:6px 8px;gap:4px 10px}
.board .frow p,.board .frow .wnet{font-size:12px}
.board .frow .oform{grid-template-columns:repeat(2,minmax(0,1fr))}
.board .frow .oform .full,.board .frow .oform .ordpay,.board .frow .oform .wpayc,.board .frow .oform .obill{grid-column:1/-1}
.board .frow .fend{flex-wrap:nowrap;justify-content:center}
.board .frow .fend>.muted{display:none}
.board .frow .fend .fbtn,.board .frow .fend .abtn{padding:0 10px;font-size:11.5px}
.board .frow .odel>label:first-of-type{grid-column:1/-1}.board .frow .okp{margin-top:3px;font-size:11px}
.board .frow .oform{align-items:start}
/* repairs «اتدفع إزاي؟» inside a card: compact rows */
.board .frow .payblk{gap:5px}
.board .frow .paytitle b{font-size:12.5px}
.board .frow .bk.pay2{grid-template-columns:minmax(0,1fr)!important;gap:5px}
.board .frow .bkrow{min-height:0;align-items:stretch;border-radius:9px;border-width:1px}
.board .frow .bkrow b{width:104px!important;min-width:104px!important;max-width:104px!important;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:4px 8px!important;font-size:12px;line-height:1.2}
.board .frow .bkrow b small{font-size:10px;margin:0}
.board .frow .bkrow .bsel{font-size:10.5px;padding:0 4px;height:18px;margin:1px 0;border-radius:6px}
.board .frow .bkrow input{height:auto!important;min-height:34px;font-size:14px;padding:4px 10px!important}
/* repairs «اتدفع إزاي؟» in a card: one slim line per way, no «المتاح» */
.board .frow .bkrow b small,.board .frow .bkrow .bav{display:none!important}
.board .frow .bkrow b{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:5px;width:auto!important;min-width:64px!important;max-width:none!important;padding:0 9px!important;font-size:12px;white-space:nowrap}
.board .frow .bkrow .bsel{height:22px;font-size:10.5px}
.board .frow .bkrow input{min-height:32px;height:32px!important}
/* slim payment (custom orders, inside cards): one line per way */
.slimpay{display:flex!important;flex-direction:column;gap:5px}
.slimpay .opc{display:flex!important;align-items:center;gap:6px;padding:0!important;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
.slimpay .opc-h{flex:0 0 auto;padding:0 9px;font-size:12px;font-weight:800;color:#6f5a2a;white-space:nowrap}
.slimpay .osel{flex:0 0 auto;height:22px;font-size:10.5px;padding:0 4px;border-radius:6px;border:1px solid var(--line);background:#faf6ec}
.slimpay .inp{flex:1 1 auto}
.slimpay .inp input{height:32px!important;border:0!important;border-inline-start:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;padding:4px 10px!important;font-size:14px}
.slimpay .opc.on{border-color:#cfae62}
.slimpay .optot{font-size:11.5px}.slimpay .optot b{font-size:14px}
.slimpay .opc{flex-direction:row!important;grid-template-columns:none!important}.slimpay .opc .inp{width:auto;min-width:0}
.slimpay .opc-h{width:44px;box-sizing:content-box}.slimpay .osel{order:3;margin-inline-end:6px}.slimpay .inp{order:2}
/* one amount box + how it was paid */
.onepay{display:flex;flex-direction:column;gap:6px}
.onepay .optitle{font-size:12.5px}
.onepay .op1{display:flex;align-items:center;gap:6px}
.onepay .op1[hidden],.onepay .opsplitbox[hidden],.onepay .opsub[hidden]{display:none}
.onepay .opamtw{flex:1 1 auto;min-width:0}
.onepay .opamtw input{height:34px!important;font-size:15px;font-weight:700;padding:4px 10px;padding-inline-end:36px;border-radius:9px}
.onepay .opway{display:inline-flex;flex:0 0 auto;padding:2px;border-radius:9px;background:#f3ecdd;border:1px solid var(--line)}
.onepay .opway label{cursor:pointer}.onepay .opway input{display:none}
.onepay .opway span{display:inline-block;padding:5px 9px;border-radius:7px;font-size:11.5px;font-weight:700;color:#8a7d64;white-space:nowrap}
.onepay .opway input:checked+span{background:#1d1a13;color:#f2d68e}
.onepay .opsub{display:flex;flex-wrap:wrap;gap:4px}
.onepay .opsub label{cursor:pointer}.onepay .opsub input{display:none}
.onepay .opsub span{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:11px;font-weight:700;color:#6b6252}
.onepay .opsub input:checked+span{background:#1d1a13;color:#f2d68e;border-color:transparent}
.onepay .opsplitbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.onepay .opsplitbox input{height:34px!important;font-size:14px;padding:4px 10px;padding-inline-end:44px;border-radius:9px}
.onepay .opsplit{all:unset;cursor:pointer;font-size:11.5px;font-weight:700;color:#7a5c1e;text-decoration:underline;align-self:flex-start}
.onepay .opamtw[hidden]{display:none}
.onepay .op1:has(.opamtw[hidden]) .opway{margin-inline-start:auto}
.onepay .opway span{padding:5px 8px}
.onepay .op1:has(.opamtw[hidden]) .opway{margin-inline-start:0}

/* ===== board card head in 2 lines: [item · chips] / [customer · phone · money]; the description tops the timeline ===== */
.board .oi{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 6px;text-align:center}
.board .oi::before{content:"";flex-basis:100%;height:0;order:40}
.board .oi::after{content:"";flex-basis:100%;height:0;order:70}
.board .oi>b{order:10;display:inline!important;font-size:14.5px}
.board .oi>.ometa{order:20;margin:0!important}
.board .oi>.tag{order:30;margin:0!important}
.board .oi>.ocust{order:50;margin:0!important;display:inline-flex!important;flex-direction:row!important;align-items:baseline;gap:6px}
.board .oi>.ocust .cuname{font-size:13.5px}
.board .oi>.ocust .ophone2{display:inline;margin:0;font-size:11.5px}
.board .oi>.wfree,.board .oi>.wdue,.board .oi>.wowe{order:60;margin:0!important;display:inline-block!important;padding:2px 9px;font-size:11.5px}
.board .oi>.wfree small{display:inline}
.board .oi>small{order:80;flex-basis:100%;margin:8px 0 0!important;padding:5px 10px 2px;background:#faf7f0;border:1px solid #efe6d2;border-bottom:0;border-radius:10px 10px 0 0;font-size:11.5px;color:#6b6252;text-align:start;box-sizing:border-box}
.board .oi>small+.otl{margin-top:0!important;border-top:0;border-radius:0 0 10px 10px}
.board .oi>.otl{order:90}
/* compact strip on board cards so it fits beside the item */
.board .oi>.ometa{height:22px;border-radius:7px}
.board .oi>.ometa>span{padding:0 7px!important;font-size:11px!important;gap:4px}
.board .oi>.ometa .om-w svg{width:11px;height:11px}
.board .oi>.ometa .om-t i{width:5px;height:5px;box-shadow:0 0 0 2px #efe8fb}
.board .oi>.ocust .ophone2{font-size:11px}
.board .oi>.wfree,.board .oi>.wdue,.board .oi>.wowe{font-size:11px;padding:1px 8px}
.board .oi>.tag.rwt{font-size:0!important;padding:3px 5px!important;border-radius:7px;line-height:1}
.board .oi>.tag.rwt .rwi{width:13px;height:13px;margin:0}
.board .oi>.tag.rwt{order:55}.board .oi>b{font-size:14px}
/* board card head: each line split to the two sides (right: item / customer · left: chips / money) */
.board .oi{justify-content:flex-start!important;text-align:start!important}
.board .oi>.ometa,.board .oi>.wfree,.board .oi>.wdue,.board .oi>.wowe{margin-inline-start:auto!important}
.board .oi>.wfree~.wdue,.board .oi>.wdue~.wowe,.board .oi>.wowe~.wdue,.board .oi>.wowe~.wfree{margin-inline-start:0!important}
.board .oi>.tag.rwt{order:52}
/* «ناقص X — يتكتب عليه آجل؟» */
.credok{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#fff4e5;border:1px solid #f0cf9a;color:#8a4b0f;font-size:12.5px;font-weight:700;cursor:pointer}
.credok[hidden]{display:none}
.credok input{width:16px;height:16px;accent-color:#b8913a;margin:0}
.credok em{font-style:normal;background:#fff;border:1px solid #f0cf9a;border-radius:6px;padding:0 6px}
.credok:has(input:checked){background:#fdecd2;border-color:#d9a24a}
.crd{display:block;color:#a35a12!important;font-weight:700}
.board .frow .f select{height:36px!important;padding:0 10px!important;line-height:normal;font-size:13.5px}
/* simpler «الباقي X آجل عليه» */
.credok{padding:5px 10px;font-size:12px;gap:7px;width:max-content;max-width:100%;border-radius:999px}
/* pickup: small receipt — label right, number left */
.obill2{display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:12.5px}
.obill2>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.obill2 span{color:#5b5345}.obill2 small{color:#9a907c;font-size:11px;margin-inline-start:4px}
.obill2 b{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.obill2 .dep span,.obill2 .dep b{color:#1f6b49}
.obill2 .tot{border-top:1px dashed var(--line);margin-top:3px;padding-top:5px}
.obill2 .tot span{font-weight:800;color:var(--ink)}.obill2 .tot b{font-size:15px;color:#7a5c1e}.obill2 .tot b.neg{color:#a43a29;font-size:12.5px}
/* in cards: amount box full width, the «how paid» switch under it (4 equal parts) */
.board .onepay .op1{flex-direction:column;align-items:stretch}
.board .onepay .opway{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%;box-sizing:border-box}
.board .onepay .opway span{display:block;text-align:center;padding:5px 4px}
/* labels on the same line (price / making with its switch) */
.board .frow .odel>.f>span,.board .frow .odel>label.f>span{min-height:26px;display:flex;align-items:center}
.board .frow .mmode span{padding:2px 8px!important;font-size:11px!important}.board .frow .odel>.f>span,.board .frow .odel>label.f>span{min-height:28px}
/* in cards: amount + switch back on ONE line (compact switch) */
.board .onepay .op1{flex-direction:row!important;align-items:center}
.board .onepay .opamtw{min-width:88px}
.board .onepay .opamtw input{padding-inline-end:28px!important;font-size:14px}
.board .onepay .opamtw em{font-size:10px}
.board .onepay .opway{display:inline-flex!important;width:auto!important;flex:0 0 auto}
.board .onepay .opway span{padding:4px 6px!important;font-size:11px!important}
.board .frow .obph{gap:6px;flex-wrap:nowrap;min-width:0}.board .frow .mmode{flex:0 0 auto}.board .frow .mmode span{padding:2px 7px!important}
/* the piece opened from a link lights up for a moment */
@keyframes pieceflash{0%{box-shadow:0 0 0 0 rgba(184,145,58,.0)}15%{box-shadow:0 0 0 4px rgba(184,145,58,.9),0 0 26px 6px rgba(242,214,142,.8)}100%{box-shadow:0 0 0 0 rgba(184,145,58,0)}}
.flash-on{animation:pieceflash 2.4s ease-out 1}
tr.flash-on td{animation:rowflash 2.4s ease-out 1}
@keyframes rowflash{0%,60%{background:#fbefcf}100%{background:transparent}}
.ogrp,tr[id^="r-"],tr[id^="o-"]{scroll-margin-top:90px}
/* customer page: lines that open الورشة */
.golink{color:inherit;text-decoration:none;border-bottom:1px dashed #cfae62}
.golink:hover{color:#7a5c1e}
.goshop{font-size:12px;font-weight:700;color:#7a5c1e;text-decoration:none;background:#f7efdc;padding:2px 9px;border-radius:999px;white-space:nowrap}
/* customer page: «افتح في الورشة» button */
.goshop{display:inline-flex!important;align-items:center;gap:6px;padding:5px 10px 5px 8px!important;border-radius:9px!important;background:#fff!important;border:1px solid #e6d6ab;color:#6f5a2a!important;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.goshop .gw{width:13px;height:13px;color:#7b5cc4}
.goshop .ga{width:12px;height:12px;color:#b8913a;transition:transform .15s}
.goshop:hover{background:#fbf3df!important;border-color:#cfae62}
.goshop:hover .ga{transform:translateX(-3px)}
/* customer page: where the piece is now (on its newest line) */
.pst{display:inline-block;margin-inline-start:8px;padding:1px 9px;border-radius:999px;font-size:11.5px;font-weight:800;vertical-align:1px;white-space:nowrap}
.pst.wt{background:#fdf2ef;color:#a43a29}.pst.ws{background:#efe8fb;color:#56389a}.pst.rdy{background:#e3f4ea;color:#1f6b49}
.pst.dn{background:#f1efe9;color:#6b6252}.pst.cx{background:#fdf2ef;color:#a43a29;text-decoration:line-through}
/* «القطعة فين؟» cards inside a board card: compact */
.board .wherec{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.board .wherec span{grid-template-columns:28px minmax(0,1fr);column-gap:8px;padding:8px 10px;padding-inline-end:22px;border-radius:11px}
.board .wherec i{width:28px;height:28px;border-radius:8px}
.board .wherec i svg{width:15px;height:15px}
.board .wherec b{white-space:normal;font-size:12px;line-height:1.3}
.board .wherec small{display:none}
.board .wherec input:checked+span::after{top:5px;inset-inline-end:6px;width:15px;height:15px;font-size:9px}
.board .wherec input:checked+span::after{display:none}.board .wherec span{padding-inline-end:10px}
.otl li.why b{font-weight:600;color:#a35a12;white-space:normal;font-size:10.5px}.otl li.why i{visibility:hidden}

/* ===================== الجرد ===================== */
.jhead .jst{margin-inline-start:auto;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800}
.jst.op{background:#fff4e5;color:#a35a12}.jst.rv{background:#efe8fb;color:#56389a}.jst.cl{background:#e3f4ea;color:#1f6b49}
.jstart{padding:26px 28px;text-align:center}
.jstart h2{margin:0 0 14px;font-size:22px}
.jsteps{list-style:none;counter-reset:s;margin:0 auto 22px;padding:0;max-width:620px;text-align:start;display:flex;flex-direction:column;gap:10px}
.jsteps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center}
.jsteps li::before{content:counter(s);grid-row:1/3;width:30px;height:30px;border-radius:50%;background:#1d1a13;color:#f2d68e;display:grid;place-items:center;font-weight:800}
.jsteps b{font-size:15px}.jsteps span{font-size:13px;color:var(--muted)}
.jgo{height:46px!important;padding:0 34px!important;font-size:16px!important}
.jinfo{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted);margin:0 0 12px}
.jwho{padding:2px 10px;border-radius:999px;background:#f3ecdd;color:#6b6252;font-weight:700;font-size:12px}.jwho.dn{background:#e3f4ea;color:#1f6b49}
.jform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:80px}
.jform .jsec[data-sec="cash"],.jform .jsec[data-sec="notours"],.jform .jsec[data-sec="resbox"]{grid-column:1/-1}
.jsec{padding:14px 16px}
.jsh{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.jsh b{font-size:15.5px}
.jprog{margin-inline-start:auto;font-size:12px;font-weight:800;color:#a35a12;background:#fff4e5;border-radius:999px;padding:1px 9px}
.jsec.full .jprog,.jprog.allok{color:#1f6b49;background:#e3f4ea}
.jcash{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.jcash span{font-size:13.5px;color:var(--muted)}
.jcash .inp{flex:1;max-width:320px}.jcash input{font-size:22px!important;font-weight:800;height:52px!important}
.jbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.jbar{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:#fff}
.jbar span{font-size:11.5px;font-weight:700;color:#6b6252}.jbar input{height:32px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:15px;font-weight:700;text-align:center;background:var(--soft)}
.jhd{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px;gap:8px;font-size:11.5px;color:var(--muted);padding:0 4px 4px;text-align:center}
.jhd span:first-child{text-align:start}
.jrow{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px;gap:8px;align-items:center;padding:5px 4px;border-top:1px dashed #efe6d2}
.jrow.jw{grid-template-columns:minmax(0,1fr) 120px}
.jsec[data-sec="scrap"] .jhd{grid-template-columns:minmax(0,1fr) 120px}
.jrow .jnm b{font-size:14px}.jrow .jnm small{display:block;font-size:11.5px;color:var(--muted)}
.jrow .jc{height:36px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:15px;font-weight:700;text-align:center;background:var(--soft)}
.jrow .jwi input{height:36px!important;font-size:15px;font-weight:700;padding:4px 10px;padding-inline-end:30px}
.jrow input:focus,.jbar input:focus{outline:2px solid #cfae62;background:#fff}
.jrow.jnot{grid-template-columns:minmax(0,1fr) auto}
.jyn{display:inline-flex;gap:5px}.jyn label{cursor:pointer}.jyn input{display:none}
.jyn span{display:inline-block;padding:5px 11px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:800;color:#8a7d64}
.jyn input[value="1"]:checked+span{background:#1f6b49;color:#fff;border-color:transparent}
.jyn input[value="0"]:checked+span{background:#a43a29;color:#fff;border-color:transparent}
.jbar-bottom{position:sticky;bottom:92px;z-index:20;grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#1d1a13;color:#f2ead6;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);margin-top:6px}
.jbar-bottom .jtot{font-size:14px}.jbar-bottom .jtot b{color:#f2d68e;font-size:16px}.jbar-bottom .jtot.ok{color:#9be0b8}
.jbar-bottom small{color:#b8ab8f}.jbar-bottom .fbtn:first-of-type{margin-inline-start:auto}
.jbar-bottom .fbtn.fsec{background:transparent;color:#f2ead6;border-color:#5b5345}
.jbar-bottom .fbtn[disabled]{opacity:.45;cursor:not-allowed}
.jwait{padding:24px;text-align:center}.jwait h2{margin:0 0 6px;color:#1f6b49}.jwait p{color:var(--muted);margin:0 0 12px}
.jwait .jinfo{justify-content:center}.jwbtns{display:flex;gap:8px;justify-content:center}
.jsum{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.js{padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.js span{font-size:12.5px;font-weight:700;color:#6b6252}.js b{font-size:24px;font-weight:800}.js small{font-size:11.5px;color:var(--muted)}
.js.ok b{color:#1f6b49}.js.df b{color:#a35a12}.js.mx b{color:#a43a29}.js.gd b,.js.cs b{color:#3d362a}.js.ms b{color:#6b6252}.js.ms.bad b{color:#a43a29}
@media (max-width:1100px){.jsum{grid-template-columns:repeat(3,minmax(0,1fr))}.jform{grid-template-columns:minmax(0,1fr)}}
.jnote{color:#a35a12;font-weight:700;font-size:13px}
.jres{padding:12px 14px;margin-bottom:12px}
.jt{white-space:normal}
.jt td,.jt th{padding:8px 10px;font-size:13px}
.jt .jlbl{text-align:start;font-weight:700}.jt .jlbl small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}.jt .jlbl a{color:inherit}
.jt tr.st-ok td{color:#6b6252}
.jt tr.st-diff td{background:#fff8ec}
.jt tr.st-mixed td,.jt tr.st-moved td,.jt tr.st-missing td{background:#fdf3f0}
.vb{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#f1efe9;color:#6b6252}
.vb.ok{background:#e3f4ea;color:#1f6b49}.vb.df{background:#fff1e0;color:#a35a12}.vb.mx,.vb.bad{background:#fdecea;color:#a43a29}
.jrc{display:flex;gap:4px;justify-content:center;margin-top:5px}
.jrc input{width:74px;height:30px;border:1px solid #e3b9b0;border-radius:8px;font:inherit;font-size:13px;text-align:center;background:#fff}
.jrc label{cursor:pointer}.jrc label input{display:none}.jrc label span{display:inline-block;padding:3px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:800}
.jrc label input:checked+span{background:#1d1a13;color:#f2d68e}
.jdone{text-align:center;color:#1f6b49;font-weight:800}
.jhist{padding:6px}
.jh{display:grid;grid-template-columns:14px 140px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none;color:inherit;font-size:13px}
.jh:hover{background:#faf6ec}.jh small{color:var(--muted)}
.jh .dot{width:10px;height:10px;border-radius:50%}.dot.g{background:#2c8a5f}.dot.o{background:#d9822b}.dot.r{background:#c0503c}.dot.gr{background:#c9c2b2}

.jwait + .jsum{margin-top:14px}
/* الجرد: three screens (hub cards) */
.jhub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.jp{padding:18px;display:flex;flex-direction:column;gap:12px;min-height:220px}
.jp-top{display:flex;align-items:center;gap:12px}
.jp-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}
.jp-ico svg{width:24px;height:24px}
.jp-ico.jp-cash{background:#e6f3ec;color:#1f6b49}.jp-ico.jp-main{background:#f6edd8;color:#8a6a1f}.jp-ico.jp-bars{background:#efe8fb;color:#56389a}
.jp-ico.jp-big{width:60px;height:60px;border-radius:18px;margin:0 auto 10px}.jp-ico.jp-big svg{width:30px;height:30px}
.jp-t b{display:block;font-size:18px}.jp-t small{font-size:12px;color:var(--muted)}
.jp-st{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jp-st small{font-size:11.5px;color:var(--muted)}
.jpill{padding:3px 11px;border-radius:999px;font-size:12px;font-weight:800}
.jpill.gr{background:#f1ece1;color:#8a7d64}.jpill.op{background:#fff4e5;color:#a35a12}.jpill.rv{background:#efe8fb;color:#56389a}
.jpill.mx{background:#fdeae5;color:#a43a29}.jpill.cl{background:#e3f4ea;color:#1f6b49}
.jp-who{display:flex;flex-wrap:wrap;gap:5px}
.jp-nums{display:flex;flex-wrap:wrap;gap:6px}
.jp-nums span{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:6px 8px;border-radius:10px;background:var(--soft);font-size:11px;color:#6b6252;font-weight:700}
.jp-nums b{font-size:17px;font-weight:800;color:#3d362a}.jp-nums .ok b{color:#1f6b49}.jp-nums .df b{color:#a35a12}.jp-nums .mx b{color:#a43a29}
.jp-go{margin-top:auto;display:flex}.jp-go form{display:flex;width:100%}.jp-go .fbtn{width:100%;justify-content:center;text-align:center}
.jp-go .muted{font-size:13px}
.jp-none{opacity:.97}.jp-closed{border-color:#cfe6d8}
.jappr{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#1d1a13;color:#cfc3a8;font-size:13.5px;margin-bottom:6px}
.jappr.on{color:#9be0b8}.jappr .fbtn{margin-inline-start:auto}.jappr .fbtn.fsec{background:transparent;color:#f2ead6;border-color:#5b5345}.jappr .fbtn[disabled]{opacity:.45;cursor:not-allowed}
.jhead .jback{font-size:15px;font-weight:700;color:var(--muted);text-decoration:none}.jhead .jback:hover{color:#3d362a}
.jhead .jsep{color:#c9bfa8;font-size:20px}
.jback2{text-align:center;margin:10px 0 0}
.jstart p.muted{max-width:520px;margin:0 auto 18px;font-size:13.5px}
.jsum-cash,.jsum-bars{grid-template-columns:repeat(4,minmax(0,1fr))}
.jform.jf-cash{grid-template-columns:minmax(0,1fr)}
@media (max-width:900px){.jhub{grid-template-columns:minmax(0,1fr)}.jp{min-height:0}}
.jp-go a.fbtn,.jwbtns a.fbtn,.jback2 a.fbtn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
/* الجرد: my own check (review) */
.jwho.rv{background:#efe8fb;color:#56389a}
.jrvhead{display:flex;align-items:center;gap:18px;padding:14px 18px;margin-bottom:12px}
.jrvhead p{margin:0;font-size:13.5px;line-height:1.8}
.jrvn{display:flex;gap:6px}.jrvn span{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:6px 8px;border-radius:10px;background:var(--soft);font-size:11.5px;font-weight:700;color:#6b6252}
.jrvn b{font-size:20px;font-weight:800}.jrvn .ok b{color:#1f6b49}.jrvn .mx b{color:#a43a29}.jrvn .fx b{color:#56389a}
.jrv .jt tr.st-fixed td{background:#f6f2fd}
.jfx{justify-content:flex-start;margin:0;align-items:center}.jfx em{font-style:normal;font-size:11.5px;color:var(--muted)}
.jnote-in{width:100%;min-width:150px;height:32px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;padding:0 9px;background:#fff}
.jnote-in.need{border-color:#e3b9b0;background:#fffaf8}
.jallok{padding:12px 16px;margin-bottom:12px;color:#1f6b49;font-weight:700;font-size:13.5px;background:#f2faf5;border-color:#cfe6d8}
.jwhy{display:block;font-size:11.5px;color:#56389a;margin-top:2px}
@media (max-width:700px){.jrvhead{flex-direction:column;align-items:flex-start}}
/* المخزن: برّه المحل + الإجمالي بتاعنا */
.shx small,.sh3 .sout-go{font-size:12.5px;font-weight:600}
.sh3 .sout-go{margin-inline-start:10px;color:#8a6a1f;text-decoration:none}.sh3 .sout-go:hover{text-decoration:underline}
td.oage-o{color:#a35a12;font-weight:700}td.oage-r{color:#a43a29;font-weight:800}
.gtot{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:8px;margin:6px 0 22px}
.gtc{padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.gtc span{font-size:13px;font-weight:700;color:#6b6252}.gtc b{font-size:24px;font-weight:800;color:#3d362a}.gtc b em{font-style:normal;font-size:14px;color:var(--muted)}
.gtc small{font-size:11.5px;color:var(--muted)}
.gtc.all{background:#1d1a13;border-color:#1d1a13}.gtc.all span,.gtc.all small{color:#cfc3a8}.gtc.all b{color:#f2d68e}
.gtop{display:grid;place-items:center;font-size:22px;font-weight:800;color:#b8ab8f}
@media (max-width:800px){.gtot{grid-template-columns:minmax(0,1fr)}.gtop{display:none}}
.sph{display:block;font-size:11.5px}
.osub td{background:#fbf8f1;font-size:12.5px;padding-top:6px;padding-bottom:6px;color:#6b6252}
.osub td:first-child{padding-inline-start:28px}.osub a{color:inherit;font-weight:700;text-decoration:none}.osub a:hover{text-decoration:underline}
.soutag{display:inline-block;margin-inline-end:6px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:800}
.soutag.loan{background:#fff4e5;color:#a35a12}.soutag.ws{background:#efe8fb;color:#56389a}
/* الجرد · المشغولات: the three boxes */
.jbox{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:8px 2px -2px}
.jbox i{font-style:normal;align-self:center;width:26px;height:26px;border-radius:50%;background:#1d1a13;color:#f2d68e;display:grid;place-items:center;font-weight:800;font-size:13px}
.jbox b{font-size:17px}.jbox small{font-size:12.5px;color:var(--muted)}
.jform .jsec[data-sec="scrap"]{grid-column:1/-1}
.jform .jsec[data-sec="scrap"] .jrow,.jform .jsec[data-sec="scrap"] .jhd{max-width:560px}
/* الحجوزات: حجز جديد (بسعر / من غير سعر) */
.rfnew{padding:14px 16px;margin-bottom:16px}
.rfsw{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rfsw b{font-size:16px;margin-inline-end:6px}
.rfsw label{cursor:pointer}.rfsw input{display:none}
.rfsw span{display:inline-block;padding:7px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;font-size:13.5px;color:#6b6252}
.rfsw input:checked+span{background:#1d1a13;color:#f2d68e;border-color:#1d1a13}
.rfnew p.muted{font-size:13px;margin:12px 0 10px}
.rzgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.rzgrid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#6b6252}
.rzgrid input,.rzgrid select{height:38px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;padding:0 10px;background:#fff}
.rzgrid .rfwide{grid-column:span 2}
.rflate{color:#a43a29;font-weight:800}
.rfbtns{display:flex;gap:6px;align-items:center}.rfbtns form{margin:0}
.rfdone{margin:-6px 0 16px}.rfdone summary{cursor:pointer;font-size:13px;color:var(--muted);padding:6px 2px}
@media (max-width:800px){.rzgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* الجرد: pieces over weight · my review actions */
.pw2{display:inline-flex;flex-direction:column;align-items:center;line-height:1.3;vertical-align:middle}
.pw2 b{font-weight:700}.pw2 small{font-size:12px;color:var(--muted)}
s .pw2 b,s .pw2 small{text-decoration:line-through}
.jexp{color:#1f6b49;font-weight:700}
.jact{white-space:nowrap}
.jaccb{display:block;margin:0 auto 4px;padding:6px 14px;border-radius:999px;border:1px solid #9fd2b5;background:#e9f6ee;color:#1f6b49;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.jaccb:hover{background:#1f6b49;color:#fff}
.jothr{text-align:center}.jothr summary{cursor:pointer;font-size:11.5px;color:var(--muted);list-style:none}.jothr summary::-webkit-details-marker{display:none}
.jothr summary:hover{color:#3d362a;text-decoration:underline}.jothr .jrc{justify-content:center;margin-top:4px}
.jothr2{display:block;text-align:center;font-size:11.5px;color:var(--muted);cursor:pointer}.jothr2 input{display:none}
/* الجرد · my review: المفروض صح / رقم تاني (no reload) */
.jabtn{display:inline-flex;margin:0 auto;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
.jact{text-align:center}
.jab{padding:5px 11px;border:0;background:transparent;font:inherit;font-size:12px;font-weight:700;color:#6b6252;cursor:pointer;white-space:nowrap}
.jab+.jab{border-inline-start:1px solid var(--line)}
.jab.ok{color:#1f6b49}.jab.ok:hover{background:#eef8f2}
.jab.ed:hover{background:#faf6ec;color:#3d362a}
.jaccd{text-align:center;font-size:12.5px;font-weight:800;color:#1f6b49}
.jundo{margin-inline-start:6px;border:0;background:none;color:var(--muted);font:inherit;font-size:11.5px;text-decoration:underline;cursor:pointer}
.jnumbox{justify-content:center;align-items:center;margin:0}
tr.jrow-acc td{background:#f1faf4!important}
.jdif{display:inline-flex;flex-direction:column;align-items:center;line-height:1.3}.jdif.dn{color:#c0392b}.jdif.up{color:#1f5fae}
.jdif b{font-weight:800;font-size:14px}.jdif small{font-size:12px;font-weight:700;opacity:.85}.jsn{display:inline-flex;direction:rtl;gap:3px}.jsn i{font-style:normal}
/* الجرد · my review: partial finds */
.jab.pt{color:#8a6a1f}.jab.pt:hover{background:#fffaf0}
.jpart{justify-content:center;align-items:center;margin:0;flex-wrap:wrap;gap:4px}.jpart span{font-size:12px;font-weight:800;color:#6b6252}
.jpart input{width:64px}.jpart .jwhere{width:120px}
.jsave{padding:5px 12px;border-radius:8px;border:0;background:#1f6b49;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.jfnd{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;color:#1f6b49;background:#eef8f2;border-radius:8px;padding:3px 8px}
.jfx-x{margin-inline-start:auto;border:0;background:none;color:#a39883;cursor:pointer;font-size:12px}.jfx-x:hover{color:#a43a29}
/* الجرد: جديد/مستعمل = العدد بس · الكسر = الوزن بس */
.jrow.jpc,.jhd.jpc{grid-template-columns:minmax(0,1fr) 110px}
.jtw{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px;font-size:11.5px;font-weight:700;color:#6b6252}
.jtw input{width:78px;height:28px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;text-align:center;background:#fff}
.jtw.need input{border-color:#e3b9b0;background:#fffaf8}.jtw em{font-style:normal;color:var(--muted)}
/* مشاكل البرنامج (owner) */
.errseen{margin-inline-start:auto}
.errhint{margin:-4px 0 12px;font-size:13px}
.errlist{padding:6px}
.erow{border-bottom:1px solid #f1ead9}.erow:last-child{border-bottom:0}
.erow summary{display:grid;grid-template-columns:80px 150px 110px minmax(0,1fr);gap:10px;align-items:center;padding:10px;cursor:pointer;font-size:13px;list-style:none}
.erow summary::-webkit-details-marker{display:none}
.erow summary em{grid-column:1/-1;font-style:normal;color:#a43a29;font-size:12.5px;direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.erow.new summary b{color:#a43a29}.erow.new{background:#fffaf8}
.edet{padding:0 10px 12px}.edet h4{margin:8px 0 6px;font-size:12.5px;color:#6b6252}
.efm{display:flex;flex-wrap:wrap;gap:6px}.efm span{background:var(--soft);border-radius:8px;padding:3px 8px;font-size:12px}.efm i{font-style:normal;color:var(--muted);margin-inline-end:5px}
.edet pre{margin:0;max-height:320px;overflow:auto;background:#1d1a13;color:#f2ead6;border-radius:10px;padding:10px;font-size:11.5px;white-space:pre-wrap}
.abtns.abtns3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* الجرد: فحص صنف واحد */
.jqbox{padding:12px 16px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.jqgrp{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:start}.jqgrp>b{font-size:13.5px;padding-top:5px}
.jqgrp>div{display:flex;flex-wrap:wrap;gap:6px}
.jqbtn{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:#3d362a;text-decoration:none;font-size:13px;font-weight:700}
.jqbtn:hover{border-color:#cfae62;background:#fffaf0}
.jqlist{padding:6px;margin-bottom:16px}
.jqrow{display:grid;grid-template-columns:150px minmax(0,1fr) 120px auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none;color:inherit;font-size:13px}
.jqrow:hover{background:#faf6ec}
.jck{max-width:620px;margin:0 auto;padding:22px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.jck h2{margin:0;font-size:22px}
.jckin{width:220px}.jckin input{font-size:24px!important;font-weight:800;text-align:center;height:56px!important}
.jcknums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:6px 0}
.jcknums>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px;border-radius:12px;background:var(--soft);font-size:14px}
.jcknums>div>span{font-size:11.5px;color:var(--muted);font-weight:700}.jcknums .ex{color:#1f6b49}
.jckok{color:#1f6b49;font-size:16px}
.jckact{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.jckact .jnote-in{max-width:420px}
.jcknote{margin:0;color:#56389a;font-weight:700}
.jckboss{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:10px;border-radius:12px;background:#fff8ec;width:100%}
.jqdd{display:flex;gap:6px}.jqdd select{flex:1;min-width:0;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:13.5px;padding:0 10px}
.jqdd .fbtn{height:38px;padding:0 14px}
.jp .jqdd{margin-top:auto}.jp .jqdd + .jp-go{margin-top:0}
.jck2{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;max-width:420px;font-size:13px;font-weight:800;color:#6b6252}
.jck2 .inp{width:200px}.jck2 .inp input{font-size:20px!important;font-weight:800;text-align:center;height:48px!important}
#jcksave[disabled]{opacity:.45;cursor:not-allowed}
/* الجرد review: «عدّ تاني مرة» per wrong line */
.jsc{width:120px;margin:0 auto}.jsc input{text-align:center;font-weight:800;font-size:15px;height:36px!important}
.jsc input.need{border-color:#e3b9b0;background:#fffaf8}
.jyn2{display:inline-flex;gap:5px}.jyn2 label{cursor:pointer}.jyn2 input{display:none}
.jyn2 span{display:inline-block;padding:5px 10px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:800;color:#8a7d64}
.jyn2 input[value="1"]:checked+span{background:#1f6b49;color:#fff;border-color:transparent}.jyn2 input[value="0"]:checked+span{background:#a43a29;color:#fff;border-color:transparent}
.jbar-bottom .fbtn.fmain[disabled]{opacity:.45;cursor:not-allowed}
.jshow{margin-inline-start:8px;padding:4px 12px;border-radius:999px;border:1px solid #f2d68e;background:transparent;color:#f2d68e;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.jshow:hover{background:#f2d68e;color:#1d1a13}
@keyframes jflash{0%,100%{background:inherit}30%,70%{background:#ffe9b0}}
tr.jflash td{animation:jflash 1.6s ease 2}
/* الجرد: فحوصات صنف واحد — table */
.jqt{white-space:normal}.jqt tbody tr{cursor:pointer}.jqt tbody tr:hover td{background:#faf6ec}
.jqt td,.jqt th{padding:9px 10px;font-size:13px;text-align:center}
.jqt .jlbl{text-align:start}.jqt .jlbl small{display:block;color:var(--muted);font-weight:500;font-size:11.5px}
.jqt td small.muted{display:block;font-size:11px}
.jqt .jpill{display:inline-block;min-width:92px;text-align:center}
.jqt tbody tr.nolink{cursor:default}
/* الجرد simple cards: one sentence + one button */
.jp-say{align-self:flex-start;font-size:13.5px!important;padding:6px 14px!important}
.jqx{margin-top:-2px}.jqx summary{cursor:pointer;font-size:12.5px;color:var(--muted);list-style:none;text-align:center}.jqx summary::-webkit-details-marker{display:none}
.jqx summary:hover{color:#3d362a}.jqx[open] summary{margin-bottom:8px}
.jp .jqx .jqdd{margin-top:0}
.jsteps2{list-style:none;display:flex;gap:6px;margin:0 0 14px;padding:0;justify-content:center;flex-wrap:wrap}
.jsteps2 li{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:#a39883}
.jsteps2 li i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f1ece1;font-size:12px}
.jsteps2 li.now{border-color:#1d1a13;background:#1d1a13;color:#f2d68e}.jsteps2 li.now i{background:#f2d68e;color:#1d1a13}
.jsteps2 li.done{color:#1f6b49;border-color:#cfe6d8;background:#f2faf5}.jsteps2 li.done i{background:#1f6b49;color:#fff}
.jqx-sp{height:19px}
/* الجرد: the manager's review (only lines where someone made a mistake) */
.jsum-self{grid-template-columns:repeat(3,minmax(0,1fr))}
.jmr{padding:12px 6px;border-top:1px dashed #efe6d2;display:flex;flex-direction:column;gap:10px}.jmr:first-of-type{border-top:0}
.jmr-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.jmr-h>b{font-size:15px}.jmr-h>small{color:var(--muted);font-size:12px}
.jmr-exp{font-size:13px;color:#6b6252}.jmr-exp b{color:#1f6b49}.jmr-exp .pw2{flex-direction:row;gap:6px}
.jmr-st{margin-inline-start:auto}
.jmr-people{display:flex;gap:8px;flex-wrap:wrap}
.jmp{display:flex;flex-direction:column;gap:4px;min-width:170px;padding:9px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--line);font-size:13px}
.jmp.ok{border-color:#cfe6d8}.jmp.bad{border-color:#f0c9bf}.jmp.rc{background:#f6f2fd;border-color:#ddd0f5}
.jmp-n{font-size:11.5px;font-weight:800;color:#6b6252}.jmp-v{display:flex;align-items:center;gap:6px;font-weight:700}.jmp-v .pw2{flex-direction:row;gap:5px}
.jmp-v em{font-style:normal;font-weight:800}.jmp.ok .jmp-v em{color:#1f6b49}.jmp.bad .jmp-v em{color:#a43a29}
.jmp small{color:#56389a;font-size:12px}
.jmb{padding:5px 12px;border-radius:9px;border:1px solid #1d1a13;background:#1d1a13;color:#f2d68e;font:inherit;font-size:12px;font-weight:800;cursor:pointer;align-self:flex-start}
.jmb.ghost{background:#fff;color:#6b6252;border-color:var(--line)}
.jmr-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:4px}
.jmask,.jmself{display:flex;gap:6px;align-items:center}
.jmask select,.jmself input[inputmode]{height:32px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:13px;padding:0 8px;background:#fff}
.jmself input[inputmode]{width:90px;text-align:center}
.jmself label input{display:none}.jmself label span{display:inline-block;padding:4px 10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer}
.jmself label input:checked+span{background:#1d1a13;color:#f2d68e}
.jasked{padding:14px 16px;margin-bottom:14px;border-color:#f0c9bf;background:#fffaf8;display:flex;flex-direction:column;gap:10px}
.jasked h3{margin:0;font-size:16px;color:#a43a29}
.jarow{display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1.4fr);gap:10px;align-items:center}
.jasked .fbtn{align-self:flex-start}
/* الجرد: manager table — one choice per line */
.jmt td,.jmt th{padding:9px 10px;font-size:13px;text-align:center;vertical-align:middle}
.jmt .jlbl{text-align:start;font-weight:800}
.jmc{min-width:150px}.jmc-v{display:flex;gap:5px;justify-content:center;align-items:center}
.jmc em{font-style:normal;font-weight:800}.jmc.ok em{color:#1f6b49}.jmc.bad em{color:#a43a29}
.jmc small{display:block;color:#56389a;font-size:11.5px;margin-top:2px}
.jmc-rc{margin-top:4px;font-size:12px;color:#56389a;background:#f6f2fd;border-radius:8px;padding:2px 8px;display:inline-block}
.jmd{min-width:230px}.jmd-st{display:block;margin-bottom:5px;font-size:12px;font-weight:800}.jmd-st.ok{color:#1f6b49}.jmd-st.df{color:#a43a29}.jmd-st.ask{color:#a35a12}
.jmsel{width:100%;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit;font-size:13px;padding:0 8px}
.jmself2{margin-top:6px;width:100%;height:32px;border:1px solid #cfae62;border-radius:9px;font:inherit;font-size:13px;text-align:center;background:#fffaf0}
.jmc-l{display:grid;grid-template-columns:62px auto 18px;gap:6px;align-items:center;justify-content:center;font-size:13px;padding:2px 0}
.jmc-l span{font-size:11.5px;color:var(--muted);font-weight:700;text-align:start}
.jmc-l em{font-style:normal;font-weight:800}.jmc-l.ok em{color:#1f6b49}.jmc-l.bad em{color:#a43a29}.jmc-l.bad b{color:#a43a29}
.jmselfw{display:flex;gap:6px;margin-top:6px}.jmselfw .jmself2{margin-top:0;flex:1}
.jmsave{padding:0 14px;border-radius:9px;border:0;background:#1d1a13;color:#f2d68e;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.jmrow{display:flex;gap:6px}.jmrow .jmsel{flex:1;min-width:0}
.jmgo{padding:0 16px;border-radius:9px;border:0;background:#1f6b49;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.jmgo:hover{background:#185a3d}
.jmgo[disabled]{background:#e8e2d4;color:#a39883;cursor:not-allowed}
/* الجرد: the decision menu */
.jdd{position:relative;flex:1;min-width:0}
.jdd-btn{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:13px;color:#8a7d64;cursor:pointer;text-align:start}
.jdd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jdd-btn i{font-style:normal;color:#b8ab8f;font-size:11px}
.jdd-btn.set{color:#3d362a;font-weight:700;border-color:#cfae62}
.jdd-menu{position:absolute;z-index:30;top:calc(100% + 4px);inset-inline:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px -12px rgba(0,0,0,.28);padding:6px;display:flex;flex-direction:column;gap:2px}
.jdd-g{font-size:11px;font-weight:800;color:#a39883;padding:6px 10px 2px;text-align:start}
.jdd-o{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:13.5px;cursor:pointer;text-align:start}
.jdd-o b{font-weight:700}.jdd-o small{font-size:12px;color:var(--muted);font-weight:700}
.jdd-o.ok b{color:#1f6b49}.jdd-o.ask b{color:#a35a12}.jdd-o.self b{color:#3d362a}
.jdd-o.ok:hover{background:#eef8f2}.jdd-o.ask:hover{background:#fff4e5}.jdd-o.self:hover{background:#f6f1e6}
.tbl:has(> .jmt){overflow:visible}.tbl:has(> .jmt) table{overflow:visible}
/* الجرد: decision menu — compact */
.jdd-btn{height:32px;font-size:12.5px;padding:0 10px}
.jdd-menu{min-width:200px;padding:4px;gap:0;border-radius:11px}
.jdd-g{font-size:10.5px;padding:4px 8px 1px}
.jdd-o{padding:5px 8px;font-size:12.5px;border-radius:7px}.jdd-o small{font-size:11px}
.jmgo{font-size:12px;padding:0 12px}
.jdd-menu{inset-inline-end:auto;width:max-content;min-width:180px;max-width:280px}.jdd{max-width:270px}.jmd{min-width:200px}
.jmrow{justify-content:center}.jmd .jmselfw{max-width:340px;margin-inline:auto}
/* الجرد manager table: first / second count as pills */
.jcps{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.jcp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}
.jcp.ok{background:#e9f6ee;color:#1f6b49}.jcp.bad{background:#fdecea;color:#a43a29}
.jcp em{font-style:normal}
.jcp-n{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;background:#fff;color:#6b6252;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.jcp-a{color:#c9bfa8;font-size:13px}
.jmc small{margin-top:5px}
.jmc-big{font-size:14.5px;font-weight:800}.jmc-big em{font-style:normal}.jmc-big.ok{color:#1f6b49}.jmc-big.bad{color:#a43a29}
.jmc-sub{margin-top:3px;font-size:11.5px;color:var(--muted);font-weight:600}
.jmt th.jmh2{border-bottom:1px solid #efe6d2}.jmt th.jmh2s{font-size:11px;font-weight:700;color:#a39883;padding-top:4px}
.jmc2{white-space:nowrap}.jmc2 b{font-weight:800}.jmc2 em{font-style:normal;font-weight:800}
.jmc2.ok b,.jmc2.ok em{color:#1f6b49}.jmc2.bad b,.jmc2.bad em{color:#a43a29}
.jmc2 small{display:block;white-space:normal;color:#56389a;font-size:11.5px;margin-top:2px}
/* الجرد manager table: first / second stacked, simple */
.jmxs{display:inline-flex;flex-direction:column;gap:3px;align-items:stretch}
.jmx{display:grid;grid-template-columns:34px auto;gap:8px;align-items:center;text-align:start}
.jmx span{font-size:11px;color:#a39883;font-weight:700}
.jmx b{font-size:13.5px;font-weight:800}.jmx.ok b{color:#1f6b49}.jmx.bad b{color:#a43a29}.jmx.rc b{color:#56389a}
.jmt td.jmc{vertical-align:top;padding-top:12px}
.jmd-st.okb{color:#56389a}
.jquicks{display:flex;gap:6px;justify-content:center;margin-bottom:6px;flex-wrap:wrap}
.jquick{padding:5px 16px;border-radius:9px;border:0;background:#1f6b49;color:#fff;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.jquick:hover{background:#185a3d}
/* الجرد: postponed lines + follow-ups */
.jdd-o.later b{color:#56389a}.jdd-o.owner b{color:#245a86}.jdd-o.later:hover{background:#f6f2fd}.jdd-o.owner:hover{background:#eef4fb}
.jfl{padding:6px;margin-bottom:16px}
.jflr{display:flex;align-items:center;gap:14px;padding:10px;border-top:1px dashed #efe6d2;flex-wrap:wrap}.jflr:first-child{border-top:0}
.jflt{flex:1;min-width:240px;display:flex;flex-direction:column;gap:2px;font-size:13px}.jflt b{font-size:14.5px}.jflt small{color:var(--muted);font-size:11.5px}
.jfla{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.jflm{display:flex;gap:6px;align-items:center}.jflm input{width:90px;height:32px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:13px;text-align:center}
/* تقرير الجرد */
.rp-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:16px}
.rp-part{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.rp-part>b{font-size:16px}.rp-part small{color:var(--muted);font-size:12px}
.rp-nums{display:flex;gap:6px;flex-wrap:wrap}.rp-nums span{display:flex;flex-direction:column;align-items:center;min-width:70px;padding:6px 8px;border-radius:10px;background:var(--soft);font-size:11px;color:#6b6252;font-weight:700}
.rp-nums b{font-size:18px;color:#3d362a}
.rp-t td,.rp-t th{font-size:13px;padding:9px 10px;text-align:center;vertical-align:top}.rp-t .jlbl{text-align:start}
.rp-p div{display:flex;gap:6px;justify-content:center;font-weight:700}.rp-p div span{color:#a39883;font-size:11px;min-width:28px}
.rp-p small,.rp-dec small{display:block;color:#56389a;font-size:11.5px}.rp-dec small{color:var(--muted)}
.rp-ok{color:#1f6b49;font-weight:800}.rp-bad{color:#a43a29;font-weight:800}.rp-later{color:#56389a;font-weight:800}
.rp-tl{padding:6px;margin-bottom:16px}
.rp-ev{display:grid;grid-template-columns:150px 140px minmax(0,1fr) 110px;gap:10px;padding:8px 10px;border-top:1px dashed #efe6d2;font-size:13px;align-items:center}
.rp-ev:first-child{border-top:0}.rp-ev .rp-t{color:var(--muted);font-size:12px}.rp-ev small{color:var(--muted);text-align:end}
@media (max-width:760px){.rp-ev{grid-template-columns:1fr 1fr}}
.jokall{padding:14px 16px;margin-bottom:14px;border-color:#cfe6d8;background:#f6fbf8}
.jok-list{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.jok-list span{padding:4px 10px;border-radius:999px;background:#fff;border:1px solid #d7ece0;font-size:12.5px;color:#3d362a}
.jok-list small{color:var(--muted)}.jok-list b{color:#1f6b49}
.jokf{display:flex;justify-content:center}
.rp-box{margin:14px 2px 8px}
.rp-t tr.rp-sub td{text-align:right;background:#f7f2e7;font-weight:800;font-size:13px;color:#6b5a35;padding:7px 14px}
.rp-t tr.rp-badrow td{background:#fff8f4}
.rp-dec small{display:block;color:var(--muted);font-size:11.5px}
.jokg{display:flex;align-items:center;gap:8px;margin:10px 2px 6px}.jokg b{font-size:13.5px}
.jokg small{padding:1px 8px;border-radius:999px;background:#e3f1e8;color:#1f6b49;font-weight:800;font-size:11.5px}
table.rp-t{table-layout:fixed;width:100%}table.rp-t th:first-child{width:26%}table.rp-t th:nth-child(2){width:13%}
.rp-sect{display:flex;align-items:center;gap:8px;margin:16px 2px 8px;padding:9px 14px;border-radius:12px;font-size:15px}
.rp-sect small{padding:1px 9px;border-radius:999px;font-weight:800;font-size:12px;background:#fff}
.rp-sect em{font-style:normal;font-size:12.5px;color:var(--muted);margin-inline-start:auto}
.rp-sect.bad{background:#fdeee8;color:#9b3a26}.rp-sect.ok{background:#e9f4ee;color:#1f6b49}
.rp-none{padding:14px 16px;color:#1f6b49;font-weight:700;text-align:center}