:root{--bg:#f4f6f9;--card:#fff;--tx:#1b2733;--mu:#667585;--pr:#1f4e78;--bd:#d8dee6;--ok:#1e7e46;--bad:#b3261e;--hd:#e9eff5}
@media (prefers-color-scheme:dark){:root{--bg:#12171c;--card:#1c242c;--tx:#e8edf2;--mu:#9aabbb;--pr:#6aa6dc;--bd:#34404c;--ok:#5fcf8b;--bad:#ff8a80;--hd:#26313b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:"Times New Roman",Times,"Noto Naskh Arabic",serif;font-size:16px}
nav{background:var(--pr);padding:0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:2px}
nav a{color:#fff;text-decoration:none;padding:12px 11px;font-size:14px}
nav a:hover{background:rgba(255,255,255,.15)}
nav .sp{flex:1}
main{max-width:1100px;margin:0 auto;padding:14px}
h1{font-size:20px;color:var(--pr);margin:6px 0 14px}
h2{font-size:16px;margin:18px 0 8px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.stat{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px}
.stat b{display:block;font-size:20px;margin-top:4px}
.stat span{color:var(--mu);font-size:13px}
label{display:block;font-size:12px;color:var(--mu);margin:9px 0 3px}
input,select,textarea{width:100%;padding:9px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit}
.f{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 12px}
button,.btn{display:inline-block;font:inherit;border:0;border-radius:9px;padding:10px 16px;background:var(--pr);color:#fff;cursor:pointer;text-decoration:none;margin-top:10px}
button.s,.btn.s{background:transparent;color:var(--pr);border:1px solid var(--pr)}
button.d{background:var(--bad)}
.sc{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th{background:var(--hd);text-align:right;padding:8px;white-space:nowrap}
td{border-bottom:1px solid var(--bd);padding:8px;white-space:nowrap}
tr.t td{font-weight:bold;background:var(--hd)}
.num{text-align:left;font-variant-numeric:tabular-nums}
.pos{color:var(--ok)}.neg{color:var(--bad)}
.flash{background:#fff4d6;color:#5b4500;border-radius:8px;padding:10px;margin-bottom:10px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.row>div{flex:1;min-width:130px}
.mu{color:var(--mu);font-size:13px}
.inv{background:#fff;color:#000;max-width:800px;margin:0 auto;border:1px solid #ccc;padding:28px}
.inv h1{color:#1f4e78;text-align:center;margin:0}
.inv table td,.inv table th{color:#000}
.inv th{background:#e9eff5}
@media print{nav,.noprint,.flash{display:none!important}body{background:#fff}main{padding:0}.inv{border:0;padding:0}}
.cm{display:none;position:fixed;z-index:99;background:var(--card);border:1px solid var(--bd);border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.28);min-width:160px;overflow:hidden}
.cmi{padding:11px 18px;cursor:pointer;font-size:14px}
.cmi:hover{background:var(--hd)}
tr.ctx:hover td{background:var(--hd)}
.ph{display:flex;align-items:center;justify-content:center;gap:16px;border-bottom:3px solid #1f4e78;padding-bottom:12px;margin-bottom:14px}
.ph img{max-height:84px;max-width:180px;object-fit:contain}
.ph .cn{font-size:20px;font-weight:bold;color:#1f4e78}
.ph .cs{color:#555;font-size:13px}
.sig{display:flex;justify-content:space-between;margin-top:50px;color:#000}
.sig div{width:40%;text-align:center;border-top:1px solid #000;padding-top:6px}
.words{border:1px dashed #888;padding:10px;margin-top:10px;color:#000}

.chk{display:inline-flex;align-items:center;gap:5px;margin:3px 10px 3px 0;font-size:13px;color:var(--tx)}
.chk input{width:auto}
.print-only{display:none}
/* الفاتورة والكشف: لا تتجاوز عرض الورقة */
.inv{max-width:100%;overflow:hidden}
.inv table,.stm,.lines{width:100%}
.inv td,.inv th,.stm td,.stm th,.lines td,.lines th{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:13px;padding:6px}
.inv td.num,.stm td.num,.lines td.num{white-space:nowrap}
@page{size:A4 portrait;margin:12mm}
@media print{
  html,body{width:100%;font-size:12px}
  .print-only{display:block}
  main{max-width:100%;padding:0}
  .card{border:0;padding:0;margin-bottom:8px}
  .sc{overflow:visible}
  table{width:100%;table-layout:auto}
  th,td{white-space:normal!important;overflow-wrap:anywhere;font-size:11px!important;padding:4px!important}
  td.num{white-space:nowrap!important}
  thead{display:table-header-group}
  tr{page-break-inside:avoid}
  .inv{max-width:100%;width:100%;margin:0}
}

/* خط أصغر وتنظيم أكثر */
body{font-size:14px}
nav a,.ddt{font-size:13px;padding:10px 10px}
main{padding:12px}
h1{font-size:18px;margin:4px 0 10px}
h2{font-size:15px;margin:14px 0 6px}
table{font-size:12.5px}
th,td{padding:5px 7px}
label{font-size:11.5px;margin:7px 0 2px}
input,select,textarea{padding:7px;font-size:13px}
button,.btn{padding:8px 13px;font-size:13px}
.card{padding:11px;margin-bottom:11px}
.stat b{font-size:17px}
/* القوائم المنسدلة */
.dd{position:relative}
.ddt{color:#fff;text-decoration:none;display:block;cursor:pointer}
.ddt:hover,.dd.open .ddt{background:rgba(255,255,255,.15)}
.ddm{display:none;position:absolute;inset-inline-start:0;top:100%;min-width:230px;background:var(--pr);z-index:60;box-shadow:0 6px 18px rgba(0,0,0,.3);border-radius:0 0 10px 10px;overflow:hidden}
.ddm a{display:block;padding:10px 14px;font-size:13px;border-top:1px solid rgba(255,255,255,.12)}
.dd.open .ddm{display:block}
@media (hover:hover){.dd:hover .ddm{display:block}}
.ddm .sep{padding:7px 14px;font-size:11px;color:#cfe0f1;background:rgba(0,0,0,.18)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.chips a{padding:5px 12px;border:1px solid var(--pr);border-radius:20px;color:var(--pr);text-decoration:none;font-size:12.5px}
.chips a.on{background:var(--pr);color:#fff}
.negbox{border:2px solid var(--bad);color:var(--bad);border-radius:10px;padding:10px 14px;font-weight:bold;font-size:15px;margin-top:10px}
.posbox{border:2px solid var(--ok);color:var(--ok);border-radius:10px;padding:10px 14px;font-weight:bold;font-size:15px;margin-top:10px}
@media print{.dd{display:none}.negbox{color:#b3261e!important;border-color:#b3261e!important}}
@media print{input,select{border:0!important;background:transparent!important;padding:0!important;appearance:none;-webkit-appearance:none}}

.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* v6 */
.backbar{max-width:1100px;margin:6px auto 0;padding:0 12px}
.backbar button{margin:0;padding:5px 12px;font-size:12.5px}
main.wide{max-width:1500px}
.cmi.hd{background:var(--hd);font-size:12px;color:var(--mu);cursor:default}
.selbar{display:none;position:fixed;bottom:12px;inset-inline:12px;margin:auto;max-width:640px;gap:8px;align-items:center;flex-wrap:wrap;background:var(--card);border:2px solid var(--pr);border-radius:12px;padding:8px 12px;box-shadow:0 4px 18px rgba(0,0,0,.3);z-index:90}
.selbar span{flex:1;font-size:13px}.selbar button{margin:0;padding:6px 12px}
tr.ctx{cursor:pointer}
tr.ctx.sel td{background:#cfe3f7!important;outline:0}
@media (prefers-color-scheme:dark){tr.ctx.sel td{background:#274a6b!important}}
tr.st-paid td{background:#e1f4e3}
tr.st-late td{background:#fbdcd9}
@media (prefers-color-scheme:dark){tr.st-paid td{background:#1f3a29}tr.st-late td{background:#452524}}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin:0 0 8px;align-items:center}
.legend i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid #9aa;vertical-align:middle;margin-inline-end:5px}
.legend .g i{background:#e1f4e3}.legend .w i{background:#fff}.legend .r i{background:#fbdcd9}
tr.t td .cu{font-size:10px}
.stm .opn td{font-style:italic}
@media print{
  .backbar,.selbar{display:none!important}
  tr.st-paid td{background:#e1f4e3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  tr.st-late td{background:#fbdcd9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  table.sl th,table.sl td{font-size:9.5px!important;padding:2px 3px!important;white-space:normal!important}
  main.wide{max-width:100%}
  tr.ctx.sel td{background:inherit!important}
}

@page land{size:A4 landscape;margin:8mm}
.landpage{page:land}


/* المبيعات: نفس شكل جدول سجل التعديلات (الخط الافتراضي) وبعرض الصفحة */
main.wide{max-width:100%;padding:12px 18px}
td.wrap{white-space:nowrap}
@media print{td.wrap{white-space:normal}}
.cu{font-size:10.5px;color:var(--mu);margin-inline-start:2px}
td.pnr{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media print{td.pnr{max-width:none}}

/* أزرار (عرض/طباعة/Excel) أصغر وعلى خط واحد */
form.row>div:last-child,form.row>div.bt{display:flex;gap:6px;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;flex:0 0 auto;min-width:0}
form.row>div:last-child button,form.row>div:last-child .btn,form.row>div.bt button,form.row>div.bt .btn{padding:6px 12px;font-size:13px;margin:0}
/* جدول المبيعات: أصغر */
table.sl{font-size:13px}
table.sl th,table.sl td{padding:6px 7px}
td.sup,th.sup{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media print{td.sup,th.sup{max-width:none}}
a.wa{color:#1e7a4a;font-weight:600}

.urg{border:2px solid #d9822b;background:#fff6ea}
.urg b{color:#a25a0a}
tr.done td{opacity:.55}
.dl{display:inline-block;background:#d9822b;color:#fff;border-radius:10px;padding:0 7px;font-size:11px;font-weight:700}
.login{max-width:420px;margin:30px auto}
.login .lg{text-align:center;margin-bottom:10px}
.login .lg img{max-width:150px;max-height:110px;display:block;margin:0 auto 8px}
.login h1{font-family:"Times New Roman",Times,"Noto Naskh Arabic",serif;font-weight:700;font-size:22px;margin:4px 0}
.login .mu{font-family:"Times New Roman",Times,serif}

nav a.grn{background:#9bd8ae;color:#0d3b1e;font-weight:700;border-radius:5px;margin:4px 2px;padding:3px 8px;font-size:12px}
nav a.grn:hover{background:#b5e6c4}
nav a.red{background:#f4a1a1;color:#5a0d0d;font-weight:700;border-radius:6px;margin:4px 2px;padding:8px 12px}
nav a.red:hover{background:#f8b9b9}


nav,nav a{font-family:"Times New Roman",Times,"Noto Naskh Arabic",serif}
nav a{font-size:15px}
nav a.grn{font-size:12px}
input.tm{width:90px;text-align:center}
.btn.sm{padding:3px 9px;margin:0;font-size:12px;background:#25a244}

*{font-family:"Times New Roman",Times,"Noto Naskh Arabic",serif}
button,input,select,textarea{font-family:"Times New Roman",Times,"Noto Naskh Arabic",serif}
nav a.grn,nav a.red{border-radius:9px;padding:6px 13px;font-size:13px;font-weight:400;margin:4px 3px;line-height:1.4}
nav a.grn{background:#9bd8ae;color:#0d3b1e}nav a.red{background:#f4a1a1;color:#5a0d0d}