*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#080f0d;--bg2:rgba(13,26,21,.62);--bg3:rgba(17,34,24,.56);--bg4:rgba(22,45,32,.7);
  --gold:#0d9e6e;--gold2:#12c887;--terra:#0a7a55;
  --cream:#e0f0ea;--cream2:#8ab8a8;--muted:#4a7a65;
  --border:#1a3d2e;--green:#0d9e6e;--red:#963030;--blue:#2a5a9a;
  --silver:#a8b8c8;--silver2:#c8d8e8;
  --glass-blur:16px;--glass-blur-sm:9px;--glass-hl:rgba(255,255,255,.05);
}
html.light{
  --bg:#f0f5f2;--bg2:rgba(228,237,232,.62);--bg3:rgba(216,232,224,.56);--bg4:rgba(204,221,212,.72);
  --gold:#0a8a5e;--gold2:#0d9e6e;--terra:#0a7a55;
  --cream:#0d2018;--cream2:#1a4030;--muted:#4a7a65;
  --border:#b0cfc0;--green:#0a8a5e;--red:#963030;--blue:#2a5a9a;
  --silver:#5a8070;--silver2:#3a6050;
  --glass-hl:rgba(255,255,255,.35);
}
body{font-family:'Tajawal',sans-serif;background:var(--bg);color:var(--cream);height:100vh;overflow:hidden;}
/* الاتجاه بيتبع خاصية dir على <html> (rtl/ltr) — يتغيّر ديناميكياً حسب اللغة المختارة */
html[dir="ltr"] body{font-family:'Tajawal','Noto Sans',Arial,sans-serif;}
.app{display:flex;height:100vh;}

/* ── Sidebar ── */
.sidebar{width:200px;background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;}
.logo{padding:18px 14px;border-bottom:1px solid var(--border);text-align:center;}
.logo-title{font-size:18px;font-weight:900;color:var(--gold2);}
.logo-sub{font-size:11px;color:var(--muted);margin-top:2px;}
.nav{flex:1;padding:8px 0;overflow-y:auto;}
.ni{display:flex;align-items:center;gap:9px;padding:10px 16px;cursor:pointer;color:var(--cream2);font-size:13px;font-weight:500;border-right:3px solid transparent;transition:all .18s;}
.ni-soon{margin-inline-start:auto;font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:20px;background:rgba(18,200,135,.14);color:var(--gold2);white-space:nowrap;}
.ni:hover{background:var(--bg3);color:var(--cream);}
.ni.on{background:var(--bg3);color:var(--gold2);border-right-color:var(--gold);}
.ni-icon{font-size:16px;width:20px;text-align:center;}

/* ── Main ── */
.main{flex:1;overflow-y:auto;}
.page{display:none;padding:20px;}
.page.on{display:block;}
.pg-title{font-size:21px;font-weight:900;color:var(--gold2);margin-bottom:16px;}

/* ── Cards / Grid ── */
.card{background:var(--bg3);border:1px solid var(--border);border-radius:11px;padding:16px;margin-bottom:12px;}
.workdrop-btn{width:100%;justify-content:center;padding:6px;text-decoration:none;min-height:52px;}
.workdrop-logo{height:44px;width:auto;max-width:88%;object-fit:contain;display:none;}
html:not(.light) .workdrop-logo-dark{display:block;}
html.light .workdrop-logo-light{display:block;}
.mse-card{overflow:hidden;position:relative;}
.mse-content{opacity:1;}
.mse-product-row{border:1px solid var(--border);border-radius:9px;padding:10px;margin-bottom:8px;background:var(--bg2);}
.mse-product-row .mpr-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.mse-product-row .mpr-num{font-size:11px;color:var(--muted);font-weight:700;}
.mse-product-row .mpr-remove{background:transparent;border:none;color:var(--red);cursor:pointer;padding:2px;display:flex;}
.mse-add-product-btn{width:100%;justify-content:center;margin-top:2px;}
.mse-accordion-item{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden;background:var(--bg2);}
.mse-accordion-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:transparent;border:none;color:var(--text);font-size:13.5px;font-weight:800;cursor:pointer;text-align:start;font-family:inherit;}
.mse-accordion-head .mse-acc-chevron{transition:transform .2s ease;flex-shrink:0;opacity:.7;}
.mse-accordion-head.open .mse-acc-chevron{transform:rotate(180deg);}
.mse-accordion-body{padding:0 14px 14px;}
.switch{position:relative;display:inline-block;width:42px;height:24px;}
.switch input{opacity:0;width:0;height:0;}
.switch-track{position:absolute;cursor:pointer;inset:0;background:var(--bg2);border:1px solid var(--border);border-radius:24px;transition:.2s;}
.switch-track::before{content:"";position:absolute;height:16px;width:16px;left:3px;top:2.5px;background:var(--cream2);border-radius:50%;transition:.2s;}
.switch input:checked + .switch-track{background:var(--green,#12c887);border-color:var(--green,#12c887);}
.switch input:checked + .switch-track::before{transform:translateX(20px);background:#fff;}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
.stat{background:var(--bg3);border:1px solid var(--border);border-radius:11px;padding:14px;}
.stat .lbl{font-size:11px;color:var(--muted);margin-bottom:4px;}
.stat .val{font-size:24px;font-weight:800;}

/* ── Buttons ── */
.btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;align-items:center;gap:5px;}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080f0d;box-shadow:0 2px 12px rgba(13,158,110,0.3);}.btn-gold:hover{background:linear-gradient(135deg,var(--gold2),#15e89a);}
.btn-terra{background:var(--terra);color:var(--cream);}
.btn-out{background:transparent;color:var(--cream2);border:1px solid var(--border);}.btn-out:hover{border-color:var(--gold);color:var(--gold);}
.btn-red{background:var(--red);color:#fff;}
.btn-sm{padding:4px 10px;font-size:12px;}

/* ── Form ── */
.fg{margin-bottom:12px;}
.fl{display:block;font-size:12px;color:var(--cream2);margin-bottom:4px;font-weight:500;}
.fc{width:100%;padding:8px 11px;background:var(--bg2);border:1px solid var(--border);border-radius:7px;color:var(--cream);font-family:'Tajawal',sans-serif;font-size:13px;transition:border-color .18s;}
.fc:focus{outline:none;border-color:var(--gold);}
select.fc option{background:var(--bg2);}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mix-unit-note{font-size:11.5px;color:var(--muted);background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:7px 10px;margin-top:4px;}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}

/* ── Table ── */
.tw{overflow-x:auto;}
.tw-scroll{max-height:380px;overflow-y:auto;}
.tw-scroll-sm{max-height:250px;overflow-y:auto;}
table{width:100%;border-collapse:collapse;}
th{padding:10px 13px;text-align:right;font-size:11px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--border);background:var(--bg2);}
td{padding:10px 13px;font-size:13px;border-bottom:1px solid var(--border);}
tr:hover td{background:var(--bg3);}

/* ── Badge ── */
.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;}
.bg-gold{background:rgba(200,140,10,.2);color:var(--gold2);}
.bg-green{background:rgba(61,122,61,.2);color:#7dca7d;}
.bg-red{background:rgba(150,48,48,.2);color:#e08080;}
.bg-blue{background:rgba(42,90,154,.2);color:#80aaee;}

/* ── Modal ── */
.ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:200;align-items:center;justify-content:center;}
.ov.on{display:flex;}
.modal{background:var(--bg3);border:1px solid var(--border);border-radius:13px;padding:24px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;}
.modal-lg{max-width:740px;}
.modal-title{font-size:16px;font-weight:800;color:var(--gold2);margin-bottom:16px;}
.modal-foot{display:flex;gap:9px;margin-top:16px;}

/* ── أدوات عائمة (محول العملات + الآلة الحاسبة) — نوافذ خفيفة قابلة
     للسحب، بلا خلفية حاجبة، تضل ظاهرة فوق أي صفحة بالتطبيق وأنت مكمّل
     شغلك تحتها. مختلفة تمامًا عن .ov (يلي بتحجب وتوقف كل شي تحتها). ── */
.tool-launch-row{display:flex;gap:8px;padding:0 12px 10px;}
.tool-launch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--cream2);cursor:pointer;font-family:'Tajawal',sans-serif;font-size:11.5px;font-weight:600;transition:all .15s;}
.tool-launch-btn:hover{border-color:var(--gold);color:var(--gold2);}
.tool-launch-btn svg{flex-shrink:0;}
/* ══ (v170) نوافذ الحاسبة والعملات — زجاج أوضح + إضاءة متوهجة خلفية ══
   --fw-a = درجة عتامة الزجاج (0.55–0.98). تُضبط من المنزلق داخل النافذة (زر القطرة)،
   والقيمة الافتراضية .84 داخل var() — لا تعرّف --fw-a على .float-win نفسه وإلا يلغي المنزلق. --g1/--g2 = لونا التوهّج. */
.float-win{
  --fw-rgb:8,22,18; --g1:18,200,135; --g2:34,211,238;
  --fw-key:rgba(24,56,44,.62); --fw-key-hi:rgba(255,255,255,.08); --fw-line:rgba(255,255,255,.10);
  --fw-txt:#eaf8f2; --fw-dim:#a4cfc0; --fw-field:rgba(4,14,11,.55);
  position:fixed;width:300px;max-width:92vw;color:var(--fw-txt);
  background:
    radial-gradient(130% 70% at 0% 0%,rgba(var(--g1),.20),transparent 60%),
    radial-gradient(110% 70% at 100% 100%,rgba(var(--g2),.16),transparent 60%),
    linear-gradient(165deg,rgba(var(--fw-rgb),var(--fw-a,.84)),rgba(3,10,8,calc(var(--fw-a,.84) + .04)));
  backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);
  border:1px solid rgba(var(--g1),.38);border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.03),0 18px 50px rgba(0,0,0,.55),0 0 22px rgba(var(--g1),.30);
  display:none;flex-direction:column;z-index:500;overflow:hidden;isolation:isolate;
}
html.light .float-win{
  --fw-rgb:240,249,245; --fw-key:rgba(255,255,255,.66); --fw-key-hi:rgba(255,255,255,.8); --fw-line:rgba(10,70,48,.16);
  --fw-txt:#0b2218; --fw-dim:#2c5645; --fw-field:rgba(255,255,255,.7);
  background:
    radial-gradient(130% 70% at 0% 0%,rgba(var(--g1),.22),transparent 60%),
    radial-gradient(110% 70% at 100% 100%,rgba(var(--g2),.18),transparent 60%),
    linear-gradient(165deg,rgba(var(--fw-rgb),var(--fw-a,.84)),rgba(226,242,235,calc(var(--fw-a,.84) + .04)));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 44px rgba(10,60,40,.28),0 0 20px rgba(var(--g1),.30);
}
#float-currency{--g2:245,184,66;}
/* أضواء متحركة خلف المحتوى */
.float-win::before,.float-win::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(14px);will-change:transform;}
.float-win::before{width:230px;height:230px;left:-70px;top:-60px;background:radial-gradient(circle,rgba(var(--g1),.55),transparent 68%);animation:fwGlowA 13s ease-in-out infinite alternate;}
.float-win::after{width:250px;height:250px;right:-80px;bottom:-70px;background:radial-gradient(circle,rgba(var(--g2),.48),transparent 68%);animation:fwGlowB 17s ease-in-out infinite alternate;}
@keyframes fwGlowA{from{transform:translate(0,0) scale(1);}to{transform:translate(60px,90px) scale(1.2);}}
@keyframes fwGlowB{from{transform:translate(0,0) scale(1);}to{transform:translate(-70px,-80px) scale(1.15);}}
@media (prefers-reduced-motion:reduce){.float-win::before,.float-win::after{animation:none;}}
.float-win.on{display:flex;}
.float-win-head{display:flex;align-items:center;gap:6px;padding:11px 12px;background:linear-gradient(90deg,transparent,rgba(var(--g1),.95),transparent) top/100% 1px no-repeat,linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));border-bottom:1px solid var(--fw-line);cursor:move;user-select:none;touch-action:none;}
.float-win-title{flex:1;font-size:13px;font-weight:800;color:var(--fw-txt);display:flex;align-items:center;gap:7px;letter-spacing:.2px;}
.float-win-title svg{color:rgb(var(--g1));filter:drop-shadow(0 0 5px rgba(var(--g1),.8));}
.float-win-close{background:transparent;border:none;color:var(--fw-dim);cursor:pointer;padding:5px;display:flex;border-radius:8px;flex-shrink:0;transition:all .15s;}
.float-win-close:hover{color:#fff;background:rgba(var(--g1),.28);box-shadow:0 0 10px rgba(var(--g1),.35);}
.float-win-close.float-close-btn:hover{background:var(--red);box-shadow:none;}
.float-win-close.active{background:rgb(var(--g1));color:#04130d;box-shadow:0 0 12px rgba(var(--g1),.6);}
.float-win-body{padding:14px;overflow-y:auto;max-height:min(80vh,680px);scrollbar-width:thin;}
#float-currency{right:20px;bottom:20px;width:340px;}
#float-calc{right:372px;bottom:20px;width:340px;}
@media (max-width:760px){ #float-calc{right:20px;bottom:20px;} }
/* منزلق الشفافية */
.fw-opa{display:none;align-items:center;gap:9px;padding:8px 14px;font-size:11.5px;font-weight:700;color:var(--fw-dim);border-bottom:1px solid var(--fw-line);background:rgba(0,0,0,.14);}
.fw-opa.open{display:flex;}
.fw-range{flex:1;accent-color:rgb(var(--g1));height:4px;cursor:pointer;}
.fw-opa-val{min-width:36px;text-align:end;color:var(--fw-txt);font-variant-numeric:tabular-nums;}
/* ── وضع النافذة الخارجية ── */
body.float-ext-body{margin:0;background:#06100c;overflow:hidden;font-family:'Tajawal',sans-serif;}
html.light body.float-ext-body{background:#e6f1ec;}
.float-win.float-win--ext{position:static;width:100%!important;max-width:none;height:100vh;border:none;border-radius:0;box-shadow:none;display:flex;}
.float-win--ext .float-win-head{cursor:default;}
.float-win--ext .float-close-btn{display:none;}
.float-win--ext .float-win-body{max-height:none;flex:1;min-height:0;}
/* EXE: بلا إطار وبخلفية شفافة — كرت مدوّر مع هالة متوهجة، بيتسحب من الهيدر */
html.float-desktop,html.float-desktop body.float-ext-body{background:transparent!important;}
html.float-desktop .float-win.float-win--ext{width:calc(100% - 40px)!important;height:calc(100vh - 40px);margin:20px;border:1px solid rgba(var(--g1),.42);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 22px rgba(0,0,0,.5),0 0 20px rgba(var(--g1),.42);}
html.float-desktop .float-win--ext .float-win-head{cursor:move;-webkit-app-region:drag;}
html.float-desktop .float-win--ext .float-win-head button{-webkit-app-region:no-drag;}
html.float-desktop .float-win--ext .float-close-btn{display:flex;}
.float-ext-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:rgba(8,22,18,.95);color:#eaf8f2;border:1px solid #12c887;padding:7px 14px;border-radius:10px;font-size:12px;font-weight:700;z-index:99;box-shadow:0 0 16px rgba(18,200,135,.4);}
.float-ext-toast.err{border-color:var(--red);color:#fff;background:var(--red);box-shadow:none;}

/* ── الآلة الحاسبة ── */
.calc-modes{display:flex;gap:4px;padding:3px;margin-bottom:10px;background:var(--fw-field);border:1px solid var(--fw-line);border-radius:11px;}
.calc-btn{unicode-bidi:isolate;direction:ltr;}
.calc-mode{opacity:.8;flex:1;padding:6px 4px;border:none;border-radius:8px;background:transparent;color:var(--fw-dim);font-family:'Tajawal',sans-serif;font-size:12px;font-weight:800;cursor:pointer;transition:all .15s;}
.calc-mode:hover{color:var(--fw-txt);}
.calc-mode.on{opacity:1;background:linear-gradient(135deg,rgba(var(--g1),.95),rgba(var(--g2),.85));color:#03140d;box-shadow:0 0 14px rgba(var(--g1),.5);}
.calc-expr-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:18px;padding:0 3px 4px;direction:ltr;}
.calc-expr{font-size:12.5px;color:var(--fw-dim);overflow-x:auto;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums;scrollbar-width:none;}
.calc-prev{font-size:12.5px;font-weight:800;color:rgb(var(--g1));white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(var(--g1),.6);}
.calc-display-row{display:flex;align-items:stretch;gap:7px;margin-bottom:11px;}
.calc-display{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;min-height:64px;background:var(--fw-field);border:1px solid rgba(var(--g1),.30);border-radius:13px;padding:8px 14px;direction:ltr;font-size:34px;font-weight:800;color:var(--fw-txt);overflow:hidden;white-space:nowrap;font-family:'Tajawal','Segoe UI',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.5px;text-shadow:0 0 18px rgba(var(--g1),.55);box-shadow:inset 0 0 26px rgba(var(--g1),.10),inset 0 2px 8px rgba(0,0,0,.25);}
.calc-side{display:flex;flex-direction:column;gap:7px;}
.calc-copy-btn{flex:1;width:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--fw-line);background:var(--fw-key);color:var(--fw-dim);cursor:pointer;padding:0;transition:all .15s;}
.calc-copy-btn:hover{border-color:rgba(var(--g1),.7);color:rgb(var(--g1));box-shadow:0 0 12px rgba(var(--g1),.35);}
.calc-copy-btn:active{transform:scale(.92);}
.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;}
.calc-btn{padding:11px 0;border-radius:12px;border:1px solid var(--fw-line);background:linear-gradient(180deg,var(--fw-key-hi),rgba(255,255,255,0)),var(--fw-key);color:var(--fw-txt);font-size:17px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .15s,border-color .15s;font-family:'Tajawal',sans-serif;box-shadow:inset 0 1px 0 var(--fw-key-hi),0 2px 6px rgba(0,0,0,.22);}
.calc-btn:hover{border-color:rgba(var(--g1),.65);box-shadow:inset 0 1px 0 var(--fw-key-hi),0 0 14px rgba(var(--g1),.30);}
.calc-btn:active{transform:scale(.94);}
.calc-btn-op{color:var(--fw-dim);}
.calc-btn-op[data-i18n]{font-size:10.5px;line-height:1.15;white-space:normal;padding:7px 2px;}
.calc-btn-mem{color:rgb(var(--g1));font-size:12.5px;}
.calc-btn-sci{color:var(--fw-dim);font-size:13.5px;}
.calc-btn-sm{padding:7px 0;font-size:12.5px;border-radius:10px;}
.calc-btn-gold{background:linear-gradient(135deg,rgba(var(--g1),.95),rgba(var(--g1),.72));color:#03140d;border-color:rgba(var(--g1),.8);box-shadow:0 0 14px rgba(var(--g1),.40),inset 0 1px 0 rgba(255,255,255,.35);}
.calc-btn-gold:hover{box-shadow:0 0 22px rgba(var(--g1),.7),inset 0 1px 0 rgba(255,255,255,.4);}