:root{
  --ink:#3A2320; --ink-2:#6E524A; --ink-3:#9B8177;
  --ground:#FBEFE1; --surface:#FFFAF3; --sunk:#F3EDE3;
  --line:#E8D6C1; --line-2:#D3B99C;
  --brand:#7A2A29; --brand-soft:#F1DCD4;
  --gold:#C06E3C; --gold-soft:#F7E4D1;
  --loss:#9E2B21; --gain:#4C7355; --calm:#4C7355;
  --shadow:0 1px 0 rgba(58,35,32,.05);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ink:#F4E6D6; --ink-2:#CBB09E; --ink-3:#94776A;
  --ground:#1C1310; --surface:#271B17; --sunk:#332420;
  --line:#402E27; --line-2:#553D33;
  --brand:#E0938C; --brand-soft:#3B2220;
  --gold:#D9924F; --gold-soft:#36261A;
  --loss:#E88B80; --gain:#7FBE92; --calm:#7FBE92; --shadow:none;
}}
:root[data-theme="dark"]{
  --ink:#F4E6D6; --ink-2:#CBB09E; --ink-3:#94776A;
  --ground:#1C1310; --surface:#271B17; --sunk:#332420;
  --line:#402E27; --line-2:#553D33;
  --brand:#E0938C; --brand-soft:#3B2220;
  --gold:#D9924F; --gold-soft:#36261A;
  --loss:#E88B80; --gain:#7FBE92; --calm:#7FBE92; --shadow:none;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--ground);color:var(--ink);
  font-family:WOMR,"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:WOMR,"Amiri",Georgia,serif;font-weight:700;margin:0;line-height:1.25}
.num{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}
button{font-family:inherit;cursor:pointer}
input,select{font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);
  border:1px solid var(--line-2);border-radius:2px;padding:8px 10px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.bar{max-width:1240px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:9px;margin-inline-end:auto}
.mark img{height:34px;width:auto;display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mark img{filter:brightness(1.5) saturate(.85)}}
:root[data-theme="dark"] .mark img{filter:brightness(1.5) saturate(.85)}
.mark span{font-size:12px;color:var(--ink-2);border-inline-start:1px solid var(--line-2);padding-inline-start:9px;line-height:1.3}
.status{font-size:11.5px;color:var(--ink-3);display:flex;align-items:center;gap:7px;line-height:1.35}
.dot{width:7px;height:7px;border-radius:50%;background:var(--calm);flex:none}
.dot.off{background:var(--loss)}
.link{background:none;border:0;color:var(--brand);font-size:12.5px;padding:0 4px}
nav{max-width:1240px;margin:0 auto;padding:0 10px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav button{background:none;border:0;border-bottom:2px solid transparent;font-size:14.5px;font-weight:500;
  color:var(--ink-2);padding:9px 13px;white-space:nowrap}
nav button[aria-current="page"]{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}

main{max-width:1240px;margin:0 auto;padding:16px}
section[hidden]{display:none}
.lead{color:var(--ink-2);font-size:14px;margin:0 0 16px;max-width:70ch}
.act{font-size:14px;font-weight:600;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:2px;padding:9px 18px}
.act:hover{filter:brightness(1.08)}
.act[disabled]{opacity:.45}
.ghost{font-size:13px;background:transparent;color:var(--ink-2);border:1px solid var(--line-2);border-radius:2px;padding:7px 13px}
.ghost:hover{color:var(--ink);border-color:var(--ink-3)}
.note{border-inline-start:3px solid var(--gold);background:var(--gold-soft);padding:11px 14px;font-size:13px;color:var(--ink-2);border-radius:0 2px 2px 0;margin-bottom:16px}
.note b{color:var(--ink)}
.empty{padding:40px 20px;text-align:center;color:var(--ink-3)}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
label.f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink-2)}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
thead th{background:var(--sunk);text-align:start;font-weight:600;font-size:12.5px;color:var(--ink-2);padding:9px 11px;border-bottom:1px solid var(--line-2);white-space:nowrap}
tbody td{padding:8px 11px;border-bottom:1px solid var(--line)}
tbody tr:last-child td{border-bottom:0}
td.n,th.n{text-align:end;font-variant-numeric:tabular-nums}
td.name{font-weight:500}
.tag{font-size:11.5px;padding:1px 7px;border-radius:2px;border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap}
.tag.on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}
.tag.off{opacity:.6}
h3.sec{font-size:19px;margin:24px 0 10px}

/* شاشة الدخول */
#gate{position:fixed;inset:0;z-index:100;background:var(--ground);display:flex;align-items:center;justify-content:center;padding:24px}
#gate[hidden]{display:none}
.gatebox{width:100%;max-width:350px;text-align:center}
.gatebox img{width:170px;max-width:66%;margin:0 auto 10px;display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gatebox img{filter:brightness(1.5) saturate(.85)}}
:root[data-theme="dark"] .gatebox img{filter:brightness(1.5) saturate(.85)}
.gatebox h2{font-size:21px;color:var(--brand);margin-bottom:4px}
.gatebox p{font-size:13.5px;color:var(--ink-2);margin:0 0 20px}
.gatebox input{width:100%;margin-bottom:10px;padding:11px 12px;font-size:15px}
.gatebox .act{width:100%;padding:11px}
#gateMsg{font-size:13px;text-align:start;margin-bottom:14px}
#gateMsg:empty{display:none}

/* ═══ نقطة البيع ═══ */
.src-picker{margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#srcExtra{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
#srcExtra select,#srcExtra input{padding:7px 9px;font-size:13.5px}
#srcExtra input{width:130px}
.pos{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
@media (max-width:860px){.pos{grid-template-columns:1fr}}
.cats{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.cats button{background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:6px 15px;font-size:13.5px;color:var(--ink-2)}
.cats button[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 11px;text-align:start;min-height:76px;display:flex;flex-direction:column;gap:3px;transition:transform .05s}
.card:hover{border-color:var(--gold)}
.card:active{transform:scale(.97)}
.card .nm{font-weight:600;font-size:14px;line-height:1.3}
.card .szs{font-size:11.5px;color:var(--ink-3);margin-top:auto}
.card.off{opacity:.4}
.ticket{background:var(--surface);border:1px solid var(--line);border-radius:6px;position:sticky;top:70px;display:flex;flex-direction:column;max-height:calc(100vh - 90px)}
.ticket h3{padding:13px 15px 8px;font-size:18px}
.thead{padding:0 15px 8px;font-size:12px;color:var(--ink-3);display:flex;justify-content:space-between}
.lines{overflow-y:auto;padding:0 8px;flex:1;min-height:60px}
.line{display:flex;gap:8px;align-items:flex-start;padding:8px 7px;border-bottom:1px solid var(--line)}
.line .g{flex:1;min-width:0}
.line .t1{font-size:13.5px;font-weight:600}
.line .t2{font-size:11.5px;color:var(--ink-3)}
.line .qty{display:flex;align-items:center;gap:6px}
.line .qty button{width:24px;height:24px;border-radius:4px;border:1px solid var(--line-2);background:var(--sunk);font-size:15px;line-height:1;color:var(--ink)}
.line .lp{font-size:13px;font-variant-numeric:tabular-nums;min-width:52px;text-align:end}
.line .x{background:none;border:0;color:var(--ink-3);font-size:15px;padding:2px}
.foot{border-top:1px solid var(--line-2);padding:12px 15px;display:flex;flex-direction:column;gap:9px}
.foot .row{display:flex;justify-content:space-between;font-size:13.5px}
.foot .tot{font-size:19px;font-weight:700}
.foot .tot .num{color:var(--brand)}
.pays{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pays button{padding:12px;border-radius:4px;border:1px solid var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:15px}
.pays button:hover{background:var(--brand);color:#fff}
.clearbtn{background:none;border:0;color:var(--ink-3);font-size:12.5px;text-decoration:underline}

/* نافذة اختيار الحجم */
.modal{position:fixed;inset:0;z-index:80;background:rgba(28,19,16,.55);display:flex;align-items:flex-end;justify-content:center;padding:0}
.modal[hidden]{display:none}
@media (min-width:560px){.modal{align-items:center;padding:24px}}
.sheet{background:var(--surface);border-radius:14px 14px 0 0;width:100%;max-width:460px;padding:18px;max-height:80vh;overflow-y:auto}
@media (min-width:560px){.sheet{border-radius:12px}}
.sheet h3{font-size:20px;margin-bottom:3px}
.sheet .sub{font-size:12.5px;color:var(--ink-3);margin-bottom:14px}
.szrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.szrow button{flex:1;min-width:90px;border:1px solid var(--line-2);background:var(--sunk);border-radius:6px;padding:11px;font-size:14px;color:var(--ink)}
.szrow button[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.szrow button b{display:block;font-size:15px}
.szrow button small{font-size:12px;opacity:.85}
.mods{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.mods label{display:flex;align-items:center;gap:9px;font-size:14px;padding:7px 10px;border:1px solid var(--line);border-radius:5px}
.mods input{width:auto}

/* الإعداد */
.setseg{display:inline-flex;border:1px solid var(--line-2);border-radius:2px;overflow:hidden;margin-bottom:18px;flex-wrap:wrap}
.setseg button{border:0;background:var(--surface);font-size:13.5px;color:var(--ink-2);padding:7px 14px;border-inline-start:1px solid var(--line)}
.setseg button[aria-pressed="true"]{background:var(--brand);color:#fff;font-weight:600}
.editrow{display:grid;gap:8px;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line)}
.editrow input,.editrow select{padding:6px 8px}
.mini{font-size:12px;color:var(--ink-3)}


/* الطلبات الواردة */
.closebox{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:6px}
.crow{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px}
.pnl .crow{font-size:14.5px}
.risk-wrap{display:grid;gap:8px;margin-bottom:16px}
.riskbox{border-radius:6px;padding:11px 14px;font-size:13.5px;border-inline-start:4px solid var(--gold);background:var(--sunk)}
.riskbox b{font-size:14px}
.riskbox div{color:var(--ink-2);font-size:12.5px;margin-top:3px}
.riskbox.danger{border-inline-start-color:var(--loss);background:var(--brand-soft)}
.riskbox.danger b{color:var(--loss)}
.riskbox.warn{border-inline-start-color:var(--gold);background:var(--gold-soft)}
.riskbox.ok{border-inline-start-color:var(--gain);background:var(--sunk)}
.riskbox.ok b{color:var(--gain)}
.upbtn{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;background:var(--sunk);border:1px solid var(--line-2);border-radius:5px;padding:6px 10px;cursor:pointer;color:var(--ink-2);white-space:nowrap}
.upbtn:hover{border-color:var(--gold);color:var(--ink)}
.menu-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:start;padding:0;cursor:pointer;transition:transform .05s}
.menu-card:hover{border-color:var(--gold)}
.menu-card:active{transform:scale(.98)}
.menu-card .ci-img{width:100%;height:90px;object-fit:cover;display:block}
.menu-card .ci-emoji{width:100%;height:90px;display:flex;align-items:center;justify-content:center;font-size:38px;background:var(--sunk)}
.menu-card .mc-body{padding:9px 11px}
.menu-card .mc-desc{font-size:11px;color:var(--ink-3);margin:2px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kds-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.kds-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;border-top:5px solid var(--gold);overflow:hidden}
.kds-card.soon{border-top-color:var(--gold)}
.kds-card.urgent{border-top-color:var(--loss)}
.kds-card .kh{display:flex;justify-content:space-between;padding:9px 12px;background:var(--sunk);font-size:12.5px;font-weight:600}
.kds-card .kmin{color:var(--ink-3)}
.kds-card.urgent .kmin{color:var(--loss);font-weight:700}
.kds-card .kl{padding:10px 12px}
.kds-card .kl div{font-size:15px;padding:3px 0}
.kds-card .ka{padding:10px 12px;border-top:1px solid var(--line)}
.kds-card .ka button{width:100%;padding:10px;border-radius:5px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:700;font-size:14px}
.bell{position:relative;background:none;border:0;font-size:19px;cursor:pointer;padding:2px 6px}
.badge{position:absolute;top:-2px;left:-2px;background:var(--loss);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.search-pop{position:absolute;top:52px;inset-inline-end:16px;width:min(340px,90vw);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.14);z-index:60;max-height:60vh;overflow-y:auto}
.sr-item{padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer;font-size:14px}
.sr-item:hover{background:var(--sunk)}
.bell-pop{position:absolute;top:52px;inset-inline-end:16px;width:min(320px,90vw);background:var(--surface);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.14);z-index:60;max-height:60vh;overflow-y:auto}
.bell-head{padding:10px 12px;font-weight:600;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.notif{padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px;border-inline-start:3px solid var(--gold)}
.notif.warn{border-inline-start-color:var(--loss)}
.notif.good{border-inline-start-color:var(--gain)}
.sw{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.chartbox{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:6px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){.two-col{grid-template-columns:1fr}}
.rec{border-inline-start:3px solid var(--gold);background:var(--sunk);border-radius:0 5px 5px 0;padding:9px 12px;margin-bottom:7px;font-size:13px}
.rec b{font-size:13.5px}
.rec div{color:var(--ink-2);font-size:12.5px;margin-top:2px}
.rec.bad{border-inline-start-color:var(--loss);background:var(--brand-soft)}
.rec.good{border-inline-start-color:var(--gain)}
.rec.warn{border-inline-start-color:var(--gold)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:14px}
.kpi .k{font-size:12.5px;color:var(--ink-3)}
.kpi .v{font-size:23px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}
.kpi.brand .v{color:var(--brand)}
.kpi.good .v{color:var(--gain)}
.kpi.bad .v{color:var(--loss)}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:13px}
.bar-row .lbl{width:130px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-row .track{flex:1;height:16px;background:var(--sunk);border-radius:8px;overflow:hidden}
.bar-row .fill{height:100%;background:var(--brand);border-radius:8px}
.bar-row .val{width:96px;flex:none;text-align:end;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.oboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ocard{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;border-top:4px solid var(--gold)}
.ocard.src-table{border-top-color:#3B7D9E}
.ocard.src-car{border-top-color:#C06E3C}
.ocard.src-talabat{border-top-color:#FF5A00}.tb-ref{font-weight:700;color:#FF5A00}
.ocard.src-cashier{border-top-color:var(--ink-3)}
.ocard .oh{padding:10px 13px;display:flex;justify-content:space-between;align-items:center;background:var(--sunk)}
.ocard .src{font-weight:700;font-size:14px}
.ocard .otime{font-size:11.5px;color:var(--ink-3)}
.ocard .oinfo{padding:6px 13px;font-size:12px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.ocard .ol{padding:9px 13px}
.ocard .ol div{font-size:13.5px;padding:2px 0}
.ocard .oact{padding:10px 13px;border-top:1px solid var(--line);display:flex;gap:8px}
.ocard .oact button{flex:1;border-radius:5px;padding:9px;font-size:13.5px;font-weight:600;border:1px solid var(--brand)}
.ocard .bReady{background:var(--brand-soft);color:var(--brand)}
.ocard .bDone{background:var(--brand);color:#fff}
.ostat{font-size:11.5px;padding:1px 8px;border-radius:10px;background:var(--gold-soft);color:var(--gold)}
.ostat.ready{background:#D9EDDF;color:var(--gain)}
.ostat.served{background:var(--brand-soft);color:var(--brand)}
.pending-strip{margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.pending-strip .ph{padding:8px 12px;background:var(--brand-soft);font-size:13px;font-weight:700;color:var(--brand);display:flex;justify-content:space-between;align-items:center}
.pchips{display:flex;gap:8px;overflow-x:auto;padding:10px;scrollbar-width:thin}
.pchip{flex:none;border:1px solid var(--line-2);border-radius:6px;padding:8px 11px;background:var(--ground);min-width:150px;cursor:pointer;text-align:start}
.pchip:hover{border-color:var(--brand)}
.pchip.held{border-color:var(--gold);border-style:dashed}
.pchip.payable{border-color:var(--gain)}
.pchip .pc1{font-size:13px;font-weight:600}
.pchip .pc2{font-size:11.5px;color:var(--ink-3)}
.pchip .pc3{font-size:14px;font-weight:700;color:var(--brand);margin-top:3px}
.pchip .st{font-size:10.5px;padding:0 6px;border-radius:8px;background:var(--sunk);color:var(--ink-2)}
/* شبكة رموز QR */
.qrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.qrcard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;text-align:center;color:#111}
.qrcard h4{font-size:16px;margin:0 0 8px;color:#7A2A29}
.qrcard img,.qrcard canvas{width:100%;max-width:150px;height:auto;image-rendering:pixelated}
.qrcard .cap{font-size:11px;color:#666;margin-top:6px;word-break:break-all}
.qrcard .del{margin-top:8px}
@media print{header,nav,#carQr .del,.toolbar,.note,.lead{display:none!important}
  .qrgrid{grid-template-columns:repeat(2,1fr)}}

.quickcash{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.quickcash button{padding:10px 4px;border:1px solid var(--line-2);background:var(--surface);border-radius:5px;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink)}
.quickcash button:hover{border-color:var(--gold)}
.quickcash button.exact{background:var(--gold-soft);border-color:var(--gold);color:var(--gold);font-weight:600}
#cashChange.short{color:var(--loss)}
#cashChange.ok{color:var(--gain)}
td.neg{color:var(--loss);font-weight:600}
.hsearch{position:relative;flex:1;max-width:280px;min-width:120px}
.hsearch input{width:100%;padding:7px 11px;font-size:13.5px;border-radius:18px}
#searchResults{position:absolute;top:100%;inset-inline-start:0;inset-inline-end:0;background:var(--surface);border:1px solid var(--line-2);border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:60;box-shadow:0 6px 20px rgba(0,0,0,.12);display:none}
#searchResults:not([hidden]){display:block}
.sr-item{padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13.5px}
.sr-item:hover{background:var(--sunk)}
.sr-item .sr-price{color:var(--brand);font-weight:600;font-variant-numeric:tabular-nums}
.bell{position:relative;background:none;border:0;font-size:19px;cursor:pointer;padding:4px 6px}
.bell .badge{position:absolute;top:0;inset-inline-end:0;background:var(--loss);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 3px}
#bellPanel{position:fixed;top:56px;inset-inline-end:12px;width:300px;max-width:90vw;background:var(--surface);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.18);z-index:90;max-height:70vh;overflow-y:auto}
#bellPanel[hidden]{display:none}
.nt-item{padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}
.nt-item .nt-t{font-weight:600}
.nt-item .nt-time{font-size:11px;color:var(--ink-3);margin-top:2px}
.nt-empty{padding:24px;text-align:center;color:var(--ink-3);font-size:13px}

/* ═══ مركز التقارير ═══ */
.rep-layout{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}
@media(max-width:860px){.rep-layout{grid-template-columns:1fr}}
.rep-nav{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:sticky;top:96px}
.rep-nav-h{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--sunk);font-weight:700;font-size:15.5px;color:var(--ink)}
.rep-nav button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:15px 16px;font-size:14.5px;color:var(--ink-2);text-align:start;cursor:pointer;font-family:inherit}
.rep-nav button:hover{background:var(--sunk);color:var(--ink)}
.rep-nav button[aria-pressed="true"]{background:var(--brand-soft);color:var(--brand);font-weight:700;box-shadow:inset -3px 0 0 var(--brand)}
[dir="ltr"] .rep-nav button[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--brand)}
.ri{display:inline-flex;width:22px;height:22px;color:var(--ink-3);flex:none}
.ri svg{width:100%;height:100%}
.rep-nav button[aria-pressed="true"] .ri{color:var(--brand)}
@media(max-width:860px){.rep-nav{position:static;display:flex;overflow-x:auto;scrollbar-width:none}.rep-nav-h{display:none}.rep-nav button{border-top:0;white-space:nowrap;width:auto;padding:11px 14px}}
.rep-title{font-size:22px;display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.rep-title .ri{width:26px;height:26px;color:var(--brand)}
.rep-filters{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:16px}
#repRanges{display:flex;flex-wrap:wrap}
.tfoot td{background:var(--sunk)}
.kpi.warn .v{color:var(--gold)}
.up{color:var(--gain);font-weight:600}.neg{color:var(--loss)}
.donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.donut{width:140px;height:140px}
.legend .lg{display:flex;align-items:center;gap:7px;font-size:13px;margin:5px 0}
.sw2{width:11px;height:11px;border-radius:3px;display:inline-block;flex:none}
.quads{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:600px){.quads{grid-template-columns:1fr}}
.quad{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);border-top:4px solid var(--gold)}
.q-star{border-top-color:var(--gain)}.q-puzzle{border-top-color:#3B7D9E}.q-horse{border-top-color:var(--gold)}.q-dog{border-top-color:var(--loss)}
.quad .qh{font-weight:700;font-size:14.5px}
.quad .qa{font-size:12px;color:var(--ink-3);margin:3px 0 8px}
.quad .qi{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:4px 0;border-bottom:1px dashed var(--line)}
@media print{header,nav,.rep-nav,.rep-filters,#repDemo,#toast,.hsearch,.bell{display:none!important}.rep-layout{display:block}body{background:#fff}}


/* ═══ المظهر واللغة ═══ */
.langbtn{background:var(--sunk);border:1px solid var(--line-2);border-radius:14px;font-size:12px;font-weight:700;padding:4px 10px;cursor:pointer;color:var(--ink);font-family:inherit}
#themePanel{position:fixed;top:56px;inset-inline-end:12px;width:330px;max-width:92vw;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.18);z-index:90;padding:14px;max-height:80vh;overflow-y:auto}
#themePanel[hidden]{display:none}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.swatch{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line-2);border-radius:10px;padding:9px 4px;background:var(--surface);cursor:pointer;font-size:12.5px;color:var(--ink-2);font-family:inherit}
.swatch[aria-pressed="true"]{border:2px solid var(--brand);color:var(--ink);font-weight:700}
.swatch .dots{display:flex}
.swatch .dots i{width:20px;height:20px;border-radius:50%;border:2px solid var(--surface);display:block}
.swatch .dots i+i{margin-inline-start:-7px}
input[type=color]{width:46px;height:30px;padding:2px;border-radius:6px;cursor:pointer}


/* إصلاحات عامة */
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;flex-wrap:wrap;background:var(--surface)}
.seg button{border:0;background:transparent;font-family:inherit;font-size:13.5px;color:var(--ink-2);padding:7px 13px;border-inline-start:1px solid var(--line);cursor:pointer}
.seg button:first-child{border-inline-start:0}
.seg button:hover{background:var(--sunk)}
.seg button[aria-pressed="true"]{background:var(--brand);color:#fff;font-weight:600}
td.num,th.num{display:table-cell}
.bell .badge[hidden]{display:none}
.rep-main{min-width:0}

.synctxt{font-size:11px;margin-inline-start:6px;white-space:nowrap}.sync-ok{color:var(--gain)}.sync-busy{color:var(--gold)}.sync-off{color:var(--loss);font-weight:700}

/* ═══ صفحة الزبون ═══ */
body.cust-mode>header,body.cust-mode>main,body.cust-mode #gate,body.cust-mode #bellPanel,body.cust-mode #themePanel,body.cust-mode #bnav,body.cust-mode #mrBanner{display:none!important}
#custApp{max-width:560px;margin:0 auto;min-height:100vh;padding-bottom:90px}
.cu-loading,.cu-done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:80vh;text-align:center;padding:24px;color:var(--ink-2)}
.cu-loading img,.cu-done img{width:130px}
.cu-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
.cu-head img{height:38px}.cu-where{flex:1;font-weight:700;color:var(--brand)}
.cu-cats{position:sticky;top:59px;z-index:4;display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:var(--ground);scrollbar-width:none}
.cu-cats button{flex:none;border:1px solid var(--line-2);background:var(--surface);border-radius:20px;padding:8px 16px;font-family:inherit;font-size:14px;color:var(--ink-2)}
.cu-cats button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}
.cu-list{padding:6px 14px;display:grid;gap:10px}
.cu-item{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;font-family:inherit;cursor:pointer}
.cu-img,.cu-emo{width:74px;height:74px;border-radius:10px;flex:none;object-fit:cover}
.cu-emo{display:flex;align-items:center;justify-content:center;font-size:34px;background:var(--sunk)}
.cu-body{flex:1;min-width:0}.cu-name{font-weight:700;font-size:15.5px;color:var(--ink)}
.cu-desc{font-size:12.5px;color:var(--ink-3);margin:3px 0}.cu-price{font-weight:700;color:var(--brand);font-size:14px}
.cu-plus{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.cu-cartbar{position:fixed;bottom:14px;inset-inline:14px;max-width:532px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:var(--brand);color:#fff;border:0;border-radius:14px;padding:15px 20px;font-family:inherit;font-size:16px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:6}
.cu-cartbar b{background:#fff;color:var(--brand);border-radius:10px;padding:0 8px;margin-inline-start:6px}
.cu-sheet{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:20;display:flex;align-items:flex-end;justify-content:center}
.cu-sheet[hidden]{display:none}
.cu-sheet-in{background:var(--surface);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:18px;max-height:88vh;overflow-y:auto}
.cu-sh-h{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:8px}
.cu-sizes{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.cu-sizes button{flex:1;min-width:90px;border:1px solid var(--line-2);background:var(--surface);border-radius:10px;padding:10px;font-family:inherit;display:flex;flex-direction:column;gap:3px;font-size:14px}
.cu-sizes button[aria-pressed="true"]{border:2px solid var(--brand);font-weight:700;color:var(--brand)}
.cu-qty{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0;font-size:20px;font-weight:700}
.cu-qty button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:var(--sunk);font-size:20px;font-family:inherit;cursor:pointer}
.cu-qty.sm{gap:10px;margin:0;font-size:15px}.cu-qty.sm button{width:30px;height:30px;font-size:16px}
.cu-add{width:100%;padding:14px;font-size:16px;border-radius:12px}
.cu-line{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.cu-line>div:first-child{flex:1}
.cu-tot{display:flex;justify-content:space-between;padding:12px 0;font-size:17px}
.cu-form{display:grid;gap:8px;margin:8px 0}.cu-form input,#cuNote{width:100%;padding:11px;font-size:15px;border-radius:10px;font-family:inherit}
.cu-err{color:var(--loss);font-weight:600;margin:6px 0;min-height:1em}
.cu-check{width:74px;height:74px;border-radius:50%;background:var(--gain);color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center}
.onote{font-size:12.5px;margin-top:5px;padding:5px 8px;background:var(--gold-soft);border-radius:6px}
.onote.bad{background:var(--brand-soft);color:var(--loss);font-weight:600}

#toast:empty{display:none}
.bcard{border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:12px;background:var(--surface)}.bhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.bname{font-weight:700;font-size:15px;min-width:160px;flex:1;max-width:280px}.bcost{font-size:13px;color:var(--ink-2);margin-bottom:8px}
#toast{position:fixed;inset-block-end:18px;inset-inline-start:50%;transform:translateX(50%) translateY(140%);background:var(--ink);color:var(--ground);padding:10px 20px;border-radius:3px;font-size:13.5px;z-index:120;transition:transform .22s;max-width:90vw}
#toast.show{transform:translateX(50%) translateY(0)}
@media (prefers-reduced-motion:reduce){#toast{transition:none}}
/* ═══════════ تجاوب: هاتف · آيباد · لابتوب ═══════════ */
.pos>*,.two-col>*,.rep-main,.rep-layout>*,.kpis>*,.dz-grid>*{min-width:0}
.setseg{max-width:100%}
.iconbtn{display:none;background:none;border:0;font-size:20px;line-height:1;padding:6px;color:var(--ink-2);border-radius:8px}
#navSheet .sheet{max-width:560px}
.navgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.navgrid button{padding:14px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);font-size:14.5px;color:var(--ink)}
.navgrid button[aria-current="page"]{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
#tkBar,#tkShade,.tk-close{display:none}
/* لمس: أهداف أكبر */
@media (pointer:coarse){
  nav button{padding:11px 14px}
  .cats button{padding:8px 16px}
  .line .qty button{width:32px;height:32px;font-size:18px}
  .line .x{font-size:20px;padding:4px 8px}
  .link{padding:4px 6px}
  .setseg button{min-height:38px}
}
/* آيباد بالطول وما يشابهه */
@media (min-width:641px) and (max-width:1024px){
  main{padding:14px}
  .pos{grid-template-columns:minmax(0,1fr) 300px;gap:12px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .ticket{top:100px;max-height:calc(100vh - 116px)}
}
@media (max-width:860px){.pos{grid-template-columns:minmax(0,1fr) 290px}}
@media (max-width:700px){.pos{grid-template-columns:1fr}}
/* هاتف */
@media (max-width:640px){
  input,select,textarea{font-size:16px}          /* يمنع تكبير الآيفون عند الكتابة */
  .bar{padding:8px 12px;gap:6px}
  .mark span{display:none}
  .mark img{height:30px}
  .iconbtn{display:inline-block}
  #globalSearch{display:none;order:20;flex:1 1 100%!important;max-width:none!important}
  body.srch #globalSearch{display:block}
  .bell,.langbtn{padding:6px}
  .status{order:30;width:100%;font-size:11px;flex-wrap:wrap}
  .search-pop,.bell-pop{top:100%;inset-inline:8px;width:auto}
  nav{padding:0 4px}
  nav button{padding:10px 11px;font-size:14px}
  main{padding:12px 10px 90px}
  .lead,.note{font-size:13px}
  h3.sec{font-size:16px}
  /* أشرطة الأقسام تمرّر أفقياً بدل أن تتكسّر */
  .setseg,.seg,#repRanges{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .setseg::-webkit-scrollbar,.seg::-webkit-scrollbar{display:none}
  .setseg button,.seg button{flex:none;white-space:nowrap}
  /* النماذج: حقل في كل سطر */
  .toolbar{gap:8px}
  .toolbar>label.f{flex:1 1 140px}
  .toolbar>label.f input,.toolbar>label.f select{width:100%!important;max-width:none!important}
  .toolbar>.act,.toolbar>.ghost{flex:1 1 auto}
  .crow{flex-wrap:wrap;gap:6px}
  .crow input,.crow select{max-width:100%}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kpi .v{font-size:19px}
  .two-col,.dz-grid{grid-template-columns:1fr}
  .closebox{padding:12px}
  table{font-size:13px}
  thead th,tbody td{padding:7px 8px}
  .oboard,.kds-board{grid-template-columns:1fr}
  .qrgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sheet{max-height:90vh;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}
  /* نقطة البيع */
  .src-picker{flex-direction:column;align-items:stretch;gap:8px;padding:8px}
  #srcSeg{display:flex;overflow-x:auto}
  #srcSeg button{flex:1 0 auto}
  #srcExtra input,#srcExtra select{flex:1 1 120px;width:auto}
  .cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .cats::-webkit-scrollbar{display:none}
  .cats button{flex:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .card{min-height:70px;padding:11px 10px}
  /* الفاتورة: لوح ينزلق من الأسفل */
  .ticket{position:fixed;inset:auto 0 0 0;top:auto;max-height:88vh;border-radius:16px 16px 0 0;z-index:70;
    transform:translateY(105%);transition:transform .22s ease;box-shadow:0 -8px 30px rgba(0,0,0,.18);padding-bottom:env(safe-area-inset-bottom)}
  body.tk-open .ticket{transform:none}
  .tk-close{display:inline-block;float:inline-end;background:none;border:0;font-size:22px;line-height:1;color:var(--ink-3);padding:0 4px}
  body.tk-open #tkShade{display:block;position:fixed;inset:0;background:rgba(28,19,16,.45);z-index:65}
  body.has-ticket[data-view="pos"] #tkBar{display:block}
  #tkBar{position:fixed;inset:auto 10px calc(10px + env(safe-area-inset-bottom)) 10px;z-index:60}
  #tkBar button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--brand);color:#fff;border:0;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.22)}
  #tkBar .cnt{background:rgba(255,255,255,.22);border-radius:12px;padding:2px 9px;font-size:13px}
  .pchips{padding:8px}
  .pchip{min-width:136px}
  /* التقارير */
  .rep-title{font-size:18px}
  .rep-nav button{padding:10px 12px;font-size:13px}
  #themePanel{inset-inline:8px;width:auto}
}
@media (max-width:380px){.kpis{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ═══ توحيد إضافي: يمنع أي تمرير أفقي للصفحة ويجعل البطاقات تمرّر داخلياً ═══ */
[hidden]{display:none!important}
.two-col table,.closebox table,.co-size table,.bcard table,table.slim{min-width:0}
.sheet{box-sizing:border-box}.sheet label.f{min-width:0}.sheet input,.sheet select{max-width:100%;min-width:0;box-sizing:border-box}
#fmBody label.f input,#fmBody label.f select{width:100%}
html,body{overflow-x:hidden}
main,main>section{min-width:0;max-width:100%}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.iblock,.bcard,.co-size,.closebox{max-width:100%;overflow-x:auto}
.tablewrap{-webkit-overflow-scrolling:touch;max-width:100%}
img,svg{max-width:100%}
details.more summary{cursor:pointer;color:var(--brand);font-size:12.5px;margin-top:4px}
.ocard .oact{display:flex;gap:6px;flex-wrap:wrap}
.ocard .oact>button{flex:1 1 auto;min-height:40px}
@media (pointer:coarse){
  .act,.ghost{min-height:42px}
  select{min-height:38px}
  .pdel{width:28px;height:28px;font-size:16px}
  .quickcash button,#opQuick button{min-height:44px}
}
@media (max-width:640px){
  .iblock{padding:10px}
  .iblock input[data-if]{min-width:0!important;flex:1 1 100%!important}
  .iblock table th,.iblock table td{padding:5px 3px}
  .iblock table input[type=number]{width:60px!important;padding:6px 5px}
  .iblock table input[data-newsz]{width:72px!important}
  .disc-in input{font-size:16px}
  .dz-items{grid-template-columns:1fr}
  .impdrop{min-height:90px}
  .toolbar>button{flex:1 1 auto}
  #impBox .toolbar>label.f{flex:1 1 100%}
  .modal .sheet .toolbar>label.f{flex:1 1 100%}
  #orderPayModal .sheet,#cashModal .sheet{max-width:none}
  .rep-sec .tablewrap{max-height:none}
}
/* ═══ الهاتف: شريط سفلي ثابت + جداول على شكل بطاقات ═══ */
#bnav{display:none}
.bn-badge{position:absolute;top:4px;inset-inline-start:calc(50% + 6px);min-width:17px;height:17px;border-radius:9px;background:var(--loss);color:#fff;font-size:10.5px;line-height:17px;padding:0 4px;font-weight:700}
@media (max-width:640px){
  nav#nav{display:none}
  #bnav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;inset:auto 0 0 0;z-index:62;background:var(--surface);border-top:1px solid var(--line-2);
    padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.06)}
  #bnav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:0;color:var(--ink-3);font-size:11px;padding:6px 2px;min-height:50px;font-family:inherit}
  #bnav button .bi{font-size:20px;line-height:1.1}
  #bnav button[aria-current="page"]{color:var(--brand);font-weight:700}
  main{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  #tkBar{inset:auto 10px calc(66px + env(safe-area-inset-bottom)) 10px}
  #toast{bottom:calc(76px + env(safe-area-inset-bottom))}
  .ticket{z-index:70}
  /* الجداول: كل صف بطاقة، وكل خانة بعنوانها */
  .tablewrap{border:0;background:none;overflow:visible}
  .tablewrap table.stk{min-width:0!important;border-collapse:separate;border-spacing:0 8px}
  .tablewrap table.stk thead{display:none}
  .tablewrap table.stk tbody tr{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-bottom:8px}
  .tablewrap table.stk tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;border:0;text-align:start;min-height:28px;white-space:normal}
  .tablewrap table.stk tbody td+td{border-top:1px dashed var(--line)}
  .tablewrap table.stk tbody td[data-l]::before{content:attr(data-l);color:var(--ink-3);font-size:12px;font-weight:400;flex:none;max-width:45%}
  .tablewrap table.stk tbody td.name{font-weight:700;font-size:14.5px}
  .tablewrap table.stk tbody td>*:last-child{text-align:end}
  .tablewrap table.stk tbody td:empty{display:none}
  .tablewrap table.stk tbody td[colspan]{display:block;text-align:center}
  .tablewrap table.stk tbody td[colspan]::before{display:none}
  .tablewrap table.stk tr.tfoot{background:var(--sunk)}
}
/* الآيباد واللابتوب: كل الشاشات ظاهرة في الشريط بدل التمرير الأفقي */
@media (min-width:641px){
  nav#nav{flex-wrap:wrap;overflow:visible;row-gap:0}
  nav#nav button{padding:9px 11px}
}
@media (min-width:641px) and (max-width:1024px){nav#nav button{padding:9px 9px;font-size:13.5px}}
/* آيباد بالعرض / لابتوب صغير */
@media (min-width:1025px) and (max-width:1279px){
  .pos{grid-template-columns:minmax(0,1fr) 330px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
/* لابتوب واسع */
@media (min-width:1400px){.bar,nav,main{max-width:1360px}.pos{grid-template-columns:minmax(0,1fr) 380px}}
/* مجموعات قابلة للطي حسب الفئة */
details.fold{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:var(--surface)}
details.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:700;font-size:16px;color:var(--brand);-webkit-user-select:none;user-select:none}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::before{content:"◂";font-size:12px;transition:transform .15s;color:var(--ink-3)}
details.fold[open]>summary::before{transform:rotate(-90deg)}
details.fold>summary .fold-t{flex:1}
details.fold>.fold-b{padding:0 10px 10px}
.fold-bar{display:flex;justify-content:flex-end;gap:4px;margin:6px 0 8px;font-size:13px}

/* ترتيب الأحجام في المنيو الورقي */
.sz-order{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 10px}
.sz-order #szOrd{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.szchip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line-2);border-radius:999px;padding:3px 10px;background:var(--surface);font-size:13px}
.szchip .link{font-size:16px;padding:0 2px;text-decoration:none}

/* شريط الإقفال الليلي */
#mrBanner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:900;display:flex;gap:10px;align-items:center;
  background:var(--brand,#7A2A29);color:#fff;padding:10px 12px;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.25);font-weight:600;max-width:760px;margin:0 auto}
#mrBanner[hidden]{display:none}
#mrBanner span{flex:1}
#mrBanner .act{background:#fff;color:var(--brand,#7A2A29);border-color:#fff;white-space:nowrap}
#mrBanner .link{color:#fff;opacity:.8;font-size:18px}
@media (max-width:760px){body #mrBanner{bottom:calc(72px + env(safe-area-inset-bottom))}}

.bcard.flash,.co-size.flash{outline:2px solid var(--brand);outline-offset:2px;transition:outline-color .6s}

/* الطلبات الواردة داخل نقطة البيع */
#posOrders .po-head{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 6px;cursor:pointer;user-select:none}
#posOrders .po-head .tag{background:var(--brand);color:#fff}
#posOrders .oboard{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px;scroll-snap-type:x proximity}
#posOrders .ocard{flex:0 0 250px;scroll-snap-align:start}
#posOrders.closed .oboard{display:none}

#reloadBtn{font-size:19px;font-weight:700;line-height:1}
#reloadBtn.spinning{animation:wzspin .8s linear infinite}
@keyframes wzspin{to{transform:rotate(360deg)}}

/* زر طباعة على الفواتير المعلّقة والطلبات */
.pprint{position:absolute;bottom:4px;inset-inline-end:4px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);font-size:13px;line-height:1;cursor:pointer;padding:0}
.pprint:hover{border-color:var(--brand)}
.pchip{padding-inline-end:34px}

/* الرسوم البيانية */
.ch-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:10px}
.chs{background:var(--sunk);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.chs span{font-size:11px;color:var(--ink-3)}.chs b{font-size:16px;color:var(--ink)}
.chs small{font-size:11px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-wrap{width:100%;overflow:hidden}
.ch-svg{width:100%;height:auto;display:block;direction:ltr}
.ch-hit.on{fill:var(--brand);fill-opacity:.07}
.ch-tip{position:absolute;z-index:9999;background:var(--ink,#222);color:var(--surface,#fff);font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.18)}

.oact .ocancel{color:var(--loss);border-color:color-mix(in srgb,var(--loss) 40%,transparent)}

/* التحضير */
.prep-ok{background:color-mix(in srgb,var(--gain,#2e7d4f) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--gain,#2e7d4f) 40%,transparent);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:15px}
.prep-today{display:grid;gap:6px}
.pt-row{display:grid;grid-template-columns:62px 1fr auto auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:15px}
.pt-time{font-weight:700;color:var(--brand);direction:ltr;text-align:center;background:var(--brand-soft);border-radius:6px;padding:3px 0}

/* الصندوق والإقفال */
.day-open,.day-close{max-width:520px}
.day-live{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:12px}
.dot-live{width:10px;height:10px;border-radius:50%;background:var(--gain);box-shadow:0 0 0 4px color-mix(in srgb,var(--gain) 25%,transparent)}
.shift-card .sh-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}
.sh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.sh-grid div{background:var(--sunk);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column}
.sh-grid span{font-size:11px;color:var(--ink-3)}.sh-grid b{font-size:14px}
@media(max-width:560px){.sh-grid{grid-template-columns:repeat(2,1fr)}}
@media print{.noprint{display:none!important}}
.qh-list{display:grid;gap:4px;margin-top:8px}
.qh-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line,#eadfd3);border-radius:10px}
.qh-row>span:first-child{flex:1}
.qrcard svg{width:150px;height:auto;display:block;margin:0 auto}
.sq-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.sq-mode button{font-size:15px;padding:9px 16px}
.sq-hint{margin:4px 0 8px}
.sq-search{width:100%;padding:11px 12px;font-size:15px;border-radius:12px;margin-bottom:6px}
.sq-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:6px 0;background:var(--surface)}
.sq-row.on{border-color:var(--brand,#7A2A29);box-shadow:0 0 0 1px var(--brand,#7A2A29) inset}
.sq-name{display:flex;flex-direction:column;min-width:0}.sq-name b{font-size:15px}
.sq-in{display:flex;gap:6px;align-items:center}
.sq-in input{width:84px;font-size:17px;padding:8px;text-align:center}
.sq-in select{width:auto;padding:8px 6px}
.sq-diff{grid-column:1/-1}.sq-diff:empty{display:none}.sq-diff.neg{color:var(--loss,#b3261e)}.sq-diff.ok{color:var(--gain,#2e7d32)}
.sq-bar{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;background:var(--bg,#fff);border-top:1px solid var(--line);margin-top:10px;z-index:2}
.sq-bar .act{min-width:160px;font-size:16px}
tr.inv-row{cursor:pointer}tr.inv-row:hover td{background:var(--sunk)}
.inv-d{max-width:520px}
.inv-lines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}
.inv-l{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:5px 0;align-items:baseline}
.inv-l .q{color:var(--ink-3);font-variant-numeric:tabular-nums}.inv-l small{color:var(--ink-3)}.inv-l .mods{display:block;font-size:11.5px}
.inv-l .p{white-space:nowrap}
.inv-tot,.inv-meta{margin-top:8px}.inv-tot .crow.big{font-size:17px;padding:6px 0}
.inv-meta .crow{font-size:13px}
.loy-add{width:100%;margin:6px 0}
.loy-on{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;margin:6px 0;border:1px solid var(--brand,#7A2A29);border-radius:10px;background:var(--sunk)}
.loy-act{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.loy-act .act{padding:6px 10px;font-size:13px}
.loy-hit{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;text-align:start;padding:10px;margin:4px 0;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;font-family:inherit}
.loy-cam{position:relative;width:100%;aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden}.loy-cam video{width:100%;height:100%;object-fit:cover}
.loy-aim{position:absolute;inset:18% 22%;border:3px solid rgba(255,255,255,.85);border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.25)}
.loy-card{background:linear-gradient(150deg,#7A2A29,#4b1817);color:#FBEFE1;border-radius:18px;padding:16px;text-align:center;box-shadow:0 8px 24px rgba(58,35,32,.25)}
.loy-card .lc-top{display:flex;align-items:center;justify-content:space-between;font-weight:700;letter-spacing:.3px}.loy-card .lc-top img{height:34px;filter:brightness(0) invert(.94) sepia(.2)}
.loy-card .lc-name{font-size:20px;font-weight:700;margin-top:6px}.loy-card .lc-bal{font-size:16px;opacity:.95;margin:2px 0 10px}
.loy-card .lc-qr{background:#fff;border-radius:12px;padding:10px;display:inline-block}.loy-card .lc-qr svg{display:block;width:180px;height:auto}
.loy-card .lc-code{margin-top:6px;letter-spacing:3px;font-weight:700;opacity:.9}
.loy-card.big .lc-qr svg{width:220px}.lc-link svg{width:120px;height:auto}
.lc-stamps{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0 0 10px}.lc-stamps span{opacity:.3;font-size:20px}.lc-stamps span.on{opacity:1}
.loy-pub{max-width:420px;margin:0 auto;padding:20px 16px;text-align:center}.loy-pub .lp-logo{height:64px;margin-bottom:10px}.lp-hint{color:var(--ink-2);line-height:1.8}.lp-soon{opacity:.7}
.cu-badge{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:1px 8px;vertical-align:2px;margin-inline-start:4px}
.cu-badge.off{background:#C06E3C;color:#fff}.cu-badge.top{background:#FBEFE1;color:#7A2A29;border:1px solid #e9cfb8}
.cu-item.cu-offer{border-color:#C06E3C;box-shadow:0 0 0 1px #C06E3C inset}
.cu-offtxt{font-size:13px;color:#C06E3C;font-weight:600;margin:2px 0}
.cu-was{opacity:.55;font-weight:400}.cu-until{font-size:11px;color:var(--ink-3);font-weight:400}
.it-special{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;padding:6px 8px;border-radius:8px;background:var(--sunk)}
.it-special.on{background:#fbe9dc}.it-sp-sep{flex:1}
.ev-cups{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:4px}
.trk{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.trk-steps{display:flex;align-items:center;gap:4px;margin-bottom:12px}
.trk-st{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:var(--ink-3);min-width:54px}
.trk-st .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line-2);font-weight:700;background:var(--surface)}
.trk-st.done .dot{background:var(--gain,#2e7d32);border-color:var(--gain,#2e7d32);color:#fff}.trk-st.done{color:var(--ink)}
.trk-st.now .dot{border-color:var(--brand,#7A2A29);color:var(--brand,#7A2A29);animation:trkp 1.4s infinite}.trk-st.now{color:var(--brand,#7A2A29);font-weight:700}
.trk-bar{flex:1;height:2px;background:var(--line-2);margin-bottom:18px}
@keyframes trkp{0%,100%{box-shadow:0 0 0 0 rgba(122,42,41,.35)}50%{box-shadow:0 0 0 7px rgba(122,42,41,0)}}
.trk-now{font-size:18px;font-weight:700;margin:4px 0}.trk-now.ready{color:var(--gain,#2e7d32)}.trk-now.bad{color:var(--loss,#b3261e)}
.trk-upd{opacity:.6;margin-top:4px}
.trk-banner{display:block;width:calc(100% - 24px);margin:8px 12px 0;padding:10px 12px;border-radius:12px;border:1px solid var(--brand,#7A2A29);background:#fbe9dc;color:var(--ink);font-family:inherit;font-size:14px;text-align:start;cursor:pointer}
.pays .split-btn{grid-column:1/-1;background:var(--surface);font-size:14px;padding:9px}
.split-sheet{max-width:520px}
.split-sum{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0;padding:10px;border-radius:10px;background:var(--sunk);font-size:14px}
.split-n{display:flex;align-items:center;gap:10px;margin:10px 0}.split-n b{font-size:20px;min-width:28px;text-align:center}.split-n .ghost{width:40px;height:40px;font-size:20px;padding:0}
.split-who{margin:8px 0;font-size:13px}.split-pp{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);font-weight:700;margin:2px;font-family:inherit}.split-pp.on{background:var(--brand,#7A2A29);color:#fff;border-color:var(--brand,#7A2A29)}
.split-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;max-height:34vh;overflow:auto;margin-bottom:8px}
.split-u{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:start;font-family:inherit;font-size:13px}
.split-u.as{border-color:var(--brand,#7A2A29);background:#fbe9dc}.split-u small{color:var(--ink-3)}.split-u .num{font-size:12px;color:var(--ink-2)}
.split-tag{position:absolute;top:4px;inset-inline-end:6px;width:20px;height:20px;border-radius:50%;background:var(--brand,#7A2A29);color:#fff;font-size:11px;display:grid;place-items:center}
.split-parts{display:grid;gap:6px}
.split-part{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px}
.split-part.done{background:#eef6ee;border-color:#cfe5cf}.split-part.un{border-style:dashed}
.split-btns{display:flex;gap:6px}.split-btns .act,.split-custom .act{padding:8px 12px}
.act.gold{background:var(--gold,#C06E3C);border-color:var(--gold,#C06E3C)}
.split-custom{display:flex;gap:8px;align-items:center;margin:8px 0}.split-custom input{flex:1;font-size:18px;padding:10px;text-align:center}
.split-log{margin-top:8px}

.lp-wallet{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;text-decoration:none;border-radius:12px;padding:12px 20px;font-weight:700;font-size:16px;margin:14px 0 4px}
.lp-wallet .lpw-ic{width:26px;height:20px;border-radius:4px;background:linear-gradient(180deg,#33a2f0 0 25%,#f6b73c 25% 50%,#5fc35f 50% 75%,#e9504b 75%)}
/* إعدادات محتوى الفاتورة */
.rc-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
@media (max-width:820px){.rc-wrap{grid-template-columns:1fr}}
.rc-tabs{margin-bottom:8px}
.rc-g{margin:10px 0}.rc-gt{color:var(--brand,#7A2A29);font-weight:700;margin:6px 0 2px}
.rc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px solid var(--line,#eadfd3)}
.rc-row input.rc-tx{width:180px}
.rc-sw{appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:24px;background:#cfc6bd;position:relative;cursor:pointer;flex:none;transition:background .15s}
.rc-sw::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:right .15s}
.rc-sw:checked{background:var(--brand,#7A2A29)}.rc-sw:checked::after{right:21px}.rc-sw:disabled{opacity:.5}
.rc-prev{position:sticky;top:8px;background:var(--card2,#f4ede5);border-radius:12px;padding:10px}
.rc-prev iframe{width:100%;min-height:420px;border:0;background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pos-drawer{margin:6px 0 0;white-space:nowrap}
/* بطاقة الولاء بنفس تصميم Apple Wallet */
.loy-card.wl{direction:ltr;background:#601E1E;color:#FBEFE1;border-radius:16px;padding:18px 18px 20px;text-align:left;box-shadow:0 10px 28px rgba(40,10,10,.35)}
.wl-top{display:flex;justify-content:space-between;align-items:flex-start}
.wl-top img{height:46px;filter:brightness(0) invert(.94) sepia(.25)}
.wl-mem{text-align:right;line-height:1.15}.wl-mem small,.wl-bal small,.wl-sec small{color:#D6B292;font-size:12px;display:block}
.wl-mem b{font-size:20px;font-weight:500}
.wl-bal{margin:26px 0 6px}.wl-num{font-size:64px;font-weight:300;line-height:1;text-align:left;letter-spacing:-1px}
.wl-sec{margin-top:18px}.wl-sec b{font-size:22px;font-weight:400}
.wl-qr{background:#fff;color:#111;border-radius:8px;padding:12px 12px 6px;width:max-content;margin:26px auto 0;text-align:center;font-size:15px;letter-spacing:1px}
.wl-qr svg{display:block;width:170px;height:auto}
/* حسابات محفوظة في شاشة الدخول */
.lg-opt{margin:4px 0 10px;font-size:14px;text-align:start}.lg-opt input{width:auto;margin-inline-end:6px}
.lg-saved{margin:0 0 12px;text-align:start}
.lg-acc{display:flex;gap:6px;margin-bottom:6px}
.lg-go{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line,#e2d6ca);border-radius:12px;background:var(--card,#fff);cursor:pointer;text-align:start}
.lg-go span{font-size:12px;opacity:.7}.lg-go em{font-size:11px;font-style:normal;color:#a0522d}
.lg-x{width:38px;border:1px solid var(--line,#e2d6ca);border-radius:12px;background:transparent;font-size:18px;cursor:pointer;opacity:.6}
/* ═══ نافذة حجز الحفلات للزبون ═══ */
.eb-pub{max-width:560px;margin:0 auto;padding:18px 16px 0;color:var(--ink,#3A2320)}
.eb-hero{position:static!important;background:none!important;box-shadow:none!important;text-align:center;padding:6px 4px 10px}.eb-logo{height:70px;display:block;margin:0 auto 8px}
.eb-hero h1{font-size:23px;margin:4px 0 6px;color:#7A2A29}.eb-hero p{margin:0;opacity:.8;line-height:1.7}
.eb-note{margin-top:10px;background:#f6e7d6;border-radius:10px;padding:9px 12px;font-size:14px}
.eb-card{background:#fff;border-radius:16px;padding:14px 14px 10px;margin:12px 0;box-shadow:0 2px 10px rgba(58,35,32,.07)}
.eb-card h2{font-size:17px;margin:0 0 10px}
.eb-card label{display:block;font-size:13px;margin:8px 0;opacity:.95}
.eb-card input:not([type=checkbox]),.eb-card textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:11px 12px;border:1px solid #e3d5c6;border-radius:10px;font-size:16px;background:#fffdfa;font-family:inherit}
.eb-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eb-row{display:flex;gap:8px}.eb-row input{flex:1;margin:0!important}
.eb-ghost{border:1px solid #7A2A29;color:#7A2A29;background:#fff;border-radius:10px;padding:0 12px;font-size:14px;white-space:nowrap;font-family:inherit}
.eb-hint{font-size:12px;opacity:.65;margin:6px 0 2px}
.eb-it{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1e7dc}.eb-it:first-child{border-top:0}
.eb-it b{display:block;font-size:15px}.eb-it small{display:block;font-size:12px;opacity:.65;margin-top:2px}
.eb-step{display:flex;align-items:center;gap:6px;flex:none}.eb-step span{min-width:62px;text-align:center;font-size:14px}
.eb-step button{width:36px;height:36px;border-radius:50%;border:1px solid #d9c6b2;background:#fbf4ec;font-size:20px;line-height:1;color:#7A2A29;font-family:inherit}
.eb-chk{display:flex!important;align-items:center;gap:10px;margin:0!important;flex:1}.eb-chk input{width:20px;height:20px;accent-color:#7A2A29}
.eb-pad{height:96px}
.eb-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -4px 18px rgba(58,35,32,.12);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:50}
.eb-bar small{display:block;font-size:12px;opacity:.6}.eb-bar b{font-size:21px;color:#7A2A29}
.eb-bar button{background:#7A2A29;color:#fff;border:0;border-radius:12px;padding:13px 26px;font-size:17px;font-weight:700;font-family:inherit}.eb-bar button:disabled{opacity:.6}
.eb-msg{text-align:center;opacity:.8;line-height:1.8}
.eb-done{text-align:center;padding-top:30px}.eb-ok{width:64px;height:64px;border-radius:50%;background:#2f7d4f;color:#fff;font-size:34px;line-height:64px;margin:10px auto}
.eb-sum{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #f1e7dc}.eb-sum:first-child{border-top:0}
.eb-wa{display:inline-block;margin-top:10px;background:#25D366;color:#fff;text-decoration:none;border-radius:12px;padding:12px 22px;font-weight:700}
.eb-req{color:#b3261e;font-size:15px}
#ebSug{min-height:42px}
.eb-cap{position:relative;background:#f6efe9;border-radius:10px;padding:9px 12px;margin:0 0 8px;overflow:hidden}
.eb-cap>div{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.eb-cap small{opacity:.7;font-size:12px}
.eb-cap i{position:absolute;inset:auto auto 0 0;right:0;left:auto;bottom:0;height:4px;background:#7A2A29;border-radius:4px;transition:width .2s}
.eb-cap.full{background:#fbe9e7}.eb-cap.full i{background:#b3261e}
.eb-lock{background:#fff8e1;border-radius:10px;padding:10px;font-size:14px;margin:0 0 8px;text-align:center}
.eb-step button.off{opacity:.3}
.mr-pub{max-width:560px;margin:0 auto;padding:24px 16px 40px;text-align:center;color:#3b2020}
.mr-pub .eb-logo{width:84px;height:auto;margin:0 auto 10px;display:block}
.mr-gate h1{font-size:22px;margin:6px 0}
.mr-gate input[type=password]{width:100%;box-sizing:border-box;font-size:18px;padding:13px;border:1px solid #d9c6bc;border-radius:12px;text-align:center;margin:12px 0 8px;background:#fff}
.mr-rem{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;opacity:.8;margin:4px 0 12px}
.mr-gate button,.mr-act button{background:#7A2A29;color:#fff;border:0;border-radius:12px;padding:13px 18px;font:inherit;font-size:16px;width:100%}
.mr-err{color:#b3261e;min-height:20px;font-size:14px}
.mr-rep{background:#fff;border-radius:14px;padding:16px;text-align:right;direction:rtl;line-height:1.9;font-size:15px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.mr-act{display:flex;gap:8px;margin-top:12px}.mr-act button+button{background:#fff;color:#7A2A29;border:1px solid #7A2A29}
.boot-badge{position:fixed;left:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:900;background:#3b2020;color:#fff;border:0;border-radius:20px;padding:8px 14px;font:inherit;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:.92}
.evp-box{border:1.5px solid var(--brand,#7A2A29)}
.evp-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.evp-chk{display:inline-flex;gap:6px;align-items:center;font-size:13px;white-space:nowrap}
.evp-chk input{width:auto}
.evp-in{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin-bottom:8px}
.evp-lines{background:var(--surface);border-radius:8px;padding:4px 10px;margin-bottom:8px}
.evp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.evp-grid h5{margin:4px 0 6px;font-size:13px;opacity:.75}
.evp-sum{border-top:1px solid var(--line-2);padding-top:6px}
@media(max-width:760px){.evp-grid{grid-template-columns:1fr}}
.closebox h5{margin:12px 0 4px;font-size:13px;color:var(--brand,#7A2A29)}
.snd-gate{position:fixed;inset:0;z-index:9999;background:rgba(43,33,30,.82);display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer}
.snd-gate-box{background:#fff;border-radius:18px;padding:28px 24px;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:10px;color:#2B211E;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.snd-gate-box b{font-size:20px;color:#7A2A29}.snd-gate-box span{font-size:14px;opacity:.75}
.snd-gate-ic{font-size:54px;animation:sndPulse 1.2s ease-in-out infinite}
@keyframes sndPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
/* ═══ تصوير فاتورة المورد ═══ */
.inv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;margin:0 0 12px;border:1.5px dashed var(--line,#ccc);border-radius:12px;background:var(--card,#fff)}
.inv-busy b{font-size:15px}
.inv-spin{width:18px;height:18px;border:3px solid currentColor;border-top-color:transparent;border-radius:50%;animation:invsp .8s linear infinite;opacity:.6}
@keyframes invsp{to{transform:rotate(360deg)}}
.inv-panel{display:flex;gap:12px;align-items:flex-start;padding:12px;margin:0 0 12px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--card,#fff)}
.inv-thumb{width:96px;height:128px;object-fit:cover;border-radius:8px;border:1px solid var(--line,#ddd);cursor:zoom-in;flex:none}
.inv-pdf{display:flex;align-items:center;justify-content:center;font-weight:700;cursor:default}
.inv-info{flex:1;min-width:0}
.inv-bs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}
.inv-b{display:inline-block;font-size:11.5px;padding:2px 7px;border-radius:999px;background:rgba(127,127,127,.12);white-space:nowrap}
.inv-b.ok{background:rgba(40,160,80,.14);color:#1d7a3e}
.inv-b.up,.inv-b.warn{background:rgba(230,150,0,.16);color:#9a5b00}
.inv-b.down{background:rgba(30,120,220,.14);color:#1b5fae}
.inv-b.bad{background:rgba(220,50,50,.14);color:#b02525}
.inv-raw{font-size:12px;margin-top:3px;opacity:.85}
.inv-warn{margin-top:6px;font-size:12px;color:#9a5b00}
tr.inv-unk td{background:rgba(220,50,50,.06)}
.inv-view{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px}
.inv-view img{max-width:100%;max-height:85vh;border-radius:8px;background:#fff}
.inv-view button{background:#fff;color:#000;border:0;border-radius:8px;padding:8px 16px;font-weight:700}
@media(max-width:600px){.inv-panel{flex-direction:column}.inv-thumb{width:100%;height:160px}}