*{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#b88200;--gold2:#d5a226;--brown:#2b1a06;--ivory:#f8f0dd;--card:#fffaf0;--danger:#a52424}
html,body{width:100%;min-height:100%;direction:rtl;font-family:'Cairo','Tahoma','Arial',sans-serif;background:linear-gradient(135deg,#eadfcb,#fff7e7);color:var(--brown);overflow-x:hidden}
button,input{font-family:inherit;font-size:16px}
.app-header{position:sticky;top:0;z-index:20;background:rgba(44,26,4,.94);color:#fff;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.brand{font-weight:900;color:#ffd66b;font-size:20px;white-space:nowrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid rgba(255,214,107,.35);background:transparent;color:#fff;border-radius:10px;padding:9px 16px;font-weight:900;cursor:pointer}.tab.active{background:linear-gradient(#efc85a,#b88200);color:#201000}
.layout{width:min(1500px,100%);margin:auto;padding:16px}.page{display:none}.active-page{display:block}.work-grid{display:grid;grid-template-columns:minmax(340px,1fr) 820px;gap:18px;align-items:start}.panel{background:rgba(255,250,240,.9);border:1px solid rgba(184,130,0,.25);border-radius:22px;padding:18px;box-shadow:0 18px 45px rgba(84,50,0,.12)}.full{max-width:900px;margin:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h2,.panel h3{color:#7b5100}.panel-head strong{font-size:24px;color:var(--gold)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid label{display:grid;gap:6px;font-weight:900;color:#6e4a0b}.form-grid label:nth-child(4),.form-grid label:nth-child(5){grid-column:span 2}input{width:100%;border:1.5px solid #e4c77c;background:#fffefb;border-radius:12px;padding:13px;color:#1a1206;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,130,0,.15)}input[readonly]{background:#eee5d2;color:#735417}.items-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.items-title span{font-weight:900;color:#8f6812}.item-form{display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr auto;gap:8px}.item-form button,.actions button{border:0;border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer;background:#efe2be;color:#382100}.item-form button,.actions .primary{background:linear-gradient(#efc85a,#b88200);color:#231200}.actions .danger{background:var(--danger);color:#fff}.items-list{display:grid;gap:8px;margin-top:12px}.item-card{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#fff6df;border:1px solid #e2c475;border-radius:14px;padding:10px}.item-card small{display:block;color:#765a20}.item-card button{border:0;background:var(--danger);color:#fff;border-radius:9px;padding:8px 12px;font-weight:900}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.preview-panel{position:sticky;top:76px}.preview-title{font-weight:900;margin:0 0 8px;color:#583500}.receipt-template{width:794px;height:1123px;max-width:100%;margin:auto;position:relative;background:url('receipt-template.jpg') center/100% 100% no-repeat;box-shadow:0 16px 45px rgba(63,37,0,.2);overflow:hidden}
.field{position:absolute;direction:rtl;text-align:center;color:#101820;font-weight:500;line-height:1;white-space:nowrap;text-shadow:none;font-variant-numeric:tabular-nums;letter-spacing:.1px}.f-no{left:70.3%;top:30.88%;width:20%;font-size:16px}.f-date{left:39%;top:30.88%;width:22%;font-size:16px}.f-time{left:8.1%;top:30.88%;width:21%;font-size:16px}.f-customer{left:51%;top:40.15%;width:40%;font-size:17px}.f-phone{left:8%;top:40.15%;width:32%;font-size:17px}.item-row{position:absolute;left:4.7%;width:91%;height:3.47%;display:grid;grid-template-columns:16.9% 11.4% 10.4% 53.9% 7.4%;align-items:center;direction:ltr;overflow:visible}.item-row span{font-weight:500;text-align:center;font-size:14px;color:#101820;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;line-height:normal;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.item-row .name{direction:rtl;text-align:center}.item-row.r1{top:61.35%}.item-row.r2{top:64.82%}.item-row.r3{top:68.29%}.item-row.r4{top:71.76%}.item-row.r5{top:75.23%}.item-row.r6{top:78.70%}.item-row.r7{top:82.17%}.item-row.r8{top:85.64%}.f-total{left:9.1%;top:85.05%;width:17%;font-size:18px;color:#fff;text-align:center;direction:ltr;font-weight:500;text-shadow:none}.search{margin:12px 0}.saved-list{display:grid;gap:10px}.saved-item{display:flex;justify-content:space-between;align-items:center;background:#fff6df;border:1px solid #e2c475;border-radius:14px;padding:12px}.saved-item button{border:0;border-radius:10px;padding:8px 12px;background:#a52424;color:#fff;font-weight:900}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats div{background:rgba(255,250,240,.9);border:1px solid rgba(184,130,0,.25);border-radius:20px;padding:24px;box-shadow:0 18px 45px rgba(84,50,0,.12)}.stats span{display:block;color:#775300;font-weight:900}.stats strong{font-size:28px;color:var(--gold)}
@media(max-width:1100px){.work-grid{grid-template-columns:1fr}.preview-panel{position:relative;top:auto}.receipt-template{width:min(794px,100vw - 32px);height:calc((min(794px,100vw - 32px))*1.41436)}}
@media(max-width:650px){.app-header{display:block}.brand{text-align:center;margin-bottom:8px}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tab{padding:10px 4px;font-size:13px}.layout{padding:10px}.form-grid,.item-form,.actions{grid-template-columns:1fr}.form-grid label:nth-child(4),.form-grid label:nth-child(5){grid-column:auto}.panel{padding:14px;border-radius:16px}.item-card{grid-template-columns:1fr}.receipt-template .field{transform:scale(.75);transform-origin:center}.receipt-template .item-row span{font-size:12.5px}.f-total{font-size:13px!important}}
@page{size:A5 portrait;margin:0}
@media print{html,body{width:148mm!important;height:210mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}.app-header,.layout{display:none!important}.print-only{display:block!important}.receipt-template{width:148mm!important;height:210mm!important;box-shadow:none!important;margin:0!important;background-size:100% 100%!important;page-break-inside:avoid!important;break-inside:avoid!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.field,.item-row span{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}

/* =========================================================
   لوحة تحكم أماكن الكتابة على الوصل
   ---------------------------------------------------------
   أسهل طريقة للتحريك:
   1) افتح الموقع.
   2) من قسم "تحكم أماكن الكتابة على الوصل" حرّك X و Y.
   3) X الموجب يحرك النص لليمين، X السالب لليسار.
   4) Y الموجب ينزل النص لتحت، Y السالب يرفعه لفوك.
   5) Size يكبر أو يصغر الخط.
   ملاحظة: التحريك هنا بالنِسَب % حتى يظل مضبوط بالمعاينة والطباعة.
   ========================================================= */
:root{
  --no-x:1.8%; --no-y:8.1%; --no-size:19px;
  --date-x:-0.7%; --date-y:8.1%; --date-size:18px;
  --time-x:-2.3%; --time-y:8.1%; --time-size:16px;
  --customer-x:1.8%; --customer-y:8.6%; --customer-size:17px;
  --phone-x:-1.6%; --phone-y:8.6%; --phone-size:17px;
  --total-x:1.8%; --total-y:3.5%; --total-size:19px;
  --itemPrice-x:0px; --itemPrice-y:0px; --itemPrice-size:19px;
  --itemWeight-x:0px; --itemWeight-y:0px; --itemWeight-size:19px;
  --itemKarat-x:0px; --itemKarat-y:0px; --itemKarat-size:19px;
  --itemName-x:0px; --itemName-y:0px; --itemName-size:19px;
  --rowNumbers-x:0px; --rowNumbers-y:0px; --rowNumbers-size:19px;
}

.f-no{left:calc(70.3% + var(--no-x));top:calc(30.88% + var(--no-y));font-size:var(--no-size)}
.f-date{left:calc(39% + var(--date-x));top:calc(30.88% + var(--date-y));font-size:var(--date-size)}
.f-time{left:calc(8.1% + var(--time-x));top:calc(30.88% + var(--time-y));font-size:var(--time-size)}
.f-customer{left:calc(51% + var(--customer-x));top:calc(40.15% + var(--customer-y));font-size:var(--customer-size)}
.f-phone{left:calc(8% + var(--phone-x));top:calc(40.15% + var(--phone-y));font-size:var(--phone-size)}
.f-total{left:calc(9.1% + var(--total-x));top:calc(85.05% + var(--total-y));font-size:var(--total-size)}
.position-panel{margin-top:18px;border-top:1px dashed rgba(184,130,0,.35);padding-top:12px}.help-text{background:#fff6df;border:1px solid #e2c475;border-radius:12px;padding:10px;line-height:1.8;color:#68470b;font-weight:800}.position-controls{display:grid;gap:10px;margin-top:12px}.pos-card{background:#fffefb;border:1px solid #e2c475;border-radius:14px;padding:10px}.pos-card b{display:block;color:#7b5100;margin-bottom:8px}.pos-row{display:grid;grid-template-columns:62px 1fr 54px;gap:8px;align-items:center;margin:7px 0}.pos-row label{font-weight:900;color:#6e4a0b}.pos-row input{padding:0}.pos-value{text-align:center;font-weight:900;color:#7b5100}.soft-btn{width:100%;margin-top:10px;border:0;border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer;background:#efe2be;color:#382100}

/* تحكم تفاصيل الأصناف داخل الجدول */
.item-row .item-price{transform:translate(var(--itemPrice-x),var(--itemPrice-y));font-size:var(--itemPrice-size)}
.item-row .item-weight{transform:translate(var(--itemWeight-x),var(--itemWeight-y));font-size:var(--itemWeight-size)}
.item-row .item-karat{transform:translate(var(--itemKarat-x),var(--itemKarat-y));font-size:var(--itemKarat-size)}
.item-row .item-name{transform:translate(var(--itemName-x),var(--itemName-y));font-size:var(--itemName-size)}
.item-row .item-no{transform:translate(var(--rowNumbers-x),var(--rowNumbers-y));font-size:var(--rowNumbers-size);font-weight:500;color:#101820}


/* زر إخفاء/إظهار قائمة التحكم */
.position-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}
.position-head h3{color:#7b5100;margin:0}
.position-head span{display:block;font-weight:900;color:#8f6812;margin-top:4px}
.toggle-positions{border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;background:linear-gradient(#efc85a,#b88200);color:#231200;white-space:nowrap}
.position-panel.collapsed #positionPanelBody{display:none}
.position-panel.collapsed{padding-bottom:0}
@media(max-width:650px){.position-head{align-items:stretch}.toggle-positions{padding:10px 8px;font-size:14px}}

/* أدوات النسخ الاحتياطي داخل الأرشيف */
.archive-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 8px}
.backup-btn{border:0;border-radius:14px;padding:13px 14px;font-weight:900;cursor:pointer;background:linear-gradient(#efc85a,#b88200);color:#231200;box-shadow:0 8px 18px rgba(84,50,0,.12)}
.backup-btn.secondary{background:#efe2be;color:#382100}
.backup-btn.warning{background:#fff1c9;color:#6b4300;border:1px solid #e2c475}
.backup-btn:disabled{opacity:.65;cursor:not-allowed}
.backup-status{background:#fff6df;border:1px solid #e2c475;border-radius:12px;padding:10px 12px;color:#68470b;font-weight:800;line-height:1.7;margin:8px 0 12px}
@media(max-width:700px){.archive-tools{grid-template-columns:1fr}.backup-btn{width:100%}}