/* نظام الكاشير — تصميم عربي RTL يعمل على التابلت واللابتوب، بدون أي موارد خارجية */
@font-face{font-family:Cairo;font-weight:400;font-display:swap;src:url(../fonts/cairo-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Cairo;font-weight:600;font-display:swap;src:url(../fonts/cairo-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Cairo;font-weight:700;font-display:swap;src:url(../fonts/cairo-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Cairo;font-weight:400;font-display:swap;src:url(../fonts/cairo-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Cairo;font-weight:600;font-display:swap;src:url(../fonts/cairo-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Cairo;font-weight:700;font-display:swap;src:url(../fonts/cairo-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}

:root{
  --bg:#f3f5f7; --surface:#fff; --ink:#18232e; --muted:#64748b; --line:#dfe5ea;
  --primary:#0f766e; --primary-d:#0b5d57; --primary-l:#e0f2ef;
  --danger:#b91c1c; --danger-l:#fee2e2; --warn:#b45309; --warn-l:#fef3c7; --ok:#15803d; --ok-l:#dcfce7;
  --radius:12px; --shadow:0 1px 2px rgba(15,35,50,.06),0 4px 14px rgba(15,35,50,.06);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Cairo,Tahoma,"Segoe UI","Noto Sans Arabic",sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.3;margin:0 0 .6rem} h1{font-size:1.5rem} h2{font-size:1.2rem} h3{font-size:1.05rem}
.muted{color:var(--muted)} .num,[dir=ltr]{font-variant-numeric:tabular-nums} .nowrap{white-space:nowrap}
code{background:#eef2f5;padding:.1rem .35rem;border-radius:5px;font-size:.9em}
.hidden{display:none!important}

/* أزرار وحقول */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:.45rem 1rem;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none!important;touch-action:manipulation}
.btn:hover{background:#f6f8fa} .btn:active{transform:translateY(1px)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff} .btn-primary:hover{background:var(--primary-d)}
.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff} .btn-danger:hover{background:#991b1b}
.btn-ghost{background:transparent} .btn-sm{min-height:34px;padding:.2rem .7rem;font-size:.9rem} .btn-lg{min-height:52px;font-size:1.1rem;padding:.6rem 1.4rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}
input,select,textarea{font:inherit;color:inherit;width:100%;min-height:42px;padding:.45rem .7rem;border:1px solid #cbd5dc;border-radius:10px;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}
input[type=checkbox],input[type=radio]{width:auto;min-height:0}
label{display:block;font-weight:600;font-size:.92rem} label>input,label>select,label>textarea{margin-top:.25rem;font-weight:400}
label.check{display:flex;align-items:center;gap:.5rem;font-weight:500} label.check input{margin:0}
small{font-size:.82rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1rem} .span2{grid-column:1/-1}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}

.alert{padding:.7rem 1rem;border-radius:10px;margin:0 0 1rem;font-weight:600}
.alert-ok{background:var(--ok-l);color:#14532d} .alert-err{background:var(--danger-l);color:#7f1d1d} .alert-warn{background:var(--warn-l);color:#78350f}
.badge{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.8rem;font-weight:700;background:#eef2f5;color:#334155}
.badge-ok{background:var(--ok-l);color:#14532d} .badge-err{background:var(--danger-l);color:#7f1d1d} .badge-warn{background:var(--warn-l);color:#78350f}

/* الإطار العام */
.topbar{background:#0e2a33;color:#fff;display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;min-height:54px;position:sticky;top:0;z-index:30}
.topbar a{color:#cfe3e8;font-weight:600;padding:.35rem .6rem;border-radius:8px;text-decoration:none!important} .topbar a:hover,.topbar a.active{background:rgba(255,255,255,.12);color:#fff}
.topbar .brand{font-weight:700;color:#fff;font-size:1.1rem;margin-inline-end:.5rem}
.topbar nav{display:flex;gap:.2rem;flex-wrap:wrap;flex:1}
.topbar .who{font-size:.88rem;color:#cfe3e8;display:flex;align-items:center;gap:.6rem}
.container{max-width:1200px;margin:1.2rem auto;padding:0 1rem}
.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.2rem;margin-bottom:1rem}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.page-head h1{margin:0}
.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}
.toolbar label{min-width:140px}

table.tbl{width:100%;border-collapse:collapse;background:#fff}
.tbl th,.tbl td{padding:.55rem .7rem;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl thead th{background:#f1f5f7;font-size:.85rem;color:#475569;white-space:nowrap}
.tbl tbody tr:hover{background:#fafcfd} .tbl .end{text-align:end} .tbl tfoot td{font-weight:700;background:#f8fafb}
.tbl-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}
.row-cancelled td{color:#7f1d1d;background:#fff7f7} .row-cancelled .strike{text-decoration:line-through}
.thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#eef2f5;display:block}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}
.stat{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}
.stat b{display:block;font-size:1.6rem} .stat span{color:var(--muted);font-size:.9rem}
.dept-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.dept-link{display:flex;flex-direction:column;gap:.2rem;padding:1.2rem;border-radius:var(--radius);color:#fff!important;text-decoration:none!important;box-shadow:var(--shadow);font-weight:700;font-size:1.15rem}
.dept-link small{font-weight:400;opacity:.85}

dialog{border:0;border-radius:16px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:min(560px,94vw);width:100%;color:var(--ink)}
dialog::backdrop{background:rgba(10,25,35,.55)}
dialog .dlg-head{padding:1rem 1.2rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
dialog .dlg-head h3{margin:0} dialog .dlg-body{padding:1.1rem 1.2rem;max-height:75vh;overflow:auto} dialog .dlg-foot{padding:.9rem 1.2rem;border-top:1px solid var(--line);display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}

/* الدخول / التثبيت */
.auth-body{display:grid;place-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0e2a33,#0f766e)}
.auth-card{background:#fff;border-radius:18px;padding:1.8rem;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.auth-card h1{text-align:center;margin-bottom:1.2rem} .auth-card label{margin-bottom:.8rem}

/* ================= شاشة الكاشير ================= */
body.pos{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#e9eef1}
.pos-top{background:#0e2a33;color:#fff;display:flex;align-items:center;gap:.7rem;padding:.35rem .8rem;min-height:56px;flex:none}
.pos-top .dept-tabs{display:flex;gap:.4rem;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;margin-inline-start:.5rem}
.pos-top .dept-tab{white-space:nowrap;padding:.4rem 1rem;border-radius:99px;color:#cfe3e8;font-weight:700;text-decoration:none!important;border:2px solid transparent;min-height:40px;display:flex;align-items:center}
.pos-top .dept-tab.active{background:#fff;color:var(--dc,#0e2a33)}
.pos-top .tools{display:flex;gap:.4rem;align-items:center}
.pos-top .tools a,.pos-top .tools button{color:#fff;background:rgba(255,255,255,.12);border:0;border-radius:10px;padding:.4rem .8rem;font:inherit;font-weight:600;cursor:pointer;min-height:40px;text-decoration:none!important;display:flex;align-items:center}
.pos-main{flex:1;display:grid;grid-template-columns:1fr 400px;gap:.7rem;padding:.7rem;min-height:0}
.catalog{display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.catalog-head{padding:.7rem;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}
.cats{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.cat{flex:none;padding:.4rem 1rem;border-radius:99px;border:1px solid var(--line);background:#f6f8fa;font:inherit;font-weight:700;cursor:pointer;min-height:40px;white-space:nowrap}
.cat.active{background:var(--dc,var(--primary));border-color:var(--dc,var(--primary));color:#fff}
.items{flex:1;overflow-y:auto;padding:.7rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;align-content:start}
.item{display:flex;flex-direction:column;text-align:start;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0;overflow:hidden;cursor:pointer;font:inherit;touch-action:manipulation;transition:box-shadow .12s,transform .08s}
.item:hover{box-shadow:var(--shadow)} .item:active{transform:scale(.97)}
.item .pic{aspect-ratio:4/3;background:#eef2f5;display:grid;place-items:center;color:#94a3b8;font-size:2rem;font-weight:700;overflow:hidden}
.item .pic img{width:100%;height:100%;object-fit:cover;display:block}
.item .meta{padding:.5rem .6rem .6rem;display:flex;flex-direction:column;gap:.1rem}
.item .nm{font-weight:700;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item .pr{font-weight:700;color:var(--dc,var(--primary))} .item .pr small{display:block;color:var(--muted);font-weight:400}
.cart{display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.cart-head{padding:.7rem .9rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.cart-lines{flex:1;overflow-y:auto;padding:.3rem .5rem}
.empty-cart{color:var(--muted);text-align:center;padding:2.5rem 1rem}
.line{display:grid;grid-template-columns:1fr auto;gap:.2rem .6rem;padding:.55rem .4rem;border-bottom:1px dashed var(--line);align-items:center}
.line .ln-name{font-weight:700;line-height:1.3} .line .ln-sub{color:var(--muted);font-size:.82rem}
.line .ln-total{font-weight:700;text-align:end}
.qty{display:flex;align-items:center;gap:.2rem;grid-column:1/-1;justify-content:space-between}
.qty .stepper{display:flex;align-items:center;gap:.25rem}
.qty button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#f6f8fa;font-size:1.3rem;font-weight:700;cursor:pointer;touch-action:manipulation}
.qty input{width:68px;text-align:center;min-height:40px;padding:.2rem}
.qty .rm{color:var(--danger);background:var(--danger-l);border-color:transparent;font-size:1.1rem}
.cart-foot{border-top:1px solid var(--line);padding:.7rem .9rem;background:#fafcfd}
.sumrow{display:flex;justify-content:space-between;padding:.12rem 0;color:#334155}
.sumrow.grand{font-size:1.45rem;font-weight:700;color:var(--ink);border-top:2px solid var(--ink);margin-top:.3rem;padding-top:.4rem}
.cart-foot .note{margin:.5rem 0;display:grid;gap:.4rem}
.cart-foot .note input{min-height:38px}
.cart-actions{display:grid;grid-template-columns:auto 1fr;gap:.5rem;margin-top:.5rem}
.pay-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-bottom:1rem}
.pm{border:2px solid var(--line);border-radius:12px;background:#fff;padding:.8rem;font:inherit;font-weight:700;cursor:pointer;min-height:56px}
.pm.active{border-color:var(--primary);background:var(--primary-l);color:var(--primary-d)}
.quick{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0}
.pay-total{text-align:center;background:#f1f5f7;border-radius:12px;padding:.8rem;margin-bottom:1rem}
.pay-total b{font-size:2rem;display:block}
.change-box{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;padding:.6rem .8rem;border-radius:10px;background:var(--ok-l);color:#14532d}
.change-box.bad{background:var(--danger-l);color:#7f1d1d}
.toast{position:fixed;bottom:18px;inset-inline:0;margin:auto;width:fit-content;max-width:92vw;background:#18232e;color:#fff;padding:.7rem 1.2rem;border-radius:12px;z-index:100;box-shadow:var(--shadow);font-weight:600}
.toast.err{background:var(--danger)}
.cart-toggle{display:none}

@media(max-width:1000px){
  .pos-main{grid-template-columns:1fr 330px}
  .items{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
}
@media(max-width:760px){
  .pos-main{grid-template-columns:1fr;padding:.4rem}
  .cart{position:fixed;inset-inline:0;bottom:0;top:30%;z-index:40;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .2s}
  body.cart-open .cart{transform:none}
  .cart-toggle{display:flex;position:fixed;inset-inline:.6rem;bottom:.6rem;z-index:35;justify-content:space-between;align-items:center;background:var(--primary);color:#fff;border:0;border-radius:14px;padding:.8rem 1rem;font:inherit;font-weight:700;font-size:1.05rem;box-shadow:var(--shadow);min-height:54px}
  body.cart-open .cart-toggle{display:none}
  .items{padding-bottom:5rem}
  .pos-top .tools .lbl{display:none}
  .pos-top{flex-wrap:wrap;gap:.35rem .5rem}
  .pos-top .tools-nav{order:1;flex:1}
  .pos-top .tools:last-child{order:2}
  .pos-top .dept-tabs{order:3;flex:0 0 100%;margin:0}
}

/* ================= الفاتورة والتقارير (شاشة) ================= */
.doc-actions{max-width:900px;margin:1rem auto;padding:0 1rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.paper{background:#fff;margin:0 auto 2rem;box-shadow:var(--shadow);position:relative;color:#000}
.paper.thermal{width:var(--tw,80mm);padding:4mm 3mm;font-size:12px;line-height:1.45}
.paper.a4{width:210mm;max-width:100%;min-height:200mm;padding:14mm 14mm;font-size:13px}
.paper .c{text-align:center} .paper .sep{border-top:1px dashed #000;margin:5px 0}
.paper h1{font-size:1.25em;margin:.2em 0} .paper h2{font-size:1.1em;margin:.2em 0}
.paper table{width:100%;border-collapse:collapse}
.paper.thermal td,.paper.thermal th{padding:1px 0;vertical-align:top}
.paper.thermal th{border-bottom:1px solid #000;text-align:start;font-size:.95em}
.paper.a4 th,.paper.a4 td{border:1px solid #888;padding:5px 8px} .paper.a4 th{background:#eee}
.paper .e{text-align:end} .paper .b{font-weight:700} .paper .big{font-size:1.2em}
.paper .qr{display:flex;justify-content:center;margin:6px 0} .paper .qr svg,.paper .qr img{width:34mm;height:34mm}
.paper.a4 .qr svg,.paper.a4 .qr img{width:32mm;height:32mm}
.stamp{position:absolute;inset:30% 8% auto;transform:rotate(-14deg);border:4px solid #b91c1c;color:#b91c1c;font-weight:700;font-size:2.2em;text-align:center;padding:.1em;opacity:.55;pointer-events:none;border-radius:10px}
.copy-tag{font-weight:700;border:1px solid #000;display:inline-block;padding:0 .5em;margin:2px 0}
.a4-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:10px}
.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;margin:8px 0}
.sign-row{display:flex;justify-content:space-between;gap:1rem;margin-top:36px}
.sign-row div{flex:1;border-top:1px solid #000;text-align:center;padding-top:4px}
.report-paper{width:210mm;max-width:100%;margin:0 auto 2rem;background:#fff;padding:12mm;box-shadow:var(--shadow);font-size:12.5px}
.report-paper h2{margin:1rem 0 .4rem;font-size:1.05rem;border-bottom:2px solid #18232e;padding-bottom:3px}
.report-paper table{width:100%;border-collapse:collapse;margin-bottom:.4rem}
.report-paper th,.report-paper td{border:1px solid #9aa5ae;padding:3px 6px;text-align:start} .report-paper th{background:#eceff2}
.report-paper td.e,.report-paper th.e{text-align:end} .report-paper tfoot td{font-weight:700;background:#f5f7f8}
.report-paper .rhead{display:flex;justify-content:space-between;border-bottom:3px double #000;padding-bottom:6px;margin-bottom:8px}

@media print{
  body{background:#fff!important}
  .no-print,.topbar,.doc-actions,.toast{display:none!important}
  .paper,.report-paper{box-shadow:none!important;margin:0!important}
  .container{margin:0;padding:0;max-width:none}
  .report-paper{width:auto;padding:0}
  .break-avoid{break-inside:avoid}
  .tbl-print thead{display:table-header-group}
}

/* قائمة الإدارة المنسدلة */
.topbar details.menu{position:relative}
.topbar details.menu summary{list-style:none;cursor:pointer;color:#cfe3e8;font-weight:600;padding:.35rem .6rem;border-radius:8px;user-select:none}
.topbar details.menu summary::-webkit-details-marker{display:none}
.topbar details.menu[open] summary,.topbar details.menu summary:hover,.topbar details.menu summary.active{background:rgba(255,255,255,.12);color:#fff}
.topbar details.menu>div{position:absolute;inset-inline-start:0;top:100%;margin-top:6px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);min-width:230px;padding:.4rem;display:flex;flex-direction:column;z-index:50}
.topbar details.menu>div a{color:var(--ink);padding:.55rem .8rem;border-radius:8px} .topbar details.menu>div a:hover{background:var(--primary-l);color:var(--primary-d)}

.exc-tag{display:inline-block;margin:.15rem 0;padding:.05rem .45rem;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.72rem;font-weight:600}
tr.hl td{background:#ecfeff}

/* ================= التجاوب مع الجوال والتابلت (لا يغيّر شاشة الكمبيوتر) ================= */
@media(max-width:900px){
  .topbar{flex-wrap:wrap;gap:.2rem .6rem;padding:.4rem .75rem}
  .topbar .brand{order:1;flex:1;font-size:1.02rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .who{order:2;font-size:.8rem;gap:.5rem}
  .topbar nav{order:3;flex:0 0 100%;gap:.15rem}
  .topbar nav a,.topbar details.menu summary{padding:.3rem .6rem;font-size:.92rem}
  .topbar details.menu{position:static}
  .topbar details.menu>div{inset-inline:.6rem;top:100%;min-width:0;margin-top:2px;max-height:70vh;overflow:auto}
  .container{margin:.8rem auto;padding:0 .75rem}
  .card{padding:.9rem}
  h1{font-size:1.3rem}
}
@media(max-width:640px){
  body{font-size:15px}
  input,select,textarea{font-size:16px}                 /* يمنع تكبير آيفون عند الضغط على الحقل */
  .page-head{align-items:stretch}
  .page-head .btn,.page-head form{flex:1 1 auto}
  .toolbar{align-items:stretch}.toolbar label{min-width:0;flex:1 1 45%}.toolbar .btn{flex:1 1 100%}
  .stats{grid-template-columns:1fr 1fr;gap:.6rem}.stat{padding:.75rem}.stat b{font-size:1.25rem}
  .dept-links{grid-template-columns:1fr 1fr;gap:.6rem}.dept-link{padding:.9rem;font-size:1rem}
  dialog{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:14px}
  dialog .dlg-body{max-height:calc(100dvh - 9rem);padding:.9rem}
  dialog .dlg-foot{padding:.7rem .9rem}dialog .dlg-foot .btn{flex:1}
  .pay-total b{font-size:1.7rem}
  .pay-methods{grid-template-columns:1fr 1fr 1fr}.pm{padding:.5rem;min-height:50px;font-size:.92rem}

  /* الجداول تتحول إلى بطاقات (العناوين تُضاف تلقائياً عبر responsive.js) */
  main .tbl-wrap{border:0;overflow:visible;border-radius:0}
  main table.tbl,main .tbl tbody,main .tbl tfoot,main .tbl tr,main .tbl td{display:block;width:100%}
  main .tbl thead{display:none}
  main .tbl{background:transparent}
  main .tbl tr{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:.65rem;padding:.35rem .1rem;box-shadow:var(--shadow)}
  main .tbl td{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border:0;padding:.28rem .8rem;text-align:end;min-height:0}
  main .tbl td[data-label]::before{content:attr(data-label);color:var(--muted);font-weight:600;font-size:.82rem;text-align:start;flex:none}
  main .tbl td:not([data-label]){justify-content:flex-start;flex-wrap:wrap;gap:.4rem}
  main .tbl td[colspan]{display:block;text-align:center}
  main .tbl tbody tr:hover{background:#fff}
  main .tbl tfoot td{background:transparent}

  /* الفاتورة A4 والتقارير */
  .paper.a4{padding:5mm;font-size:12px}
  .paper.a4 th,.paper.a4 td{padding:3px 4px}
  .report-paper{padding:4mm;font-size:12px;overflow-x:auto}
  .report-paper table{min-width:420px}
  .doc-actions{padding:0 .75rem}
  .a4-head,.rhead{flex-direction:column}
}
@media(max-width:420px){
  .topbar .who span{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@supports(padding:max(0px)){
  .topbar{padding-inline:max(.75rem,env(safe-area-inset-right))}
  .cart-toggle{bottom:max(.6rem,env(safe-area-inset-bottom))}
}

/* الطلبات المفتوحة */
.cart-actions #holdBtn{background:#fff;border-color:var(--dc,var(--primary));color:var(--dc,var(--primary))}
.cart-actions #holdBtn[disabled]{opacity:.45}
.open-banner{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#fef3c7;color:#78350f;font-size:.92rem;border-bottom:1px solid #fde68a}
.open-card{border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem;margin-bottom:.6rem;display:grid;gap:.35rem}
.open-card .top{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.open-card .top b{font-size:1.05rem}
.open-card .meta{color:var(--muted);font-size:.85rem}
.open-card .act{display:flex;gap:.5rem}.open-card .act .btn{flex:1}
.open-card.mine{border-color:var(--dc,var(--primary));background:#f7fbfa}

/* بطاقة المصمم */
.designer-card{display:flex;align-items:center;gap:.7rem;justify-content:center;margin:1.2rem auto 0;padding:.6rem 1rem;max-width:340px;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#ecfdf5);text-align:start}
.designer-card .dc-mark{font-size:1.6rem;color:#0f766e;line-height:1}
.designer-card .dc-title{font-size:.72rem;color:#64748b}
.designer-card .dc-name{font-weight:700;color:#0e2a33}
.designer-card .dc-note{font-size:.72rem;color:#64748b}
.designer-card .dc-ph{font-size:.78rem;color:#0f766e;margin-top:.1rem}
.app-credit{padding:1rem;margin-top:1rem}
.app-credit .designer-card{margin-top:0}
@media print{.app-credit{display:none!important}}

/* أزرار شريط التنقل بنفس شكل شاشة الكاشير */
.topbar nav{gap:.4rem;align-items:center}
.topbar nav>a,.topbar details.menu summary{background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:.4rem .85rem;min-height:40px;display:inline-flex;align-items:center;font-weight:600}
.topbar nav>a:hover,.topbar details.menu summary:hover,.topbar details.menu[open] summary{background:rgba(255,255,255,.22)}
.topbar nav>a.active,.topbar details.menu summary.active{background:#fff;color:#0e2a33}

/* اللغة */
.lang-switch{color:#cfe3e8;font-weight:600;font-size:.85rem;padding:.25rem .6rem;border:1px solid rgba(255,255,255,.28);border-radius:99px;text-decoration:none!important;white-space:nowrap;display:inline-flex;align-items:center}
.lang-switch:hover{background:rgba(255,255,255,.14);color:#fff}
.auth-card .lang-switch{color:#0f766e;border-color:#c7e4df}
.auth-card .lang-switch:hover{background:#ecfdf5;color:#0f766e}
.pos-top .tools .lang-switch{min-height:40px;padding:.4rem .8rem;background:rgba(255,255,255,.12);border:0;border-radius:10px;color:#fff;font-size:1rem}
.paper small.bi{font-size:.78em;font-weight:400;opacity:.85}
.paper .a4 small.bi,.paper.a4 small.bi{display:inline}
html[dir=ltr] .topbar .brand{margin-inline-end:.5rem}

/* الفاتورة ثنائية اللغة: الإنجليزية تحت العربية في خلايا العناوين */
.paper small.bi i{font-style:normal}
.paper td:first-child small.bi,.paper th small.bi{display:block;direction:ltr;text-align:right}
.paper td:first-child small.bi i,.paper th small.bi i{display:none}
.paper .c small.bi{display:inline}

/* Combo */
.cb-count{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0 .4rem}
.cb-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.45rem;max-height:38vh;overflow:auto}
.cb-items button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .4rem;font:inherit;font-weight:700;cursor:pointer}
.cb-items button:disabled{opacity:.4}
.ext-chip .x{color:#e11d48;margin-inline-start:.3rem}
.cat.combo-cat{background:#fef3c7;border-color:#f59e0b}
/* إضافات وملاحظات الأصناف في الكاشير */
.line .ln-ext{color:#0f766e;font-size:.82rem;font-weight:600;margin-top:.1rem}
.line .ext-btn{border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;padding:0 .45rem;font-size:1rem}
.line .ext-btn.on{background:#ccfbf1;border-color:#0f766e}
.ext-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.ext-chip{border:2px solid var(--line);background:#fff;border-radius:99px;padding:.5rem .95rem;font:inherit;font-weight:700;cursor:pointer}
.ext-chip small{color:var(--muted);font-weight:600}
.ext-chip.on{border-color:#0f766e;background:#ccfbf1}
.ext-chip.paid::before{content:"+ ";color:#0f766e}