/* تنسيق تطبيق «حساب» — نُقل حرفياً من index.html (تقسيم الواجهة، المرحلة 2). المرجع: docs/DESIGN.md
   عند أي تعديل هنا: ارفع CACHE في public/sw.js — رابط هذا الملف في index.html يحمل نفس الرقم (?v=) والفحص يتأكد من التطابق */
@font-face{font-family:'Plex AR';src:url('/fonts/plex-ar-400-v1.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Plex AR';src:url('/fonts/plex-ar-500-v1.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Plex AR';src:url('/fonts/plex-ar-600-v1.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}
:root{
  /* دليل هوية حساب v1.0 — الأخضر للعلامة، والأزرق/البنفسجي/البرتقالي ألوان معنى فقط */
  --bg:#F6F8F7;--card:#ffffff;--surface:#F6F8F7;--surf2:#EAF0ED;--surf3:#DCE5E1;--control:#EAF0ED;
  --border:rgba(11,31,26,.07);--border2:rgba(11,31,26,.13);
  --accent:#0F9B74;--accent-fg:#ffffff;--accent-dark:#0B7A5C;
  --primary:#0B1F1A;--primary-bg:#0B1F1A;--teal:#0F9B74;--teal-fg:#fff;
  --red:#ff3b30;--danger-fg:#D70015;--success-fg:#0B7A5C;--red-bg:rgba(255,59,48,.08);--red-light:rgba(255,59,48,.14);
  --green:#0F9B74;--grn-bg:rgba(15,155,116,.10);
  --amber:#0054BD;
  --lak:#0F9B74;--lak-fg:#0B7A5C;--lak-bg:#EAF8F2;
  --alk:#D46928;--alk-fg:#B85A20;--alk-bg:#FBEDE4;
  --info:#0054BD;--info-bg:#E5EEFA;--blue:#0054BD;
  --pro:#8544BF;--pro-bg:#F1E9F8;--purple:#8544BF;
  --mint:#C8F2E3;--yellow:#0054BD;
  --text:#0B1F1A;--text2:#5B6F69;--text3:#8A9A95;
  --mark-read:#0B7A5C;--push-banner-bg:var(--primary);--push-banner-fg:#fff;
  --shadow-sm:none;
  --shadow-md:none;
  --shadow-lg:none;
  --safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
  --r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--r-full:999px;
}
body.dark{
  /* الغامق مبني على «الحبر» الأخضر الداكن من الدليل */
  --bg:#0B1F1A;--card:#132B25;--surface:#132B25;--surf2:#1B3730;--surf3:#24443C;--control:#1B3730;
  --border:rgba(234,242,239,.08);--border2:rgba(234,242,239,.15);
  --accent:#0F9B74;--accent-fg:#ffffff;--accent-dark:#0B7A5C;
  --primary:#EAF2EF;--primary-bg:#1B3730;--teal:#32B78F;--teal-fg:#0B1F1A;
  --red:#ff453a;--danger-fg:#ff6b61;--success-fg:#32B78F;--red-bg:rgba(255,69,58,.15);--red-light:rgba(255,69,58,.22);
  --green:#32B78F;--grn-bg:rgba(50,183,143,.14);
  --amber:#7FB2F0;
  --lak:#32B78F;--lak-fg:#32B78F;--lak-bg:rgba(50,183,143,.16);
  --alk:#E07B3E;--alk-fg:#F0997B;--alk-bg:rgba(212,105,40,.18);
  --info:#7FB2F0;--info-bg:rgba(0,84,189,.25);--blue:#7FB2F0;
  --pro:#C4A3E8;--pro-bg:rgba(133,68,191,.22);--purple:#C4A3E8;
  --mint:#1B3730;--yellow:#7FB2F0;
  --mark-read:#32B78F;--push-banner-bg:#0F9B74;--push-banner-fg:#fff;
  --text:#EAF2EF;--text2:#9DB2AB;--text3:#7C918B;
  --shadow-sm:none;
  --shadow-md:none;
  --shadow-lg:none;
}
@media(prefers-reduced-motion:reduce){
  .page,.sheet,.overlay,*{animation:none!important;transition-duration:0.01ms!important}
}
html{height:100%;overflow:hidden;background:var(--bg);-webkit-text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
body{font-family:'Plex AR',-apple-system,'SF Pro Display','SF Pro Text',BlinkMacSystemFont,'Helvetica Neue','Noto Sans Arabic',Arial,sans-serif;background:var(--bg);color:var(--text);height:100%;overflow:hidden;font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
/* التمرير داخل حاوية ثابتة بدل الصفحة كلها: يمنع انكماش شريط سفاري فيبقى الشريط السفلي ثابتاً */
#scroll{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none}
#scroll::-webkit-scrollbar{width:0;height:0;display:none}
#app{max-width:430px;margin:0 auto;min-height:100dvh;position:relative}
.num{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}
.ltr{direction:ltr;unicode-bidi:embed}

/* PAGE */
.page{display:flex;flex-direction:column;min-height:100dvh;animation:pageIn .22s ease}
.page.h-fixed{height:100dvh}
.page.no-anim{animation:none}
@keyframes pageIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.page.back{animation:pageBack .22s ease}
@keyframes pageBack{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}

/* HEADER */
.header{display:flex;align-items:center;gap:10px;padding:calc(20px + var(--safe-t)) 18px 18px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);position:sticky;top:0;z-index:50}
.header-title{flex:1;font-size:17px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bulk-import-link{background:transparent;border:none;color:#0B7A5C;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;padding:8px 10px;border-radius:8px;white-space:nowrap;flex-shrink:0}
.bulk-import-link:active{opacity:.7}
.bulk-row{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px;position:relative}
.bulk-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.bulk-row-num{font-size:12px;font-weight:700;color:var(--text3);background:var(--wash);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.bulk-row-del{background:transparent;border:none;color:var(--text3);font-size:20px;line-height:1;cursor:pointer;padding:0 6px;font-family:inherit}
.bulk-row-del:active{color:var(--red)}
.bulk-inp{width:100%;margin-bottom:8px;padding:10px;font-size:14px}
.bulk-inp:last-child{margin-bottom:0}
.bulk-add-row{width:100%;min-height:46px;padding:0 12px;background:transparent;color:var(--text);border:1.5px dashed var(--border);border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-top:4px}
.bulk-add-row:active{opacity:.7}
.icon-btn{width:44px;height:44px;border:none;background:var(--surface);color:var(--text2);cursor:pointer;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s;line-height:1}
.header .icon-btn{background:var(--bg);border:1px solid var(--surf3);border-radius:var(--r-md);color:var(--text)}
.icon-btn:hover{background:var(--surf2)}
.icon-btn:active{transform:scale(.88);opacity:.7}
.icon-btn.red:hover{color:var(--red)}
.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* BUTTONS */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 20px;border:none;border-radius:var(--r-md);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s,background .15s;font-family:inherit}
.btn:active{transform:scale(.97);opacity:.8}
.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}
.btn-primary{background:var(--accent);color:var(--accent-fg)}
.btn-primary:hover{background:var(--accent-dark)}
.btn-dark{background:var(--accent);color:var(--accent-fg)}
.btn-dark:hover{background:var(--accent-dark)}

body.dark .badge-cust{background:var(--lak-bg);color:var(--lak-fg)}
.btn-ghost{background:var(--control);color:var(--text)}
.btn-ghost:hover{background:var(--surf3)}
.btn-outline{background:var(--control);color:var(--text)}
.btn-red{background:var(--red-bg);color:var(--danger-fg)}
.offline-bar{position:fixed;top:0;left:0;right:0;z-index:998;padding:calc(6px + var(--safe-t)) 16px 6px;background:#132B25;color:#fff;font-size:12px;font-weight:500;text-align:center;line-height:1.5}.offline-bar.syncing{background:var(--control);color:var(--text)}body.is-offline #app{padding-top:calc(28px + var(--safe-t))}body.is-offline .header,body.is-offline .np-header{margin-top:0}
.tx-pending{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text2);background:var(--control);border-radius:999px;padding:1px 8px;margin-inline-start:6px}
.emp-card{width:100%;display:flex;align-items:center;gap:12px;background:var(--card);border:none;border-radius:var(--r-lg);padding:14px 16px;margin-bottom:8px;font-family:inherit;text-align:right;color:var(--text);cursor:pointer}.emp-card:active{opacity:.7}
.emp-av{width:42px;height:42px;border-radius:50%;background:var(--control);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.emp-av.lg{width:52px;height:52px;font-size:20px}
.emp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.emp-name{font-size:15px;font-weight:600;color:var(--text)}.emp-sub{font-size:12px;color:var(--text2)}.emp-chev{color:var(--text3);display:flex}.emp-chev svg{width:18px;height:18px}
.emp-tag{font-size:11px;font-weight:600;color:var(--danger-fg);background:var(--red-bg);border-radius:999px;padding:1px 8px;margin-inline-start:4px}
.emp-head{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:var(--r-lg);padding:16px;margin-bottom:6px}
.emp-sec{font-size:13px;font-weight:600;color:var(--text2);margin:18px 4px 8px}.emp-box{background:var(--card);border-radius:var(--r-lg);padding:4px 16px}
.emp-perm{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:0.5px solid var(--border)}.emp-perm-t{font-size:14px;font-weight:600;color:var(--text)}.emp-perm-d{font-size:12px;color:var(--text2);margin-top:2px;line-height:1.5}
.emp-perm-fixed{font-size:12px;color:var(--text2);padding:12px 0}.emp-note{font-size:12px;color:var(--text2);text-align:center;margin-top:12px}
.emp-act{width:100%;display:flex;align-items:center;gap:10px;padding:11px 0;border:none;border-bottom:0.5px solid var(--border);background:none;font-family:inherit;cursor:pointer;color:var(--text)}.emp-act:last-child{border-bottom:none}.emp-amt{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0;direction:ltr}.emp-amt small{font-size:11px;color:var(--text2)}
.emp-empty{background:var(--card);border-radius:var(--r-lg);padding:24px 18px;text-align:center}.emp-empty-t{font-size:15px;font-weight:600;color:var(--text)}.emp-empty-s{font-size:13px;color:var(--text2);margin-top:6px;line-height:1.7}
.tst{position:fixed;left:16px;right:16px;bottom:calc(82px + var(--safe-b));max-width:480px;margin:0 auto;z-index:999;display:flex;align-items:flex-start;gap:10px;background:#132B25;color:#fff;padding:12px 16px;border-radius:var(--r-md);font-size:14px;font-weight:500;line-height:1.6;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}
.tst.in{opacity:1;transform:none;pointer-events:auto}
body.dark .tst{background:#1B3730;box-shadow:0 0 0 0.5px rgba(255,255,255,.14)}
.tst-ic{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}
.tst-ok .tst-ic{background:#0F9B74;color:#fff}.tst-err .tst-ic{background:#ff453a;color:#fff}
.tst-tx{flex:1;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tst-act{background:#fff;color:#0B1F1A;border:none;min-height:36px;padding:0 14px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;align-self:center}
@media (prefers-reduced-motion:reduce){.tst{transition:none}}
.field-err{font-size:12px;font-weight:500;color:var(--danger-fg);margin-top:6px;line-height:1.5}
.input-err{border-color:var(--danger-fg)!important;box-shadow:0 0 0 1px var(--danger-fg)}
.btn-red:hover{background:var(--red-light)}
.btn-green{background:var(--accent);color:var(--accent-fg)}
.btn-amber{background:var(--control);color:var(--text)}
.btn-sm{min-height:46px;padding:0 16px;font-size:15px;border-radius:var(--r-md)}
.btn-xs{min-height:40px;padding:0 14px;font-size:13px;border-radius:var(--r-md)}
.btn-text{background:none;color:var(--text);text-decoration:underline;text-underline-offset:3px;min-height:44px;width:auto}

/* INPUTS */
.field{display:flex;flex-direction:column;gap:6px}
.field-label{font-size:13px;color:var(--text2);font-weight:600}
.input{width:100%;background:var(--card);border:1.5px solid var(--surf3);border-radius:var(--r-md);padding:14px 16px;font-size:17px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;direction:rtl;text-align:right;font-family:inherit}
.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,10,10,.08)}
.input::placeholder{color:var(--text3)}
.input-big{font-size:44px;font-weight:800;text-align:center;direction:ltr;letter-spacing:-.5px;padding:24px 16px;font-variant-numeric:tabular-nums;color:var(--text);border-radius:var(--r-lg)}
input[type="date"].input{direction:ltr;text-align:left}
input[type="date"]{color-scheme:light}
body.dark input[type="date"]{color-scheme:dark}
.err{background:var(--red-bg);border:1px solid rgba(255,59,48,.15);color:var(--red);padding:11px 15px;border-radius:var(--r-sm);font-size:13px;font-weight:500;text-align:center;display:none}
.err.show{display:block}
.field-hint{font-size:12px;color:var(--text3);margin-top:-2px}

/* DASHBOARD HERO */
.dash-hero{padding:calc(24px + var(--safe-t)) 18px 28px;background:var(--bg);flex-shrink:0}
.dash-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.dash-hi-wrap{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.dash-hi-text{flex:1;min-width:0}
.dash-hi{font-size:18px;font-weight:700;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.dash-blessing{font-size:15px;color:var(--text2);margin-top:6px;line-height:1.5}
.dash-logo-wrap{width:44px;height:44px;border-radius:14px;overflow:hidden;flex-shrink:0}
.dash-logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.dash-greeting{font-size:20px;color:var(--text);font-weight:600;margin-bottom:6px}
.dash-shopname{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:22px;color:var(--text2)}
.dash-biztype{font-size:12px;color:var(--text3);font-weight:500;margin-bottom:18px;background:var(--surface);display:inline-block;padding:2px 10px;border-radius:20px}

/* BALANCE SUMMARY BOARD */
.summary-board{display:flex;flex-direction:column;gap:12px;padding:0 0 8px}
.sum-card{background:var(--card);border-radius:var(--r-lg);overflow:hidden}
.sum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.act-try{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-lg);padding:14px 16px;margin-top:12px}
.sum-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sum-grid.three .sum-box{padding:12px 9px}
.sum-grid.three .sum-box-t{font-size:12px}
.sum-grid.three .sum-box-amt{font-size:16px}
.sum-grid.three .sum-box-amt.long{font-size:13px}
.sum-grid.three .sum-box-s{white-space:normal;font-size:11px}
.sum-box{background:var(--card);border:none;border-radius:var(--r-lg);padding:13px 12px;text-align:right;font-family:inherit;color:var(--text);cursor:pointer;min-width:0;display:block;width:100%}
.sum-box:active{background:var(--surf2)}
.sum-box-h{display:flex;align-items:center;gap:6px;margin-bottom:10px;min-width:0}
.sum-box .sum-line-ic,.sum-box .sum-line-ic.in{width:16px;height:16px;min-width:16px;background:none;border-radius:0;color:var(--text)}
.sum-box .sum-line-ic svg{width:16px;height:16px}
.sum-box-t{font-size:13px;font-weight:500;color:var(--text2);opacity:.85;line-height:1.35;min-width:0}
.sum-box-amt{font-size:20px;font-weight:600;letter-spacing:-.4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sum-box-amt.long{font-size:16px;letter-spacing:-.2px}
.sum-box-amt small{font-size:12px;font-weight:500;color:var(--text2);margin-inline-start:4px;letter-spacing:0}
.sum-box-s{font-size:12px;color:var(--text3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sum-line{display:flex;align-items:center;gap:12px;padding:13px 16px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);font-family:inherit;color:var(--text);text-align:right;cursor:pointer}
.sum-line:last-child{border-bottom:none}
.sum-line.static{cursor:default}
.sum-line:not(.static):active{background:var(--surf2)}
.sum-line-ic{width:34px;height:34px;min-width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surf2);color:var(--text2)}
.sum-line-ic.in{background:rgba(15,155,116,.12);color:var(--green)}
.sum-line-ic svg{width:17px;height:17px}
.sum-line-info{flex:1;min-width:0}
.sum-line-t{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sum-line-s{font-size:12px;color:var(--text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sum-line-amt{font-size:20px;font-weight:600;letter-spacing:-.4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sum-line-amt small{font-size:12px;font-weight:500;color:var(--text2);margin-inline-start:4px;letter-spacing:0}
.sum-hide{display:flex;justify-content:flex-end;margin-top:-4px}
.sum-hide button{background:none;border:none;display:flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:500;color:var(--text2);padding:6px 2px;cursor:pointer}
.sum-hide svg{width:16px;height:16px}
.act-rel{padding:10px 16px 0}
.act-rel button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:none;background:var(--text);color:var(--bg);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.sum-hero{border-radius:var(--r-xl);padding:26px 22px;background:var(--teal);color:var(--teal-fg);position:relative;overflow:hidden}
.sum-hero::before{content:'';position:absolute;top:-40%;right:-20%;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.sum-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.sum-hero-tag{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.6;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.sum-hero-icon{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sum-hero-icon svg,.sum-mini-icon svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sum-hero-amt{font-size:44px;font-weight:800;letter-spacing:-1.5px;line-height:1;font-variant-numeric:tabular-nums;direction:ltr;display:block;margin-bottom:10px}
.sum-hero-sym{font-size:18px;font-weight:600;opacity:.55;margin-right:8px}
.sum-hero-sub{font-size:11px;font-weight:500;opacity:.5}
.sum-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sum-mini{border-radius:var(--r-lg);padding:18px 18px;position:relative;overflow:hidden;background:var(--card);color:var(--text)}
.sum-mini.dark{background:var(--primary-bg);color:#fff;border:1px solid var(--border2)}
.sum-mini.muted{background:var(--surface);color:var(--text);border:1px solid var(--border2)}
.sum-mini-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.sum-mini.dark .sum-mini-icon{background:rgba(255,255,255,.12)}
.sum-mini.muted .sum-mini-icon{background:rgba(0,0,0,.06)}
.sum-mini-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sum-mini-amt{font-size:24px;font-weight:600;letter-spacing:-.7px;line-height:1;font-variant-numeric:tabular-nums;direction:ltr;display:block}
.sum-mini-sym{font-size:12px;font-weight:500;color:var(--text2);margin-right:4px}
.sum-mini-sub{font-size:12px;margin-top:6px;color:var(--text3);font-weight:400}

/* SECTION HEADER */
.sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:24px 18px 12px}
.sec-title{font-size:12px;font-weight:700;color:var(--text2);display:flex;align-items:center;gap:8px;letter-spacing:.04em;text-transform:uppercase}
.sec-badge{min-width:20px;height:20px;border-radius:var(--r-full);background:var(--teal);color:var(--teal-fg);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px}
.sec-action{font-size:13px;font-weight:600;color:var(--text2);background:var(--surface);border:none;border-radius:var(--r-sm);padding:6px 12px;min-height:44px;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;gap:5px}
.sec-action:hover{color:var(--text);background:var(--surf2)}

/* TABS */
.tabs{display:flex;gap:4px;flex-shrink:0;background:var(--control);margin:0 12px 12px;padding:4px;border-radius:var(--r-full)}
.tab{flex:1;min-height:40px;padding:9px 8px;border:none;background:transparent;color:var(--text2);font-size:14px;font-weight:600;cursor:pointer;border-radius:var(--r-full);transition:all .2s;font-family:inherit}
.tabs.four .tab{font-size:12.5px;padding:9px 2px;white-space:nowrap;letter-spacing:-.2px}
.tab.active{background:var(--accent);color:var(--accent-fg)}

/* CONTACT LIST */
.list{flex:1;padding:6px 12px calc(90px + var(--safe-b));display:flex;flex-direction:column;gap:0}
.list::-webkit-scrollbar{display:none}
.c-row{background:var(--card);padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;border:none;width:100%;text-align:right;color:var(--text);font-family:inherit;transition:background .12s;-webkit-user-select:none;user-select:none}
.list .c-row:first-child{border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg)}
.list .c-row:last-child{border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg)}
.c-row:not(:last-child){border-bottom:1px solid var(--border)}
.c-row:active{background:var(--surface)}
.av{width:42px;height:42px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surf3);color:#fff}
.av svg{width:26px;height:26px;margin-bottom:-3px}
.av.gray{background:var(--surf2);color:var(--text2)}
.c-info{flex:1;min-width:0}
.c-name{font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-phone{font-size:12px;color:var(--text2);margin-top:2px}
.linked-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:var(--text2);background:rgba(15,155,116,.15);padding:2px 6px;border-radius:8px;margin-inline-start:6px;vertical-align:middle;white-space:nowrap}
.linked-dot{width:5px;height:5px;border-radius:50%;background:#0B7A5C;flex-shrink:0}
.c-bal{font-size:16px;font-weight:600;flex-shrink:0;min-width:8ch;text-align:left;font-variant-numeric:tabular-nums}
.bal-r,.bal-g{color:var(--text)}.bal-lak{color:var(--lak-fg)}.bal-alk{color:var(--alk-fg)}.bal-0{color:var(--text3)}
.c-hint{font-size:10px;color:var(--text3);text-align:center;padding:6px 0 2px}

/* SEARCH */
.search-wrap{padding:10px 12px 6px;flex-shrink:0;display:flex;gap:8px;align-items:center}
.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--surf3);border-radius:var(--r-md);padding:10px 14px;transition:border-color .2s;cursor:pointer}
.search-box:focus-within{border-color:var(--teal)}
.search-icon{color:var(--text3);flex-shrink:0;display:flex}
.search-input{flex:1;min-width:0;width:100%;background:none;border:none;font-size:16px;color:var(--text);outline:none;font-family:inherit;direction:rtl}
.search-placeholder{flex:1;font-size:16px;color:var(--text3)}
.search-input::placeholder{color:var(--text3)}
.sort-btn{flex-shrink:0;padding:10px 13px;border:none;border-radius:var(--r-md);background:var(--surface);color:var(--text2);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:5px}
.sort-btn:hover{background:var(--surf2);color:var(--text)}

/* FILTER PILLS */
.filter-pills{display:flex;gap:4px;margin:12px 16px;flex-shrink:0;background:var(--control);border-radius:var(--r-full);padding:4px}
.filter-pills::-webkit-scrollbar{display:none}
.filter-pill{flex:1;min-height:40px;padding:9px 8px;border:none;border-radius:var(--r-full);background:transparent;color:var(--text2);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
.filter-pill.active{background:var(--accent);color:var(--accent-fg)}

/* EMPTY */
.empty{text-align:center;padding:60px 24px;color:var(--text2)}
.empty-ico{margin-bottom:16px;opacity:.4;width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.empty-ico svg{width:52px;height:52px;stroke:var(--text2);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.empty-ttl{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.3px}
.empty-sub{font-size:14px;line-height:1.6}

/* BOTTOM NAV */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin:0 auto;background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);width:100%;max-width:430px;border-top:1px solid var(--border);padding:0 8px max(6px,calc(var(--safe-b) - 18px));display:flex;gap:0;z-index:100}
/* iOS 26 (تطبيق مثبّت) مع black-translucent + viewport-fit=cover: إذا كان ارتفاع html/body = 100% يقصّر WebKit مساحة العرض
   بمقدار شريط الحالة فيبقى شريط فارغ أسفل الشاشة لا يمكن الرسم فيه. 100vh يعطي الارتفاع الحقيقي للشاشة */
/* للآيفون المثبّت فقط (class من JS): في أندرويد 100vh أطول من الشاشة الظاهرة (يشمل شريط النظام) فتختفي آخر عناصر القائمة تحت الشريط */
html.ios-sa,html.ios-sa body{height:100vh}
html.ios-sa #scroll{bottom:auto;height:100vh}
/* في التطبيق المثبّت: منطقة مؤشر الشاشة الرئيسية (~34px) لا تحتاج كلها فراغاً — خط المؤشر يشغل أسفل ~13px فقط، فنترك 16px تحت الأيقونات */
body.kb-open .bottom-nav{display:none}
.nav-btn{flex:1;height:54px;border:none;background:none;color:var(--text);cursor:pointer;border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .2s;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}
.nav-btn svg{width:22px;height:22px;transition:all .2s}
.nav-btn:not(.active):hover{opacity:.7}
.nav-label{font-size:10px;font-weight:600;letter-spacing:-.1px}
.nav-btn.active .nav-label{font-weight:700}
.nav-dot{width:5px;height:5px;border-radius:50%;background:#0F9B74;opacity:0;transition:opacity .2s;flex-shrink:0}
.nav-btn.active .nav-dot{opacity:1}
.nav-badge{position:absolute;top:4px;right:50%;transform:translateX(14px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;line-height:1;font-family:-apple-system,sans-serif}
.nav-badge.show{display:flex}
.nav-add{flex:1;height:54px;border:none;cursor:pointer;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;transition:all .2s;margin:2px 4px;background:#0F9B74;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.nav-add svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.nav-add:active{transform:scale(.9);opacity:.8}
.bottom-nav.split .nav-side{flex:1;display:flex;min-width:0}
.bottom-nav.split .nav-add{flex:0 0 calc(20% - 8px)}

/* CONTACT PAGE — Compact Card */
.c-card{margin:12px 12px 0;padding:26px 24px 30px;background:var(--card);border-radius:var(--r-2xl);flex-shrink:0}
.c-card-top{display:flex;align-items:center;gap:14px}
.c-card-top .c-card-info{flex:1;min-width:0}
.c-card-av{width:52px;height:52px;min-width:52px;border-radius:var(--r-full);background:var(--surf3);color:#fff;display:flex;align-items:center;justify-content:center}
.c-card-av svg{width:32px;height:32px;margin-bottom:-4px}
.c-card-info{flex:1;min-width:0}
.c-card-name{font-size:18px;font-weight:600;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.c-card-badge{font-size:12px;font-weight:500;padding:2px 10px;border-radius:var(--r-full);white-space:nowrap}
.badge-cust{background:var(--lak-bg);color:var(--lak-fg)}
.badge-sup{background:var(--alk-bg);color:var(--alk-fg)}
.c-card-phone{font-size:14px;color:var(--text2);margin-top:3px;text-align:right}
.c-bal-row{margin-top:26px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.c-bal-sym{font-size:13px;font-weight:500;color:var(--text2);margin-right:2px}
.c-card-actions{display:flex;gap:10px;margin-top:26px}
.c-card-actions .c-act{font-weight:600;font-size:15px;padding:0 14px;border:none;border-radius:var(--r-md);gap:7px}
.c-card-actions .c-act-debt{background:var(--lak-bg);color:var(--lak-fg)}
.c-card-actions .c-act-debt.sup{background:var(--alk-bg);color:var(--alk-fg)}
.c-card-actions .c-act-pay{background:var(--accent);color:var(--accent-fg)}
.c-card-actions .c-act.has-hint{flex-direction:column;gap:1px;line-height:1.25}
.c-act-hint{font-size:11px;font-weight:500;opacity:.8}
.c-act-ico{display:flex}
.c-act-ico svg{width:18px;height:18px}
.c-card-bal-info{}
.c-card-bal-label{font-size:15px;color:var(--text2);font-weight:500}
.c-card-bal-amt{font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.3px;color:var(--text)}
.c-card-bal-unit{font-size:12px;color:var(--text2);margin-top:4px}
.c-card-zero{padding:8px 16px;border:1.5px solid rgba(15,155,116,.25);border-radius:var(--r-full);background:var(--grn-bg);color:var(--green);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}
.c-card-zero:active{opacity:.7}
.c-card-zero svg{width:14px;height:14px}
/* Promise/Reminder Banner */
.c-banner{margin:8px 12px 0;padding:10px 14px;border-radius:var(--r-lg);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.c-banner svg{width:16px;height:16px;flex-shrink:0}
.c-banner-sub{font-size:11px;font-weight:500;opacity:.7;margin-top:2px}
/* Quick Stats */
.c-card-stats{display:flex;flex-direction:column;gap:16px;margin-top:26px}
.cs-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cs-l{font-size:15px;color:var(--text2);font-weight:400}
.cs-v{font-size:15px;font-weight:600;color:var(--text)}
.share-row{display:flex;gap:8px;padding:0 16px 20px;flex-shrink:0}
.share-section{padding:0 16px 4px}
.share-label{font-size:12px;color:var(--text3);font-weight:400;margin-bottom:6px;text-align:center}
.share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;border-radius:var(--r-md);border:none;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;min-height:44px}
.share-btn svg{width:18px;height:18px;flex-shrink:0}
.share-btn:active{opacity:.7}
.share-btn:disabled{opacity:.3;cursor:not-allowed}
.share-btn.wa{background:var(--accent);color:var(--accent-fg);font-weight:700}
.c-stmt-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:12px 16px 0;background:var(--control);color:var(--text);border:none;border-radius:var(--r-md);min-height:46px;padding:0 13px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.c-stmt-btn svg{fill:var(--text)}
.c-stmt-btn:active{background:var(--surf3)}

.c-share-wa:active{background:var(--surf2)}
.share-btn.sms{background:var(--surface);color:var(--text2)}
.sh-opt.sh-disabled{opacity:.35;pointer-events:none}

/* MENU PAGE */
.menu-profile{display:flex;align-items:center;gap:14px;padding:22px 18px;margin:12px 12px 0;background:var(--card);border-radius:var(--r-xl)}
.menu-profile-tap{cursor:pointer;transition:background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.menu-profile-tap:active{background:var(--surf2)}
.menu-profile-chev{color:var(--text3);display:flex;align-items:center;flex-shrink:0;transform:scaleX(-1)}
.menu-profile-chev svg{width:20px;height:20px}
.menu-profile-av{width:52px;height:52px;min-width:52px;border-radius:var(--r-full);background:var(--teal);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--teal-fg)}
.menu-profile-name{font-size:17px;font-weight:600}
.menu-profile-biz{font-size:13px;color:var(--text2);margin-top:2px}
.menu-profile-role{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--r-full);background:var(--surf2);color:var(--text2)}
.menu-section-label{font-size:13px;font-weight:600;color:var(--text);padding:18px 16px 8px}
.menu-group{background:var(--card);border-radius:var(--r-xl);margin:0 12px;overflow:hidden}
.menu-group .menu-item:last-child{border-bottom:none}
.menu-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:none;border:none;width:100%;text-align:right;color:var(--text);font-family:inherit;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}
.menu-item:last-child{border-bottom:none}
.menu-item:active{background:var(--surf2)}
.menu-item-ico{width:38px;height:38px;min-width:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.menu-item-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-item-ico.filled svg{width:26px;height:26px;fill:currentColor;stroke:none;stroke-width:0}
.menu-item-body{flex:1;text-align:right}
.menu-item-title{font-size:15px;font-weight:600}
.menu-item-sub{font-size:12px;color:var(--text2);margin-top:2px}

.am-toggle.on{background:var(--green)}
.am-toggle.off{background:var(--text3)}

.am-toggle.on::after{right:22px}
.am-toggle.off::after{right:2px}

.am-card-body.open{max-height:600px}

.am-freq-btn.active{border-color:var(--text);background:var(--text);color:var(--bg)}

.menu-item-arrow{color:var(--text3);flex-shrink:0}
.faq{background:var(--card);border-radius:var(--r-lg);margin:0 16px;overflow:hidden}
.faq details{border-bottom:1px solid var(--border)}
.faq details:last-child{border-bottom:none}
.faq summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 18px;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent}
.faq summary::-webkit-details-marker{display:none}
.faq summary>span{flex:1;min-width:0}
.faq summary::after{content:'';width:7px;height:7px;border-left:2px solid var(--text3);border-bottom:2px solid var(--text3);transform:rotate(-45deg);transition:transform .2s;flex-shrink:0;margin-top:-4px}
.faq details[open] summary::after{transform:rotate(135deg);margin-top:4px}
.faq-a{padding:0 18px 18px;font-size:14px;line-height:1.85;color:var(--text2)}
.help-cta{margin:24px 16px 0;background:var(--card);border-radius:var(--r-lg);padding:22px 18px;text-align:center}
.help-cta-t{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--text)}
.help-cta-s{font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:16px}
.help-cta .btn svg{width:20px;height:20px}
.menu-item-arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* صفحة الاشتراك (للمقاولين — عرض فقط قبل إطلاق الدفع) */
.sub-wrap{padding:0 14px calc(90px + var(--safe-b));display:flex;flex-direction:column;gap:10px}
.sub-pill{align-self:center;display:inline-flex;align-items:center;gap:6px;background:var(--pro-bg);color:var(--pro);font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--r-full);text-align:center;line-height:1.5}
.sub-pill svg{width:16px;height:16px;flex-shrink:0}
.sub-wrap .tabs{margin:0}
.sub-plan{background:var(--card);border-radius:var(--r-xl);padding:14px 16px;border:2px solid transparent;cursor:pointer;text-align:right;font-family:inherit;color:var(--text);width:100%}
.sub-plan.on{border-color:var(--accent)}
.sub-plan-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sub-plan-name{font-size:15px;font-weight:600;color:var(--text2)}
.sub-plan.on .sub-plan-name{color:var(--text)}
.sub-plan-price{display:inline-flex;align-items:baseline;gap:8px;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.sub-plan-price small{font-size:13px;font-weight:500;color:var(--text2)}
.sub-plan-old{font-size:14px;color:var(--text3);text-decoration:line-through;font-weight:500}
.sub-plan-sub{font-size:12px;color:var(--text2);margin-top:4px}
.sub-fixed{font-size:12px;color:var(--text2);text-align:center}
.sub-label{font-size:13px;font-weight:600;color:var(--text2);padding:4px 4px 0}
.sub-list{background:var(--card);border-radius:var(--r-xl);padding:4px 16px}
.sub-li{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px;font-weight:500;line-height:1.5}
.sub-li:last-child{border-bottom:none}
.sub-li svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:1px}
.sub-li-sub{font-size:12px;color:var(--text2);font-weight:400}
.sub-note{background:var(--info-bg);border-radius:var(--r-md);padding:12px 14px;display:flex;gap:10px;font-size:13px;line-height:1.7}
.sub-note svg{width:18px;height:18px;color:var(--info);flex-shrink:0;margin-top:2px}

.kyc-upload.has-img{border-style:solid;border-color:var(--text3);padding:0}

.kyc-status-badge.none{background:var(--surf2);color:var(--text2)}
.kyc-status-badge.pending{background:#E5EEFA;color:#0054BD}
.kyc-status-badge.approved{background:#e8f5e9;color:#0B7A5C}
.kyc-status-badge.rejected{background:#fce4ec;color:#c62828}

/* TRANSACTIONS */
.tx-list{flex:1;padding:0 12px 120px}
.tx-list::-webkit-scrollbar{display:none}
.tx-group-label{font-size:13px;color:var(--text);padding:16px 20px 8px;font-weight:600}
.tx-row{background:var(--card);padding:16px;margin:0 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}
.tx-group-label + .tx-row{border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg)}
.tx-row:has(+ .tx-group-label),.tx-row:has(+ #tx-loader),.tx-row:last-child{border-bottom:none;border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg)}
.tx-row:first-of-type{border-radius:var(--r-lg) var(--r-lg) 0 0}
.tx-row:last-of-type{border-radius:0 0 var(--r-lg) var(--r-lg);margin-bottom:8px}
.tx-row:only-of-type{border-radius:var(--r-lg);margin-bottom:8px}
.tx-ico{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tx-ico.lak{background:var(--lak-bg);color:var(--lak)}.tx-ico.alk{background:var(--alk-bg);color:var(--alk)}
.tx-ico svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tx-meta{flex:1;min-width:0}
.tx-type{font-size:15px;font-weight:600;letter-spacing:-.1px}
.tx-note{font-size:12px;color:var(--text2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.tx-note.expanded{white-space:normal;overflow:visible;text-overflow:unset}
.tx-date{font-size:11px;color:var(--text3);margin-top:3px;font-weight:500}
.tx-amt{font-size:15px;font-weight:700;flex-shrink:0}
.tx-amt.debt,.tx-amt.pay{color:var(--text)}
/* ══ مشاريع المقاولات ══ */
.tx-amt.cash,.tx-amt.exp{color:var(--text)}
.tx-cash{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--success-fg);background:var(--grn-bg);border-radius:var(--r-full);padding:1px 8px;margin-inline-start:4px;vertical-align:1px}
.tx-proj{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-top:3px;padding:2px 8px 2px 10px;border:none;border-radius:var(--r-full);background:var(--control);color:var(--text2);font:600 11px/1.6 inherit;font-family:inherit;cursor:pointer}
.tx-proj svg{width:12px;height:12px;flex-shrink:0;fill:currentColor}
.tx-proj span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tx-ico.exp{background:var(--control);color:var(--text)}
.tx-ico.exp svg{fill:currentColor;stroke:none;width:18px;height:18px}
.tx-row.pj-exp[role=button]{cursor:pointer}.tx-row.pj-exp[role=button]:active{background:var(--surface)}
.amt-wrap{display:flex;gap:8px;align-items:stretch}
.amt-wrap .input{flex:1;min-width:0}
.amt-mul{flex-shrink:0;width:52px;border:none;border-radius:var(--r-md);background:var(--control);color:var(--text);font-size:22px;font-weight:600;cursor:pointer;font-family:inherit}
.amt-hint{font-size:12px;color:var(--text3);margin-top:6px;min-height:18px}
.amt-hint:not(:empty){color:var(--text2);font-weight:600}
.amt-hint.bad{color:var(--danger-fg)}
.pj-cash{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-top:8px;border-radius:var(--r-md);background:var(--surface);cursor:pointer}
.pj-cash input{width:22px;height:22px;margin:1px 0 0;flex-shrink:0;accent-color:var(--success-fg)}
.pj-cash span{display:flex;flex-direction:column;gap:2px}
.pj-cash b{font-size:15px}
.pj-cash small{font-size:12px;color:var(--text2);line-height:1.5}
.pj-card{padding-bottom:22px}
.pj-value{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;font-size:14px;color:var(--text2)}
.pj-value b{font-size:24px;font-weight:700;color:var(--text)}
.pj-value small,.pj-row-v small{font-size:11px;font-weight:500;opacity:.6}
.pj-group{margin-top:14px;padding-top:6px;border-top:1px solid var(--border)}
.pj-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:6px 8px;margin:0 -8px;width:calc(100% + 16px);border:none;border-radius:var(--r-sm);background:transparent;color:var(--text);font-family:inherit;font-size:14px;text-align:start;cursor:pointer}
.pj-row:disabled{cursor:default;color:var(--text)}
.pj-row:not(:disabled):active,.pj-row.on{background:var(--control)}
.pj-row-l{color:var(--text2)}
.pj-row-v{font-weight:600;white-space:nowrap}
.pj-row-v.sub{font-weight:500;color:var(--text2)}
.pj-row:has(.sub) .pj-row-l{padding-inline-start:12px;font-size:13px}
.pj-row-v.pos{color:var(--lak-fg)}.pj-row-v.neg{color:var(--alk-fg)}
.pj-result .pj-row-l b{color:var(--text)}
.pj-note{font-size:12px;color:var(--text3);margin-top:4px}
.pj-sk{display:inline-block;width:56px;height:12px;border-radius:6px;background:var(--control);vertical-align:middle}
.pj-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.pj-act{display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:6px 10px;border:none;border-radius:var(--r-md);background:var(--control);color:var(--text);font:600 14px inherit;font-family:inherit;line-height:1.3;cursor:pointer}
.pj-act span{display:flex;flex-shrink:0}
.pj-act svg{width:18px;height:18px;fill:currentColor}
.pj-act.in{background:var(--grn-bg);color:var(--success-fg)}
.pj-act.out{background:var(--alk-bg);color:var(--alk-fg)}
.pj-act:active{opacity:.75}
.pj-closed{display:flex;align-items:center;gap:12px;margin:12px 12px 0;padding:12px 14px;border-radius:var(--r-lg);background:var(--grn-bg);color:var(--text)}
.pj-closed>span{display:flex;color:var(--success-fg)}.pj-closed>span svg{width:22px;height:22px;fill:currentColor}
.pj-closed div{flex:1;display:flex;flex-direction:column}.pj-closed small{font-size:12px;color:var(--text2)}
.pj-closed .btn{min-height:40px;padding:0 14px;width:auto}
.bulk-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.bulk-kinds .r-card{padding:10px;display:flex;align-items:center;justify-content:center;gap:6px}
.sum-grid.four .sum-box{display:flex;flex-direction:column}
.sum-grid.four .sum-box-h{flex:1;align-items:flex-start}
.pj-close-warn{display:inline-block;font-size:13px;line-height:1.7;color:var(--text);background:rgba(0,84,189,.14);border-radius:var(--r-sm);padding:6px 12px;margin-bottom:8px}
.pj-cbal{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:1px}
.pj-cbal small{font-size:11px;color:var(--text3)}
.pj-cbal .pj-paid{color:var(--success-fg);font-weight:600;font-size:12px}
.pj-exp .menu-item-arrow{flex-shrink:0;margin-inline-start:-6px;opacity:.5}
.pj-linkbtn{flex-shrink:0;min-height:40px;padding:0 12px;border:none;border-radius:var(--r-full);background:var(--control);color:var(--text);font:600 12px inherit;font-family:inherit;cursor:pointer}
.pj-links{margin:4px 16px calc(110px + var(--safe-b));background:var(--card);border-radius:var(--r-lg);overflow:hidden}
.pj-link{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:600 14px inherit;font-family:inherit;text-align:start;cursor:pointer}
.pj-link:last-child{border-bottom:none}
.pj-link>span.pj-warn:first-child{color:var(--info)}
.pj-link>span:first-child{display:flex;color:var(--text2)}.pj-link>span:first-child svg{width:18px;height:18px;fill:currentColor}
.pj-link>span:nth-child(2){flex:1}
.sub-hint{margin:12px 16px;font-size:13px;line-height:1.7;color:var(--text2)}
.stmt-cash{font-size:11px;font-weight:700;color:#0B7A5C;margin-top:2px}
.tx-bal{font-size:11px;color:var(--text3);font-weight:500;direction:ltr;text-align:right;margin-top:2px}
.tx-bal.lak{color:var(--lak-fg)}.tx-bal.alk{color:var(--alk-fg)}.tx-bal.zero{color:var(--text3)}
.tx-actions{display:flex;gap:8px;flex-shrink:0}
.tx-actions .icon-btn{width:44px;height:44px;font-size:13px}
/* شاشات ضيقة (أندرويد 360px، آيفون SE): كانت الأيقونة + الأزرار + المسافات تترك ~36px فقط للعنوان والتاريخ فيتداخل المبلغ مع التاريخ */
@media (max-width:400px){
  .tx-row{padding:12px;margin:0 10px;gap:8px}
  .tx-ico{width:32px;height:32px;border-radius:10px}
  .tx-actions{gap:4px}
  .tx-actions .icon-btn{width:36px;height:36px}
  .tx-actions .icon-btn svg{width:16px;height:16px}
  .tx-amt{font-size:14px}
}
.action-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);padding:12px 14px calc(12px + var(--safe-b));display:flex;gap:10px;z-index:30;max-width:430px;margin:0 auto}
.action-bar .btn{background:var(--control);color:var(--text);min-height:46px}

/* FORMS */
.form-body{padding:24px 18px;display:flex;flex-direction:column;gap:20px;flex:1}
.radio-row{display:flex;gap:8px}
.r-card{flex:1;padding:11px 8px;border:1.5px solid var(--border);border-radius:var(--r-md);text-align:center;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;background:var(--surface);color:var(--text2);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-size:14px;font-weight:700}
.r-card .ri{width:18px;height:18px;display:flex;align-items:center;justify-content:center}
.r-card .ri svg{width:18px;height:18px;fill:currentColor}
.r-card.on{border-color:var(--teal);background:var(--teal);color:var(--teal-fg)}

/* NUMPAD MODAL */
@keyframes npIn{from{opacity:0;transform:translateX(-50%) translateY(18px)}to{opacity:1;transform:translateX(-50%)}}
.numpad-screen{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:var(--bg);z-index:110;display:flex;flex-direction:column;animation:npIn .2s ease;padding-bottom:env(safe-area-inset-bottom,0px)}
.np-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 10px;flex-shrink:0}
.np-header .icon-btn{background:var(--bg);border:1px solid var(--surf3);border-radius:var(--r-md);color:var(--text)}
.np-type-badge{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.2px;text-align:center;flex:1}
.np-amount-wrap{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px 8px;min-height:72px}
.np-amount{font-size:clamp(38px,6.5dvh,52px);font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums;direction:ltr;color:var(--text);line-height:1;transition:color .12s}
.np-amount.zero{color:var(--text3)}
.np-amount-sym{font-size:26px;font-weight:600;margin-left:8px;opacity:.65}
.np-sub{font-size:12px;color:var(--text2);margin-top:10px;font-weight:500;text-align:center}
/* الحاسبة: العملية فوق + «مسح» · الناتج كبير · لوحة أرقام بمربعات + كبسولة الإشارات */
.np-card{width:100%;background:var(--card);border:1px solid var(--surf2);border-radius:18px;padding:10px 14px}
.np-exline{text-align:left;padding:2px 0 8px;margin-bottom:6px;border-bottom:1px solid var(--surf2);overflow:hidden}
.np-exline[hidden]{display:none}
.np-expr{display:block;font-size:21px;font-weight:600;color:#4a4a4f;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}
body.dark .np-expr{color:#b0b0b5}
.np-xop{font-weight:600}
.np-xop{color:var(--lak)}
.np-resrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.np-card .np-amount{font-size:clamp(34px,6dvh,48px);text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-clr{flex-shrink:0;min-height:30px;padding:0 12px;border:none;border-radius:99px;background:var(--control);color:var(--text);font:600 12px inherit;font-family:inherit;cursor:pointer}
.np-amount.neg{color:var(--danger-fg)}
.np-after{margin-top:4px;min-height:18px}
.np-after.warn{color:var(--info)}
.np-pad{display:flex;gap:8px;padding:10px 12px 10px;margin-top:10px;flex-shrink:0}
.np-dg{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.np-k{height:clamp(44px,7.2dvh,58px);border:none;border-radius:14px;background:var(--card);color:var(--text);font-size:24px;font-weight:500;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}
.np-k:active{background:var(--surf2)}
.np-k00{font-size:20px}
.np-opc{width:58px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.np-pill{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:29px;background:var(--lak-bg);padding:4px 0}
.np-op{width:48px;height:min(46px,30%);min-height:36px;border:none;border-radius:24px;background:transparent;color:var(--text2);font-size:26px;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit}
.np-op:active{background:var(--surf3)}
.np-op.on{background:var(--card);color:var(--text)}
.np-del{background:var(--control)}
.np-del svg{width:22px;height:22px;stroke:var(--text);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.np-continue.debt,.np-continue.pay{background:var(--accent);color:var(--accent-fg)}
/* الشاشات القصيرة (آيفون SE وأمثاله): نضغط المسافات حتى يبقى صف الأرقام الأخير ظاهراً */
@media (max-height:720px){
  .numpad-screen .np-field-row{padding:8px 0}
  .numpad-screen .np-sub{margin-top:6px}
  .numpad-screen .np-header{padding-bottom:4px}
  .numpad-screen .np-full{margin-top:8px;min-height:36px}
  .numpad-screen .np-continue{margin-top:8px;min-height:46px}
  .numpad-screen .np-pad{margin-top:6px;padding-top:8px;padding-bottom:8px}
  .numpad-screen .np-k{height:clamp(40px,6.6dvh,52px)}
}
.np-full{display:block;margin:14px auto 0;min-height:40px;padding:0 22px;background:var(--control);color:var(--text);border:none;border-radius:var(--r-full);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}
.np-full.active{background:var(--accent);color:var(--accent-fg)}
.np-fields{border-top:1px solid var(--border);margin:0 18px;overflow-y:auto;min-height:0;flex-shrink:1}
.np-compact .np-field-row{padding:8px 0}
.np-field-row[hidden]{display:none}
.np-compact .np-continue{margin-top:8px;min-height:48px}
.np-compact .np-amount-wrap{padding-bottom:4px;min-height:64px}
.np-compact .np-k{height:clamp(40px,6.6dvh,56px)}
.np-cash{cursor:pointer;flex-wrap:wrap;row-gap:0}.np-cash small{flex:1;font-size:11px;color:var(--text3);min-width:0}
.np-switch{width:22px;height:22px;flex-shrink:0;accent-color:var(--success-fg);margin:0}
.np-field-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}
.np-field-row:last-child{border-bottom:none}
.np-field-label{font-size:12px;color:var(--text2);font-weight:600;white-space:nowrap;flex-shrink:0}
.np-field-input{flex:1;border:none;background:transparent;font-size:16px;font-family:inherit;color:var(--text);outline:none;min-width:0;text-align:left}
.np-field-input::placeholder{color:var(--text3)}
.np-continue{margin:12px 18px 0;min-height:52px;padding:0 17px;border:none;border-radius:var(--r-md);background:var(--accent);color:var(--accent-fg);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s;letter-spacing:-.2px;width:calc(100% - 36px);display:block}
.np-continue:disabled{opacity:.3;cursor:default}
/* SUCCESS SHEET */
.txs-head{display:flex;align-items:center;gap:12px;padding:4px 2px 0}.txs-ok{width:40px;height:40px;border-radius:50%;background:var(--grn-bg);color:var(--success-fg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.txs-title{font-size:16px;font-weight:600;color:var(--text)}.txs-sub{font-size:12px;color:var(--text2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txs-amt{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0;direction:ltr}.txs-amt span{font-size:12px;color:var(--text2);font-weight:500}.txs-bal{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-md);padding:12px 14px;margin-top:14px;font-size:14px;color:var(--text2)}.txs-bal b{color:var(--text);font-weight:600}.txs-lbl{font-size:12px;color:var(--text2);margin:16px 4px 6px}.txs-bubble{background:#dcf8c6;color:#111b21;border-radius:14px 14px 4px 14px;padding:10px 12px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}body.dark .txs-bubble{background:#005c4b;color:#e9edef}.txs-link{unicode-bidi:isolate;color:#0054BD}body.dark .txs-link{color:#53bdeb}
.success-circle{width:72px;height:72px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;margin:4px auto 16px}
.success-circle svg{width:30px;height:30px;stroke:var(--bg);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.success-amount{font-size:34px;font-weight:800;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;direction:ltr;text-align:center;line-height:1;margin:16px 0 4px}
.success-details{border-top:1px solid var(--border);margin-top:16px}
.success-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}
.success-row:last-child{border-bottom:none}
.success-lbl{font-size:13px;color:var(--text2);font-weight:500}
.success-val{font-size:13px;font-weight:700;color:var(--text)}

/* MODAL */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:ov .18s ease}
.cc-picker-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;display:flex;align-items:flex-end;justify-content:center;animation:ov .18s ease}
@keyframes ov{from{opacity:0}to{opacity:1}}
.sheet{background:var(--bg);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:6px 18px calc(28px + var(--safe-b));width:100%;max-width:430px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:sh .24s cubic-bezier(.25,.8,.25,1);box-shadow:0 -8px 40px rgba(0,0,0,.2);border:1px solid var(--border2);border-bottom:none}
@keyframes sh{from{transform:translateY(32px);opacity:.6}to{transform:none;opacity:1}}
.handle{width:40px;height:4px;background:var(--surf2);border-radius:2px;margin:12px auto 22px}
.pk-this{display:inline-block;font-size:11px;font-weight:700;color:var(--success-fg);background:var(--grn-bg);border-radius:var(--r-full);padding:1px 8px;margin-inline-start:6px;vertical-align:2px}
.pk-on{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:700;color:var(--success-fg);padding:12px 0}
.pk-on svg{width:18px;height:18px}
/* الوضع الغامق: النافذة المنبثقة أعلى درجة من الخلفية لتظهر كطبقة فوقها، وتعتيم أقوى */
body.dark .sheet{background:#10261F}
body.dark .overlay{background:rgba(0,0,0,.62)}
.sheet h3{font-size:18px;font-weight:800;margin-bottom:20px;text-align:center;letter-spacing:-.3px}
.sheet-stack{display:flex;flex-direction:column;gap:8px}
.sh-opt{display:flex;align-items:center;gap:14px;padding:15px;background:var(--surface);border-radius:var(--r-lg);cursor:pointer;border:none;width:100%;text-align:right;color:var(--text);font-family:inherit;transition:background .15s}
.sh-opt:active{background:var(--surf2)}
.sh-opt-ico{width:42px;height:42px;border-radius:12px;background:var(--surf2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sh-opt-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* CURRENCY */
.cur-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.cur-card{padding:16px;border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:center;font-family:inherit;transition:all .2s}
.cur-card .cur-sym{font-size:22px;font-weight:800;color:var(--text);display:block;margin-bottom:4px}
.cur-card .cur-name{font-size:11px;color:var(--text2)}
.cur-card.on{border-color:var(--teal);background:var(--teal)}
.cur-card.on .cur-sym{color:var(--teal-fg)}
.cur-card.on .cur-name{color:var(--teal-fg);opacity:.7}

/* STATS */
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 12px 0}
.stat-card{background:var(--card);border-radius:var(--r-lg);padding:20px 16px;text-align:center}
.stat-card-label{font-size:12px;color:var(--text2);margin-bottom:8px;font-weight:500}
.stat-card-val{font-size:28px;font-weight:600;line-height:1}
.stat-card-sub{font-size:12px;color:var(--text3);margin-top:6px;font-weight:400}
.stat-net-card{margin:12px 12px 0;background:#0B1F1A;border-radius:var(--r-xl);padding:24px;text-align:center;color:#fff}
body.dark .stat-net-card{background:var(--surface);border:1px solid var(--border2)}
.stat-chart-card{margin:12px 12px 0;background:var(--card);border-radius:var(--r-xl);padding:20px}
.stat-chart-title{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text)}
.stat-legend{display:flex;gap:18px;justify-content:center;margin-top:14px}
.stat-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text2)}
.stat-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.top-list-title{font-size:13px;color:var(--text);font-weight:600;margin:20px 12px 10px}
.bar-item{margin-bottom:14px}
.bar-label-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}
.bar-name{font-weight:600;color:var(--text)}
.bar-val{color:var(--lak-fg);font-weight:700}
.bar-track{height:8px;background:var(--surf2);border-radius:4px;overflow:hidden}
.bar-fill{height:100%;border-radius:4px;background:var(--teal);transition:width .8s cubic-bezier(.4,0,.2,1)}

/* SPINNER */
@keyframes spin{to{transform:rotate(360deg)}}
.spin{width:18px;height:18px;border-radius:50%;display:inline-block;border:2.5px solid var(--border2);border-top-color:var(--primary);animation:spin .65s linear infinite}

/* STATEMENT */
.stmt-page{min-height:100dvh;background:#EEF3F1;color:var(--text);font-family:'Plex AR',-apple-system,'SF Pro Display',BlinkMacSystemFont,'Helvetica Neue','Noto Sans Arabic',Arial,sans-serif;direction:rtl}
.stmt-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;position:relative}
.stmt-shop-av{width:44px;height:44px;border-radius:50%;background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;flex-shrink:0}
.stmt-hbtn{background:var(--card);color:var(--text)}
.stmt-hbtn svg{width:20px;height:20px}
/* نص ثانوي أغمق في صفحة الكشف (التباين ≥4.5:1) */
body:not(.dark) .stmt-page{--text3:#5B6F69}
.stmt-logo{width:44px;height:44px;border-radius:12px;overflow:hidden;flex-shrink:0;position:relative;z-index:1}
.stmt-logo img{width:100%;height:100%;object-fit:cover;display:block}
.stmt-hinfo{flex:1;min-width:0;position:relative;z-index:1}
.stmt-shop{font-size:17px;font-weight:600;color:var(--text);line-height:1.35;margin:0}
.stmt-sub{font-size:12px;color:var(--text3);font-weight:400;margin-top:2px}
.stmt-card{background:#fff;border-radius:24px;margin:0 16px 14px;overflow:hidden}
.stmt-date-bar{display:flex;align-items:center;gap:10px;margin:0 16px 10px;padding:13px 16px;background:#fff;border-radius:16px}
.stmt-date-ico{width:36px;height:36px;border-radius:10px;background:rgba(15,155,116,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stmt-date-ico svg{width:18px;height:18px;color:#0B7A5C}
.stmt-date-txt{flex:1;font-size:13px;color:var(--text3);font-weight:400}
.stmt-date-val{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.stmt-hero{display:flex;flex-direction:column;align-items:center;padding:24px 20px 10px}
.stmt-av{width:68px;height:68px;border-radius:50%;background:#EEF3F1;color:var(--text3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stmt-av svg{width:36px;height:36px;margin-bottom:-4px}
.stmt-cname{font-size:16px;font-weight:600;color:var(--text);text-align:center}
.stmt-bal-amount{font-size:42px;font-weight:600;color:var(--text);margin-top:2px;direction:ltr;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.5px}
.stmt-bal-dec{font-size:28px;font-weight:500;color:var(--text3)}
.stmt-bal-sym{font-size:16px;font-weight:500;color:var(--text3);margin-inline-start:2px}
.stmt-bal-label{font-size:14px;color:var(--text2);font-weight:600;margin-top:12px}
.stmt-items{margin-top:18px;padding:8px 0 0;border-top:1px solid #EEF3F1;width:100%}
.stmt-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;font-size:14px}
.stmt-item-lbl{color:var(--text2);font-weight:400}
.stmt-item-val{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;direction:ltr}
.stmt-section-title{font-size:12px;font-weight:600;color:var(--text3);padding:20px 16px 8px}
body.dark .stmt-page{background:#0B1F1A}
body.dark .stmt-card{background:var(--card)}
/* كشف الحساب — الوضع الداكن: كل الصناديق تأخذ ألوان الثيم بدل الأبيض الثابت */
body.dark .stmt-date-bar,body.dark .stmt-act-btn,body.dark .stmt-act-btn.cliq,body.dark .stmt-util-btn,body.dark .stmt-copy-btn,body.dark .stmt-date-input,body.dark .stmt-obj-reason,body.dark .stmt-report-opt,body.dark .stmt-cliq-amt{background:var(--card);border-color:var(--border2);color:var(--text)}
body.dark .stmt-copy-btn:active,body.dark .stmt-act-btn:active,body.dark .stmt-util-btn:active{background:var(--surf2)}
body.dark .stmt-av,body.dark .stmt-cliq-alias,body.dark .stmt-modal-ico.ico-flag{background:var(--surf2)}
body.dark .stmt-items,body.dark .stmt-report-btn{border-top-color:var(--border2)}
body.dark .stmt-date-ico svg,body.dark .stmt-modal-ico.ico-pay,body.dark .stmt-modal-ico.ico-cal,body.dark .stmt-copy-btn.copied{color:#0F9B74}
body.dark .stmt-cta-btn,body.dark .stmt-act-submit:not([style]){background:#0F9B74;color:#fff}
body.dark .stmt-cliq-amt{border-color:var(--border2)!important}
.stmt-vzero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--green);padding:8px 0}
.stmt-balance.has-debt .stmt-bal-amount{color:var(--text)}
.stmt-balance.has-credit .stmt-bal-amount{color:var(--green)}
.stmt-tx-head{display:flex;padding:12px 16px 10px;background:var(--card);border-bottom:1px solid var(--border);font-size:10px;font-weight:700;color:var(--text3);letter-spacing:.06em;text-transform:uppercase;position:sticky;top:0;z-index:1}
.stmt-tx-row{display:flex;padding:14px 16px;border-bottom:1px solid var(--border);align-items:center;font-size:13px}
.stmt-tx-row:last-child{border-bottom:none}
.stmt-tx-head>span{font-size:11px!important;font-weight:700!important;color:var(--text2)!important;padding-top:0;padding-bottom:0}
.col-date{width:80px;flex-shrink:0;color:var(--text3);font-size:12px;font-variant-numeric:tabular-nums}
.col-desc{flex:1;min-width:0;color:var(--text);padding:0 8px;line-height:1.4}
.col-desc-lbl{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:5px}
.col-desc-note{font-size:11px;color:var(--text3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.col-desc-note.expanded{white-space:normal;overflow:visible;text-overflow:unset}
.col-amt{width:66px;flex-shrink:0;text-align:left;font-weight:700;direction:ltr;font-variant-numeric:tabular-nums;font-size:13px}
.col-bal{width:66px;flex-shrink:0;text-align:left;font-weight:600;direction:ltr;color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}
.col-debt,.col-pay{color:var(--text)}
.stmt-tx-foot{padding:10px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text3);text-align:center}
.col-bal-neutral{color:var(--text3)}
.stmt-tx-type-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}
.stmt-tx-type-dot.dot-debt{background:var(--alk)}.stmt-su .stmt-tx-type-dot.dot-debt{background:var(--lak)}
.stmt-tx-type-dot.dot-pay{background:var(--lak)}.stmt-su .stmt-tx-type-dot.dot-pay{background:var(--alk)}
.stmt-bal-amount.alk{color:var(--alk)}.stmt-bal-amount.lak{color:var(--lak)}
.stmt-badge{display:flex;justify-content:center;margin-top:10px}.stmt-badge img{height:34px;width:auto;display:block}
.stmt-cta{display:flex;align-items:center;gap:12px;margin:0 16px 16px;padding:16px 18px;background:var(--card);border-radius:18px;position:relative;overflow:hidden}
.stmt-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 50%,rgba(15,155,116,.1) 0%,transparent 60%);pointer-events:none}
.stmt-cta-icon{flex-shrink:0;position:relative}
.stmt-cta-text{flex:1;min-width:0;position:relative}
.stmt-cta-btn{flex-shrink:0;background:var(--accent);color:#fff;font-size:13px;font-weight:700;padding:9px 18px;border-radius:20px;text-decoration:none;white-space:nowrap;font-family:-apple-system,sans-serif;position:relative}
body.dark .stmt-cta-btn{background:#0F9B74;color:#fff}
@media print{.stmt-cta{display:none!important}}
.stmt-footer{text-align:center;padding:28px 22px;color:var(--text3);font-size:12px;line-height:1.6}
@media print{.stmt-util-row{display:none!important}}
.stmt-stop-link{background:none;border:none;color:var(--text3);font-size:12px;font-family:inherit;cursor:pointer;text-decoration:underline;padding:6px}
@media print{.stmt-stop-link{display:none!important}}
.stmt-actions{display:flex;flex-direction:column;gap:10px;margin:0 16px 4px;padding:0}
.stmt-pay-ico{width:22px;height:22px;display:inline-flex}
.stmt-pay-ico svg{width:100%;height:100%}
.stmt-sec-row{display:flex;gap:10px}
.stmt-sec{flex:1;gap:8px;background:var(--card);font-size:14px}
.stmt-sec-ico{width:18px;height:18px;display:inline-flex;color:var(--text2)}
.stmt-sec-ico svg{width:100%;height:100%}
.stmt-act-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#fff;border:1.5px solid #EEF3F1;border-radius:16px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--text);transition:all .2s;flex:1;min-width:0;text-align:center}
.stmt-act-btn:active{transform:scale(.97);opacity:.8}
.stmt-act-btn.cliq{background:#fff;color:var(--text)}
.stmt-act-ico{flex-shrink:0;width:26px;height:26px}
.stmt-act-ico svg{width:100%;height:100%}
.stmt-act-label{line-height:1.3}
.stmt-util-row{display:flex;gap:10px;margin:0 16px 10px}
.stmt-util-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#fff;border:1.5px solid #EEF3F1;border-radius:16px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--text);transition:all .2s;flex:1;text-align:center}
.stmt-util-btn:active{transform:scale(.97);opacity:.8}
.stmt-util-ico{width:24px;height:24px;flex-shrink:0}
.stmt-util-ico svg{width:100%;height:100%}
.stmt-report-btn{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 16px 14px;padding:13px;width:calc(100% - 32px);background:none;border:none;border-top:1px solid #EEF3F1;border-radius:0;color:var(--text3);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s}
.stmt-report-btn:active{opacity:.6}
.stmt-report-ico{width:15px;height:15px;flex-shrink:0}
.stmt-report-ico svg{width:100%;height:100%}
@media print{.stmt-report-btn,.stmt-util-row{display:none!important}}
.stmt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;animation:stmtFade .2s ease}
.stmt-modal{cursor:default;background:var(--bg);border-radius:24px 24px 0 0;padding:10px 22px calc(24px + var(--safe-b));max-width:480px;width:100%;text-align:center;animation:stmtSlideUp .3s cubic-bezier(.16,1,.3,1);max-height:88vh;overflow-y:auto}
.stmt-modal::before{content:"";display:block;width:40px;height:4px;border-radius:99px;background:var(--border2);margin:0 auto 18px}
@keyframes stmtFade{from{opacity:0}to{opacity:1}}
@keyframes stmtSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.stmt-modal-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.stmt-modal-ico svg{width:24px;height:24px}
.stmt-modal-ico.ico-pay{background:rgba(15,155,116,.15);color:#0B7A5C}
.stmt-modal-ico.ico-cal{background:rgba(15,155,116,.15);color:#0B7A5C}
.stmt-modal-ico.ico-warn{background:var(--red-bg,rgba(255,59,48,.1));color:var(--red)}
.stmt-modal-ico.ico-flag{background:#EEF3F1;color:var(--text2)}
.stmt-modal-title{font-size:18px;font-weight:600;margin-bottom:4px}
.stmt-modal-sub{font-size:13px;color:var(--text2);margin-bottom:18px}
.stmt-cliq-alias{background:#EEF3F1;border-radius:16px;padding:18px;margin-bottom:12px}
.stmt-copy-btn{background:#fff;color:#0B1F1A;border:1.5px solid #EEF3F1;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.stmt-copy-btn:active{background:#EEF3F1;transform:scale(.97)}
.stmt-copy-btn svg{width:15px;height:15px;stroke:currentColor;flex-shrink:0}
.stmt-copy-btn.copied{background:rgba(15,155,116,.15);border-color:#0F9B74;color:#0B7A5C}
.stmt-date-input{width:100%;padding:14px;border:1.5px solid #EEF3F1;border-radius:16px;font-size:16px;font-family:inherit;margin-bottom:16px;background:#fff;color:var(--text)}
.stmt-obj-reason{width:100%;padding:14px 16px;border:1.5px solid #EEF3F1;border-radius:16px;font-size:14px;font-family:inherit;background:#fff;color:var(--text);cursor:pointer;text-align:right;transition:all .15s}
.stmt-obj-reason.selected{border-color:var(--red);background:var(--red-bg);color:var(--red);font-weight:600}
.stmt-obj-reason:active{opacity:.7}
.stmt-report-opt{width:100%;padding:14px 16px;border:1.5px solid #EEF3F1;border-radius:16px;font-size:14px;font-family:inherit;background:#fff;color:var(--text);cursor:pointer;text-align:right;transition:all .15s}
.stmt-report-opt.selected{border-color:var(--amber);background:var(--amber-bg,rgba(245,158,11,.1));color:var(--amber);font-weight:600}
.stmt-report-opt:active{opacity:.7}
.stmt-act-submit{width:100%;padding:15px;background:#0B1F1A;color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;margin-bottom:8px;transition:opacity .15s}
.stmt-act-submit:active{opacity:.8}
.stmt-act-cancel{width:100%;padding:12px;background:none;border:none;color:var(--text3);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}
@media print{.stmt-actions{display:none!important}}

/* ══ كشف الحساب — نسخة الطباعة / PDF (A4، ألوان فاتحة دائماً، لا تظهر على الشاشة) ══ */
.sp{display:none}
@page{size:A4;margin:14mm 12mm}
@media print{
  html,body{height:auto!important;overflow:visible!important;background:#fff!important}
  #scroll{position:static!important;overflow:visible!important}
  #app{max-width:none!important;min-height:0!important}
  #bottom-nav-wrap,.ptr-indicator,.tst,.offline-bar,#modal,.coach-mark,#tour{display:none!important}
  .stmt-page{background:#fff!important;min-height:0!important}
  .stmt-page>:not(.sp){display:none!important}
  .sp{display:block;color:#0B1F1A;background:#fff;font-size:10.5pt;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sp *{color:inherit}
  .sp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:10px;border-bottom:2px solid #0B1F1A}
  .sp-shop{font-size:17pt;font-weight:700;line-height:1.3}
  .sp-meta{font-size:9.5pt;color:#444;margin-top:3px}
  .sp-doc{text-align:left;flex-shrink:0}
  .sp-doc-t{font-size:14pt;font-weight:700}
  .sp-demo{margin-top:8px;padding:6px 10px;border:1px dashed #888;font-size:9.5pt;text-align:center;color:#333}
  .sp-info{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:10.5pt}
  .sp-info b{font-weight:700}
  .sp-lbl{color:#555}
  .sp-sum{display:flex;border:1px solid #bbb;border-radius:6px;margin:4px 0 14px;break-inside:avoid}
  .sp-sum>div{flex:1;padding:9px 12px;border-inline-start:1px solid #bbb}
  .sp-sum>div:first-child{border-inline-start:none}
  .sp-sum-l{font-size:9pt;color:#555}
  .sp-sum-v{font-size:13pt;font-weight:700;direction:ltr;text-align:right;font-variant-numeric:tabular-nums;margin-top:2px}
  .sp-sum .sp-bal{background:#f2f2f2}
  .sp-t{width:100%;border-collapse:collapse;font-size:10pt}
  .sp-t thead{display:table-header-group}
  .sp-t tfoot{display:table-row-group}
  .sp-t th{background:#f2f2f2;font-weight:700;font-size:9.5pt;text-align:right;padding:7px 8px;border-top:1px solid #999;border-bottom:1.5px solid #0B1F1A}
  .sp-t td{padding:7px 8px;border-bottom:1px solid #ddd;vertical-align:top}
  .sp-t tr{break-inside:avoid;page-break-inside:avoid}
  .sp-t .n{text-align:right;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap;width:16%}
  .sp-t .d{white-space:nowrap;width:13%;font-variant-numeric:tabular-nums;color:#333}
  .sp-t .dr{color:#B85A20;font-weight:600}
  .sp-t .cr{color:#0B7A5C;font-weight:600}
  .sp-foot .sp-badge{height:9mm!important;width:auto!important;border-radius:0!important}
  .sp-t .b{font-weight:600}
  .sp-type{font-weight:600}
  .sp-note{color:#555;font-size:9pt;margin-top:1px;white-space:normal;overflow-wrap:anywhere}
  .sp-t tfoot td{font-weight:700;border-top:1.5px solid #0B1F1A;border-bottom:none;background:#f2f2f2}
  .sp-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;padding-top:8px;border-top:1px solid #ccc;font-size:8.5pt;color:#666;break-inside:avoid}
  .sp-foot img{width:14px;height:14px;border-radius:4px}
}

/* AUTH */
.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px calc(24px + var(--safe-b));background:var(--bg);position:relative;overflow:hidden;overflow:clip}
/* clip بدل hidden: الدوائر الزخرفية أعرض من الشاشة، وhidden يبقى قابلاً للتمرير الجانبي برمجياً فينزاح النموذج عند الضغط/التركيز */
.auth-page::before{content:'';position:absolute;top:-120px;right:-80px;width:280px;height:280px;border-radius:50%;background:rgba(15,155,116,.08);pointer-events:none}
.auth-page::after{content:'';position:absolute;bottom:-100px;left:-60px;width:220px;height:220px;border-radius:50%;background:rgba(15,155,116,.05);pointer-events:none}
.auth-logo{width:80px;height:80px;border-radius:22px;overflow:hidden;margin-bottom:24px}
.auth-logo img{width:100%;height:100%;object-fit:cover;display:block}
.auth-title{font-size:34px;font-weight:600;margin-bottom:8px;text-align:center}
.auth-sub{font-size:15px;color:var(--text2);margin-bottom:20px;text-align:center;line-height:1.6}
.auth-proof{text-align:center;margin-bottom:28px;font-size:12px;color:var(--text3);line-height:1.8}
.auth-proof strong{color:var(--text2);font-weight:700}
.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}
.auth-switch{text-align:center;margin-top:10px;font-size:14px;color:var(--text2)}
.guided-hi{display:flex;flex-direction:column;gap:2px;background:var(--grn-bg);border-radius:var(--r-md);padding:12px 14px}
.guided-hi b{font-size:15px}
.guided-hi span{font-size:13px;color:var(--text2)}
.field-hint{font-size:12px;color:var(--text3);margin-top:6px;line-height:1.6}
.auth-or{display:flex;align-items:center;gap:10px;margin:14px 0 6px;color:var(--text3);font-size:12px}
.auth-or::before,.auth-or::after{content:'';flex:1;height:1px;background:var(--border2)}
#pkb svg{width:20px;height:20px}
.auth-terms-note{text-align:center;font-size:12px;color:var(--text2);line-height:1.7;margin-top:10px}
.auth-terms-note a{color:var(--text);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}
.auth-terms{display:flex;align-items:flex-start;gap:10px;margin:14px 4px 4px;font-size:13px;color:var(--text);line-height:1.6;cursor:pointer;user-select:none}
.auth-terms input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--text2);border-radius:6px;flex-shrink:0;cursor:pointer;position:relative;background:var(--card);margin-top:0}
.auth-terms input:checked{background:#0F9B74;border-color:#0F9B74}
.act-opts{display:flex;flex-direction:column;gap:8px}
.act-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;background:var(--card);border:1.5px solid var(--border2);border-radius:var(--r-md);text-align:right;font-family:inherit;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.act-opt:active{background:var(--surface)}
.act-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--text3);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.act-opt.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);background:var(--surface)}
.act-opt.on .act-radio{border-color:var(--text);background:var(--text)}
.act-opt.on .act-radio::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--card)}
.act-ic{width:40px;height:40px;border-radius:12px;background:var(--control);color:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.act-ic svg{width:22px;height:22px}
.act-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.act-txt b{font-size:15px;font-weight:600}
.act-txt small{font-size:12px;color:var(--text2);line-height:1.5}
.act-opts.act-err .act-opt{border-color:var(--danger-fg)}
.field-err{font-size:12px;color:var(--danger-fg);margin-top:6px;min-height:0}
.field-err:empty{display:none}
.req{color:var(--danger-fg);font-weight:700}
.act-card{flex-direction:column;align-items:flex-start;text-align:right;gap:2px;padding:12px}
.act-card b{font-size:14px}
.act-card small{font-size:11px;font-weight:400;color:var(--text2);line-height:1.5}
.act-card.on small{color:inherit;opacity:.75}
.auth-terms input:checked::after{content:'';position:absolute;top:3px;left:7px;width:6px;height:11px;border:solid #0B1F1A;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.auth-terms a{color:var(--text);text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:none;border:none;padding:0;font-family:inherit;font-size:inherit;font-weight:600}
.auth-link{color:var(--text);font-weight:700;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:2px}
.auth-link:disabled{color:var(--text3);text-decoration:none;cursor:default}
.ok-msg{background:var(--lak-bg);color:var(--success-fg);padding:11px 15px;border-radius:var(--r-sm);font-size:13px;font-weight:500;text-align:center;margin-bottom:12px}
.auth-link:hover{opacity:.7}
.phone-wrap{display:flex;align-items:stretch;border:1.5px solid var(--surf3);border-radius:var(--r-md);background:var(--card);direction:ltr;width:100%;box-sizing:border-box}
.phone-wrap:focus-within{border-color:var(--teal)}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-right:1px solid var(--border);background:var(--surface);padding:14px 12px;font-size:15px;font-family:inherit;color:var(--text);cursor:pointer;flex:0 0 auto;font-weight:700;min-height:52px;min-width:80px;border-radius:calc(var(--r-md) - 2px) 0 0 calc(var(--r-md) - 2px);box-sizing:border-box;line-height:1;margin:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.cc-btn:active{background:var(--surf2)}
.cc-arrow-svg{display:inline-flex;width:10px;height:10px;color:#8A9A95}
.cc-arrow-svg svg{width:100%;height:100%}
.cc-picker-list{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.cc-picker-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:transparent;border:1px solid transparent;border-radius:10px;font-family:inherit;font-size:15px;color:var(--text);cursor:pointer;text-align:right}
.cc-picker-item:active{background:var(--wash)}
.cc-picker-item.active{background:rgba(15,155,116,.1);border-color:#0F9B74}
.cc-picker-code{font-weight:700;color:var(--text);direction:ltr;font-variant-numeric:tabular-nums}
.cc-picker-name{color:var(--text2);font-size:14px}
.phone-local{flex:1 1 0;min-width:0;width:0;border:none;background:transparent;padding:14px 12px;font-size:16px;font-family:inherit;color:var(--text);outline:none;direction:ltr}

/* CONTACT PICKER BUTTON */
.pick-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1.5px dashed var(--border2);border-radius:var(--r-md);background:var(--surface);color:var(--text2);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;width:100%;transition:all .2s}
.pick-btn:hover{border-color:var(--teal);color:var(--text)}

/* الإشعارات (#/collect) */
.notif-header{background:var(--bg);color:var(--text);padding:calc(24px + var(--safe-t)) 16px 14px;text-align:center;font-size:18px;font-weight:600;flex-shrink:0}
.notif-group{background:var(--card);border-radius:var(--r-lg);overflow:hidden;margin-bottom:10px}
.notif-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);position:relative;width:100%;text-align:right;background:none;border-top:none;border-inline:none;font-family:inherit;color:var(--text)}
.notif-row:last-child{border-bottom:none}
.notif-row.tappable{cursor:pointer}

.notif-body{flex:1;min-width:0}
.notif-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.45}
.notif-sub{font-size:12px;color:var(--text2);margin-top:3px;line-height:1.5}
.notif-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#0F9B74;margin-left:7px;vertical-align:middle}

.coach-mark{position:fixed;background:#0F9B74;color:#fff;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(15,155,116,.35);z-index:90;pointer-events:none;max-width:260px;animation:coachBounce 1.4s ease-in-out infinite;font-family:inherit}
.coach-mark .coach-text{line-height:1.5}
.coach-mark .coach-arrow{position:absolute;width:0;height:0;border-style:solid}
.coach-bottom .coach-arrow{bottom:-8px;left:50%;transform:translateX(-50%);border-width:8px 8px 0 8px;border-color:#0F9B74 transparent transparent transparent}
@keyframes coachBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.act-sec{margin-top:18px}
.act-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 10px}
.act-title{font-size:16px;font-weight:600;color:var(--text2)}
.act-all{background:none;border:none;padding:6px 0;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}
.act-list{background:var(--card);border-radius:var(--r-lg);overflow:hidden}
.act-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border);cursor:pointer;width:100%;background:none;border-left:none;border-right:none;border-top:none;font-family:inherit;text-align:right;color:var(--text)}
.act-row:last-child{border-bottom:none}
.act-row:active{background:var(--surf2)}
.act-row.del{cursor:default;opacity:.6}
.act-row.del .act-name{text-decoration:line-through}
.act-av{width:38px;height:38px;min-width:38px;border-radius:10px;background:var(--surf2);color:var(--text2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}
.act-av.in{background:rgba(15,155,116,.12);color:var(--green)}
.act-av svg{width:18px;height:18px}
.act-av.k-in,.act-av.k-debt{background:var(--lak-bg);color:var(--lak)}
.act-av.k-out,.act-av.k-goods,.act-av.k-exp{background:var(--alk-bg);color:var(--alk)}
/* بطاقات الملخص الملوّنة */
.sum-box.clr{position:relative;overflow:hidden;background:var(--kc);color:#fff}
.sum-box.clr .sum-box-t{color:#fff;opacity:1}
.sum-box.clr .sum-box-amt{color:rgba(255,255,255,.86)}
.sum-box.clr .sum-box-s{color:rgba(255,255,255,.72)}
.sum-box.clr .sum-box-amt small{color:rgba(255,255,255,.68)}
.sum-box.clr .sum-line-ic,.sum-box.clr .sum-line-ic.in{color:#fff}
.sum-box.clr .sum-box-h,.sum-box.clr .sum-box-amt,.sum-box.clr .sum-box-s{position:relative;z-index:1}
.sum-wm{position:absolute;left:-10px;bottom:-14px;width:64px;height:64px;color:#fff;opacity:.14;pointer-events:none}
.sum-wm svg{width:100%;height:100%}
.sum-box.clr:active{background:var(--kc);filter:brightness(.92)}
.sum-box.clr.tint{background:var(--alk-bg);color:var(--text)}
.sum-box.clr.tint .sum-box-t{color:var(--alk-fg)}
.sum-box.clr.tint .sum-box-amt{color:var(--text)}
.sum-box.clr.tint .sum-box-amt small{color:var(--text2)}
.sum-box.clr.tint .sum-box-s{color:var(--text2)}
.sum-box.clr.tint .sum-line-ic{color:var(--alk-fg)}
.sum-box.clr.tint .sum-wm{color:var(--alk);opacity:.18}
.sum-box.clr.tint:active{background:var(--alk-bg)}
.act-info{flex:1;min-width:0}
.act-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act-name.in{color:var(--green)}
.act-tag{font-size:12px;font-weight:500;color:var(--text3)}
.act-meta{font-size:12px;color:var(--text3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act-amt{font-size:15px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.act-amt.in{color:var(--green)}
.act-amt.mute{color:var(--text3);font-weight:500}
.act-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 16px}
.act-sum-c{background:var(--card);border-radius:var(--r-md);padding:12px}
.act-sum-l{font-size:12px;color:var(--text2);margin-bottom:4px}
.act-sum-v{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act-sum-sub{font-size:12px;color:var(--text2);margin:10px 16px 0;line-height:1.6}
.act-chips{display:flex;gap:8px;overflow-x:auto;padding:0 16px;margin-top:12px;scrollbar-width:none}
.act-chips::-webkit-scrollbar{display:none}
.act-chip{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;border:0.5px solid var(--border);background:var(--card);color:var(--text2);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.act-chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.act-tools{display:flex;gap:8px;margin:12px 16px 0}
.act-tools .input{flex:1;min-width:0;padding:10px 12px;font-size:14px}
.act-tools select{flex:0 0 40%;min-width:0;padding:10px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);color:var(--text);font-family:inherit;font-size:14px}
.act-dates{display:flex;gap:8px;margin:10px 16px 0}
.act-dates[hidden]{display:none}
.act-dates input{flex:1;min-width:0;padding:10px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);color:var(--text);font-family:inherit;font-size:14px}
.act-day{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:18px 18px 8px;font-size:13px}
.act-day-d{font-weight:600;color:var(--text)}
.act-day-t{color:var(--text3);font-size:12px;white-space:nowrap}
.act-day+.act-list{margin:0 16px}
.dash-insight{display:flex;align-items:center;gap:12px;margin:48px 0 22px;padding:14px 16px;background:rgba(15,155,116,.12);border-radius:var(--r-md);cursor:pointer;position:relative;padding-inline-start:19px}
.onb{margin:8px 0 22px;background:var(--card);border-radius:16px;padding:15px 16px;cursor:pointer}
.mig{margin:8px 0 22px;background:var(--card);border-radius:16px;padding:16px}
.mig-t{font-size:15px;font-weight:700;color:var(--text);line-height:1.5;margin-bottom:6px}
.mig-s{font-size:12.5px;color:var(--text3);line-height:1.7;margin-bottom:14px}
.mig-acts{display:flex;gap:8px}
.mig-btn{flex:1 1 0;min-width:0;min-height:46px;background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--r-md);padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.mig-btn:active{opacity:.85}
.mig-btn2{flex:1 1 0;min-width:0;min-height:46px;background:var(--control);color:var(--text);border:none;border-radius:var(--r-md);padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.mig-btn2:active{opacity:.7}
.onb:active{background:var(--surf2)}
.onb-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.onb-pct-big{font-size:24px;font-weight:700;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;flex-shrink:0}
.onb-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.onb-t2{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onb-s2{font-size:12px;color:var(--text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onb-jump{background:none;border:none;padding:2px;color:var(--text3);flex-shrink:0;cursor:pointer}
.onb-jump svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.onb-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}
.onb-ttl{font-size:16px;font-weight:700;color:var(--text)}
.onb-pct{font-size:14px;font-weight:700;color:var(--green)}
.onb-sub{font-size:12px;color:var(--text3);margin-bottom:12px}
.onb-bar{height:9px;border-radius:6px;background:var(--surf2);overflow:hidden}
.onb-bar-fill{height:100%;border-radius:6px;transition:width .5s ease,background .3s ease}
.onb-gift-hint{margin-top:11px;font-size:12px;font-weight:600;color:var(--text2);text-align:center;line-height:1.5}
.onb-task{display:flex;align-items:center;gap:12px;padding:8px 2px 2px;width:100%;background:none;border-left:none;border-right:none;border-bottom:none;font-family:inherit;text-align:right;cursor:pointer;color:var(--text)}
.onb-task:active{opacity:.6}
.onb-task.done{cursor:default}
.onb-check{width:26px;height:26px;min-width:26px;border-radius:50%;border:2px solid var(--surf3);display:flex;align-items:center;justify-content:center;color:transparent}
.onb-check svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.onb-task.done .onb-check{background:#0F9B74;border-color:#0F9B74;color:#fff}
.onb-tx{flex:1;min-width:0}
.onb-tx-t{font-size:14px;font-weight:600;line-height:1.4}
.onb-task.done .onb-tx-t{color:var(--text3);text-decoration:line-through}
.onb-tx-s{font-size:12px;color:var(--text3);margin-top:2px}
.onb-gift{font-size:12px;font-weight:700;color:var(--green);white-space:nowrap}
.onb-chev{color:var(--text3);flex-shrink:0}
.onb-chev svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dash-insight::before{content:none}
.dash-insight{border-radius:var(--r-lg);padding-inline-start:14px;border:none;background:var(--card);box-shadow:none}
.ins-ic{width:40px;height:40px;min-width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.ins-ic svg{width:20px;height:20px}
.ins-warn .ins-ic,.ins-date .ins-ic,.ins-info .ins-ic{background:var(--info-bg);color:var(--info)}
.ins-warn .dash-roi-lbl,.ins-date .dash-roi-lbl,.ins-info .dash-roi-lbl{color:var(--info)}
.ins-money .ins-ic{background:var(--lak-bg);color:var(--lak)}.ins-money .dash-roi-lbl{color:var(--lak-fg)}
.ins-pro .ins-ic{background:var(--pro-bg);color:var(--pro)}.ins-pro .dash-roi-lbl{color:var(--pro)}
.dash-insight .dash-roi-lbl{font-weight:600}
.dash-insight:active{opacity:.85}
.dash-roi{display:flex;align-items:center;gap:12px;margin:8px 12px 0;padding:14px 16px;background:var(--card);border-radius:var(--r-md);cursor:pointer;position:relative;padding-inline-start:19px}
.dash-roi::before{content:'';position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;background:#0F9B74;border-radius:0 3px 3px 0}
.dash-roi:active{opacity:.85}
.dash-roi-info{flex:1;min-width:0}
.dash-roi-lbl{font-size:11px;font-weight:500;color:var(--text3);letter-spacing:.3px;margin-bottom:3px}
.dash-roi-val{display:flex;align-items:baseline;gap:5px;margin-bottom:3px}
.dash-roi-num{font-size:22px;font-weight:500;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.dash-roi-cur{font-size:12px;font-weight:500;color:var(--text2)}
.dash-roi-sub{font-size:12px;font-weight:400;color:var(--text2);line-height:1.4}
.dash-roi-chevron{color:var(--text3);display:flex;align-items:center;transform:scaleX(-1)}
.dash-roi-chevron svg{width:16px;height:16px}
.roi-card{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;position:relative;padding-inline-start:26px}
.roi-card::before{content:'';position:absolute;inset-inline-start:0;top:24px;bottom:24px;width:3px;background:#0F9B74;border-radius:0 3px 3px 0}
body.dark .roi-card{background:#10261F}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .roi-card{background:#10261F}}
:root[data-theme="dark"] .roi-card{background:#10261F}
:root[data-theme="light"] .roi-card{background:#fff}
.roi-label{font-size:11px;font-weight:500;color:var(--text3);letter-spacing:.4px;margin-bottom:8px}
.roi-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
.roi-num{font-size:36px;font-weight:500;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.8px}
.roi-cur{font-size:14px;font-weight:500;color:var(--text2)}
.roi-sub{font-size:14px;font-weight:400;color:var(--text);margin-bottom:12px;line-height:1.4}
.roi-meta{font-size:12px;font-weight:400;color:var(--text3);font-variant-numeric:tabular-nums;padding-top:12px;border-top:1px solid #EEF3F1}
body.dark .roi-meta{border-color:#1B3730}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .roi-meta{border-color:#1B3730}}
:root[data-theme="dark"] .roi-meta{border-color:#1B3730}
:root[data-theme="light"] .roi-meta{border-color:#EEF3F1}

.notif-fail{margin-top:8px;padding:8px 12px;background:var(--red-bg);border-radius:8px;font-size:12px;line-height:1.8;color:var(--text)}
.notif-fail-t{font-weight:700;color:var(--red);margin-bottom:4px}

.notif-list{padding:6px 16px calc(90px + var(--safe-b));flex:1}

.notif-group .notif-item:last-child{border-bottom:none}

.notif-item-debt .amount{font-weight:700;color:var(--lak-fg)}

.notif-item.no-phone{opacity:.7;cursor:pointer}
.collect-desc{font-size:13px;color:var(--text3);text-align:center;padding:14px 20px;line-height:1.7;border-bottom:1px solid var(--border)}
.collect-section-label{font-size:13px;font-weight:600;color:var(--text);padding:16px 6px 8px}
.collect-empty{text-align:center;padding:60px 24px}
.collect-empty svg{width:48px;height:48px;stroke:var(--text3)}
.inbox-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:8px}
.inbox-card.pending{border-right:3px solid var(--teal)}
.inbox-card-top{display:flex;align-items:flex-start;gap:12px}
.inbox-icon{width:24px;height:24px;flex-shrink:0}
.inbox-icon svg{width:100%;height:100%}
.inbox-card-info{flex:1;min-width:0}
.inbox-card-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
.inbox-card-detail{font-size:12px;color:var(--text2)}
.inbox-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-right:4px}
.inbox-status.confirmed{background:rgba(15,155,116,.1);color:var(--green)}
.inbox-status.rejected{background:var(--red-bg);color:var(--red)}
.inbox-status.resolved{background:rgba(0,84,189,.1);color:var(--text)}
.inbox-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.inbox-btn{flex:1;min-height:46px;padding:0 10px;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
.inbox-btn.confirm{background:var(--accent);color:var(--accent-fg)}
.inbox-btn.reject{background:var(--control);color:var(--text)}
.inbox-btn:active{transform:scale(.97)}
.notif-toggle.disabled{opacity:.3;cursor:not-allowed}
.notif-toggle{position:relative;width:50px;height:28px;background:var(--surf3);border:none;border-radius:14px;cursor:pointer;transition:background .3s;flex-shrink:0;-webkit-tap-highlight-color:transparent}
.notif-toggle.active{background:#0B1F1A}
body.dark .notif-toggle.active{background:#0F9B74}
@media(prefers-color-scheme:dark){.notif-toggle.active{background:#0F9B74}}
:root[data-theme="dark"] .notif-toggle.active{background:#0F9B74}
:root[data-theme="light"] .notif-toggle.active{background:#0B1F1A}
.notif-toggle.paused{background:var(--amber);opacity:.6;cursor:default}
.notif-toggle::after{content:'';position:absolute;width:24px;height:24px;background:var(--bg);border-radius:50%;top:2px;right:2px;transition:all .3s}
.notif-toggle.active::after{right:24px}

.notif-overlay.active{display:block}

.notif-sheet.active{transform:translateY(0)}

.notif-detail-amount .amount{font-weight:700;color:var(--lak-fg)}

.notif-radio-option.active{border-color:var(--teal);background:var(--teal);color:var(--teal-fg)}

.notif-toggle-switch{position:relative;width:44px;height:26px;flex-shrink:0}
.notif-toggle-switch input{opacity:0;width:0;height:0}
.notif-toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border2);border-radius:26px;transition:.2s}
.notif-toggle-switch .slider:before{content:'';position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}
.notif-toggle-switch input:checked+.slider{background:#0B1F1A}
body.dark .notif-toggle-switch input:checked+.slider{background:#0F9B74}
@media(prefers-color-scheme:dark){.notif-toggle-switch input:checked+.slider{background:#0F9B74}}
:root[data-theme="dark"] .notif-toggle-switch input:checked+.slider{background:#0F9B74}
:root[data-theme="light"] .notif-toggle-switch input:checked+.slider{background:#0B1F1A}
.notif-toggle-switch input:checked+.slider:before{transform:translateX(18px)}

@media(max-width:600px){
  .notif-header{font-size:18px;padding:calc(24px + var(--safe-t)) 14px 14px}
  
  
  
  
  
  
  .notif-toggle{width:48px;height:26px}
  .notif-toggle::after{width:22px;height:22px;top:2px;right:2px}
  .notif-toggle.active::after{right:23px}
  
  
  
  
  
  
  
  
}
.pick-btn svg{width:18px;height:18px;flex-shrink:0}
.pw-wrap{position:relative;display:flex;align-items:center}
.pw-wrap .input{padding-left:44px}
.pw-toggle{position:absolute;left:12px;background:none;border:none;cursor:pointer;color:var(--text3);padding:4px;display:flex;align-items:center;justify-content:center}
.pw-toggle svg{width:18px;height:18px}
.pw-toggle:hover{color:var(--text2)}
.ptr-indicator{position:fixed;top:var(--safe-t);left:50%;transform:translateX(-50%) translateY(-50px);z-index:200;width:36px;height:36px;border-radius:50%;background:var(--card);box-shadow:0 2px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;opacity:0;pointer-events:none}
.ptr-indicator svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:1.8;transition:transform .2s ease}
.ptr-indicator.pulling{opacity:1}
.ptr-indicator.refreshing svg{animation:ptr-spin .6s linear infinite}
@keyframes ptr-spin{to{transform:rotate(360deg)}}
.inv-header{text-align:center;padding:28px 20px 20px;position:relative}
.inv-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(15,155,116,.1) 0%,transparent 70%)}
body.dark .inv-header::before{background:radial-gradient(ellipse at 50% 60%,rgba(15,155,116,.12) 0%,transparent 70%)}
.inv-icon{width:64px;height:64px;border-radius:50%;background:rgba(15,155,116,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;position:relative}
body.dark .inv-icon{background:rgba(15,155,116,.1)}
.inv-icon svg{width:28px;height:28px;stroke:var(--green);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.inv-title{font-size:20px;font-weight:800;position:relative}
.inv-sub{font-size:13px;color:var(--text2);line-height:1.6;margin-top:6px;position:relative}
.inv-sub b{color:var(--green);font-weight:700}
.inv-box{margin:0 16px 14px;background:var(--card);border-radius:var(--r-xl);padding:18px}
.inv-box-label{font-size:11px;color:var(--text3);letter-spacing:.04em;margin-bottom:10px;text-align:center;text-transform:uppercase}
.inv-link{display:flex;align-items:center;gap:8px;background:var(--surf2);border-radius:var(--r-md);padding:10px 12px;margin-bottom:14px;direction:ltr}
.inv-link span{font-size:13px;font-weight:500;color:var(--text2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-copy{width:44px;height:44px;border-radius:var(--r-md);background:var(--control);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;flex-shrink:0}

.inv-copy svg{width:16px;height:16px;stroke:var(--text);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.inv-actions{display:flex;gap:10px}
.inv-act{flex:1;min-height:46px;padding:0 12px;border-radius:var(--r-md);text-align:center;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;border:none;font-family:inherit}
.inv-act svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.inv-act.wa{background:var(--control);color:var(--text)}
.inv-act.sh{background:var(--control);color:var(--text)}
.inv-stats{display:flex;gap:10px;margin:0 16px 16px}
.inv-stat{flex:1;background:var(--card);border-radius:var(--r-lg);padding:14px;text-align:center}
.inv-stat-num{font-size:22px;font-weight:800}
.inv-stat-label{font-size:11px;color:var(--text3);margin-top:4px}
.inv-zero{margin:0 16px;padding:20px;border-radius:var(--r-xl);background:var(--card);text-align:center}
/* ══ إحصائيات المقاول (صفحة #/stats للمالك المقاول) ══ */
.cs-wrap{padding:0 14px calc(90px + var(--safe-b));display:flex;flex-direction:column;gap:10px}
.cs-hero{background:var(--accent);color:var(--accent-fg);border-radius:var(--r-2xl);padding:16px 18px}
.cs-hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600}
.cs-yr{appearance:none;-webkit-appearance:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--accent-fg);background:rgba(255,255,255,.18);border:none;border-radius:var(--r-full);padding:4px 12px;cursor:pointer}
.cs-yr option{color:var(--text)}
.cs-hero-amt{font-size:26px;font-weight:600;margin-top:6px}
.cs-hero-amt small{font-size:14px;font-weight:500;opacity:.86}
.cs-hero-sub{font-size:12px;opacity:.72;line-height:1.6}
.cs-card{background:var(--card);border-radius:var(--r-xl);padding:14px 16px}
.cs-list{background:var(--card);border-radius:var(--r-xl);padding:2px 16px}
.cs-lbl{font-size:13px;font-weight:600;color:var(--text2);padding:6px 4px 0}
.cs-sb{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cs-nm{font-size:15px;font-weight:600;line-height:1.4}
.cs-amt{font-size:16px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.cs-amt.lak{color:var(--lak-fg)}.cs-amt.alk{color:var(--alk-fg)}
.cs-sm{font-size:12px;color:var(--text2);line-height:1.6}
.cs-row{display:block;width:100%;text-align:right;background:none;border:none;font-family:inherit;color:var(--text);padding:11px 0;border-bottom:1px solid var(--border);cursor:pointer}
.cs-row:last-child{border-bottom:none}
.cs-tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--r-full);white-space:nowrap;background:var(--alk-bg);color:var(--alk-fg)}
.cs-tag.gray{background:var(--surf2);color:var(--text2)}
.cs-pb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);margin-top:5px}
.cs-pb b{font-weight:500;width:40px;flex-shrink:0}
.cs-pb .tr{flex:1;height:6px;border-radius:var(--r-full);background:var(--surf2);overflow:hidden}
.cs-pb .tr i{display:block;height:100%;border-radius:var(--r-full)}
.cs-pb em{font-style:normal;width:38px;text-align:left;flex-shrink:0;font-variant-numeric:tabular-nums}
.cs-fix{display:flex;align-items:center;gap:10px;width:100%;text-align:right;background:none;border:none;font-family:inherit;color:var(--text);padding:11px 0;border-bottom:1px solid var(--border);cursor:pointer}
.cs-fix:last-child{border-bottom:none}
.cs-ic{width:38px;height:38px;min-width:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--info-bg);color:var(--info)}
.cs-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-ic.alk{background:var(--alk-bg);color:var(--alk)}.cs-ic.gray{background:var(--surf2);color:var(--text2)}
.cs-go{font-size:13px;font-weight:600;color:var(--success-fg);white-space:nowrap}
.cs-stack{display:flex;height:14px;border-radius:var(--r-full);overflow:hidden;margin:12px 0 4px;gap:2px;background:var(--surf2)}
.cs-stack i{display:block;height:100%}
.cs-wrap .tabs{margin:0}
.cs-empty{text-align:center;padding:40px 16px;color:var(--text2);font-size:14px;line-height:1.7}

/* ══ صور الحركات (المقاولات): قسم في لوحة الأرقام، مشبك في القوائم، عارض بشاشة كاملة ══ */
.att-field{align-items:center}
.att-field .np-field-label{display:inline-flex;align-items:center;gap:4px}
.att-field .np-field-label svg{width:14px;height:14px}
.att-box{flex:1;display:flex;align-items:center;gap:8px;justify-content:flex-start;min-height:52px;flex-wrap:wrap}
.att-th{width:52px;height:52px;border-radius:var(--r-sm);overflow:hidden;background:var(--surf2);border:1px solid var(--surf3);cursor:pointer;flex-shrink:0}
.att-th img{width:100%;height:100%;object-fit:cover;display:block}
.att-add{width:52px;height:52px;border-radius:var(--r-sm);border:1.5px dashed var(--surf3);display:flex;align-items:center;justify-content:center;color:var(--text2);cursor:pointer;flex-shrink:0}
.att-add svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.att-hint{font-size:12px;color:var(--text3)}
.att-clip{display:inline-flex;align-items:center;gap:2px;font-family:inherit;font-size:12px;font-weight:600;color:var(--info);background:var(--info-bg);border:none;border-radius:var(--r-full);padding:1px 8px;cursor:pointer;vertical-align:middle}
.att-clip svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}
.stmt-att{display:inline-flex;align-items:center;gap:4px;margin-top:4px;white-space:nowrap;font-family:inherit;font-size:12px;font-weight:600;color:var(--info);background:var(--info-bg);border:none;border-radius:var(--r-full);padding:3px 10px;cursor:pointer}
.stmt-att svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.att-viewer{position:fixed;inset:0;z-index:140;background:#0B1F1A;color:#fff;display:flex;flex-direction:column;padding:calc(8px + var(--safe-t)) 12px calc(12px + var(--safe-b))}
.att-v-top{display:flex;align-items:center;justify-content:space-between;height:52px}
.att-v-btn{width:44px;height:44px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.2);background:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.att-v-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.att-v-n{font-size:14px;opacity:.8}
.att-v-img{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;touch-action:pinch-zoom}
.att-v-img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.att-v-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:24px;cursor:pointer}
.att-v-nav.prev{right:4px}.att-v-nav.next{left:4px}
.att-v-acts{display:flex;gap:8px;margin-top:10px}
.att-v-act{flex:1;height:46px;border-radius:var(--r-md);border:none;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.att-v-act svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.att-v-act.del{color:#FF8A80}

/* ══ الكمبيوتر واللابتوب فقط: شاشة عريضة + ماوس (الجوال والتابلت باللمس لا ينطبق عليهما هذا أبداً) ══ */
@media screen and (min-width:900px) and (hover:hover) and (pointer:fine){
  html,body{background:#E3EAE7}
  body.dark,html:has(body.dark){background:#07130F}
  #app{max-width:560px;background:var(--bg);box-shadow:0 0 0 1px var(--border),0 10px 40px rgba(0,0,0,.08)}
  .bottom-nav,.action-bar{max-width:560px}
  /* النوافذ في وسط الشاشة كنافذة حوار */
  .overlay,.cc-picker-ov,.stmt-overlay{align-items:center;padding:24px}
  .sheet{max-width:480px;max-height:86vh;border-radius:var(--r-2xl);border:1px solid var(--border2);padding-bottom:22px;animation:deskIn .18s ease-out;scrollbar-width:thin}
  .sheet>.handle{display:none}
  .stmt-modal{border-radius:24px;padding-bottom:22px;animation:deskIn .18s ease-out}
  .stmt-modal::before{display:none}
  .notif-sheet{max-width:480px;margin:0 auto}
  /* إدخال المبالغ: نافذة بحجم آلة حاسبة */
  #modal:has(>.numpad-screen){background:rgba(0,0,0,.45)}
  .numpad-screen{top:50%;bottom:auto;transform:translate(-50%,-50%);max-width:420px;height:auto;max-height:94vh;border-radius:var(--r-2xl);overflow:hidden;border:1px solid var(--border2);box-shadow:0 20px 60px rgba(0,0,0,.25);animation:deskIn .18s ease-out;padding-bottom:0}
  .np-header{padding-top:14px}
  .numpad-screen .np-amount-wrap{flex:0 0 auto;min-height:0;padding-top:8px;padding-bottom:10px}
  .np-k{height:clamp(44px,6.6vh,56px)}
  .np-fields{scrollbar-width:thin}
  /* الماوس: مؤشر اليد وتلوين خفيف عند المرور */
  button:not(:disabled),[role=button],label.np-cash,select{cursor:pointer}
  .c-row:hover,.act-row:hover,.menu-item:hover,.pj-link:hover,.tx-row.pj-exp[role=button]:hover,.pj-row:not(:disabled):hover,.cc-picker-item:hover{background:var(--surface)}
  .np-k:hover,.np-op:hover{filter:brightness(.97)}
  body.dark .np-k:hover,body.dark .np-op:hover{filter:brightness(1.25)}
  .np-clr:hover{filter:brightness(.95)}
  .sum-box:hover,.pj-act:hover,.btn:not(:disabled):hover,.filter-pill:not(.active):hover,.tab:not(.active):hover{filter:brightness(.96)}
  body.dark .sum-box:hover,body.dark .pj-act:hover,body.dark .btn:not(:disabled):hover,body.dark .filter-pill:not(.active):hover,body.dark .tab:not(.active):hover{filter:brightness(1.18)}
  .tx-row .tx-actions .icon-btn:hover,.header .icon-btn:hover{background:var(--control)}
  *{scrollbar-width:thin}
}
@keyframes deskIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@media screen and (min-width:900px) and (hover:hover) and (pointer:fine){
  @keyframes deskInNp{from{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}
  .numpad-screen{animation:deskInNp .18s ease-out}
}

/* ══ مسار ترحيب المقاولين + زر التثبيت + اقتراح الموظف ══ */
.wel{min-height:100dvh;display:flex;flex-direction:column;padding:calc(12px + var(--safe-t)) 20px calc(18px + var(--safe-b));background:var(--bg);max-width:480px;margin:0 auto;animation:pageIn .22s ease}
.wel-top{display:flex;justify-content:space-between;align-items:center;min-height:40px}
.wel-dots{display:flex;gap:5px}.wel-dots i{width:7px;height:7px;border-radius:4px;background:var(--surf3);display:block;transition:width .2s}.wel-dots i.on{background:var(--accent);width:18px}
.wel-skip{background:none;border:none;color:var(--text3);font:inherit;font-size:14px;font-weight:500;padding:10px 4px;cursor:pointer;min-height:44px}
.wel-body{flex:1;display:flex;flex-direction:column}
.wel-ic{width:68px;height:68px;border-radius:20px;background:var(--lak-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:26px auto 16px}
.wel-ic svg{width:34px;height:34px}.wel-ic.info{background:var(--info-bg);color:var(--info)}
.wel-t{font-size:20px;font-weight:600;text-align:center;line-height:1.5;margin:0 6px 8px}
.wel-s{font-size:14px;color:var(--text2);text-align:center;line-height:1.75;margin:0 6px}
.wel-eye{font-size:14px;font-weight:600;color:var(--success-fg);margin-top:18px}
.wel-h1{font-size:30px;font-weight:600;line-height:1.35;margin-top:4px}.wel-h1 em{font-style:normal;color:var(--accent)}
.wel-sub{font-size:15px;font-weight:500;color:var(--text2);line-height:1.75;margin-top:8px}
.wel-ex{background:var(--card);border-radius:var(--r-lg);padding:14px 16px;margin-top:18px}
.wel-ex-top{display:flex;justify-content:space-between;font-size:12px;color:var(--text2)}
.wel-ex-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}.wel-ex-row b{font-size:14px;font-weight:600}
.wel-ex-v{font-size:24px;font-weight:600;color:var(--success-fg);font-variant-numeric:tabular-nums}.wel-ex-v small{font-size:12px;color:var(--text2);font-weight:500}
.wel-lbl{font-size:13px;font-weight:600;color:var(--text3);margin:26px 2px 8px}
.wel-feat{background:var(--card);border-radius:var(--r-lg);padding:4px 14px}
.wel-fr{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.wel-fr:last-child{border-bottom:0}
.wel-fr b{display:block;font-size:15px;font-weight:600;line-height:1.45}.wel-fr small{display:block;font-size:12.5px;color:var(--text2);line-height:1.55;margin-top:1px}
.wel-fic{width:40px;height:40px;border-radius:12px;background:var(--lak-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wel-fic svg{width:22px;height:22px}
.wel-pts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.wel-pt{background:var(--card);border-radius:var(--r-md);padding:10px 11px;display:flex;gap:8px;align-items:center;font-size:12.5px;font-weight:500;line-height:1.45}
.wel-pt svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}
.wel-opt{width:100%;background:var(--card);border:none;border-radius:var(--r-md);padding:15px 16px;font:inherit;font-size:15px;font-weight:600;color:var(--text);margin-top:10px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:right}
.wel-opt .r{width:20px;height:20px;border-radius:50%;border:2px solid var(--surf3);flex-shrink:0;transition:border .15s}
.wel-opt.on{box-shadow:inset 0 0 0 2px var(--accent)}.wel-opt.on .r{border:6px solid var(--accent)}
.wel-note{background:var(--card);border-radius:var(--r-md);padding:12px 14px;font-size:13px;color:var(--text2);margin-top:14px;display:flex;gap:10px;align-items:flex-start;line-height:1.65}
.wel-note svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:1px}
.wel-vid{display:block;height:min(210px,28vh);aspect-ratio:9/16;margin:6px auto 10px;border-radius:16px;background:var(--card);object-fit:cover}
.wel-st{display:flex;gap:10px;align-items:center;background:var(--card);border-radius:var(--r-md);padding:9px 11px;margin-top:7px;font-size:14px;font-weight:600}
.wel-st .n{width:24px;height:24px;border-radius:8px;background:var(--accent);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wel-st .tx{flex:1;min-width:0}.wel-st small{display:block;font-size:11.5px;font-weight:500;color:var(--text3);direction:ltr;text-align:right}
.wel-st .v{width:34px;height:34px;border-radius:10px;border:1px solid var(--border2);color:#007AFF;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:600}
.wel-st .v svg{width:19px;height:19px}.wel-st .v.t{width:auto;padding:0 8px}
.wel-foot{padding-top:14px}
/* جولة المقاول الجديد: لوحات تعتّم ما حول الزر (وتمنع الضغط خارجه في الخطوات الإجبارية) + حلقة + بوكس شرح */
#tour[hidden]{display:none}
.tour-p{position:fixed;z-index:120;background:transparent;pointer-events:none}
#tour.blk .tour-p{pointer-events:auto}
/* التعتيم من ظل الحلقة نفسها: الفتحة بانحناء الزر تماماً */
.tour-ring{position:fixed;z-index:121;pointer-events:none;box-shadow:0 0 0 3px var(--accent);animation:tourPulse 1.6s ease-in-out infinite}
#tour.blk .tour-ring{box-shadow:0 0 0 3px var(--accent),0 0 0 9999px rgba(11,31,26,.5);animation-name:tourPulseDim}
@keyframes tourPulse{0%,100%{box-shadow:0 0 0 3px var(--accent)}50%{box-shadow:0 0 0 7px rgba(15,155,116,.35)}}
@keyframes tourPulseDim{0%,100%{box-shadow:0 0 0 3px var(--accent),0 0 0 9999px rgba(11,31,26,.5)}50%{box-shadow:0 0 0 7px rgba(15,155,116,.45),0 0 0 9999px rgba(11,31,26,.5)}}
#tour.cel .tour-p:first-child{background:rgba(11,31,26,.5)}
.tour-b{position:fixed;z-index:122;background:var(--card);color:var(--text);border-radius:var(--r-lg);padding:14px 16px 12px;box-shadow:0 10px 30px rgba(11,31,26,.25);font-family:inherit}
#tour.cel .tour-b{text-align:center;padding:22px 18px 16px}#tour.cel .tour-a{display:none}#tour.cel .tour-t{font-size:16px}
.tour-t{font-size:15px;font-weight:600;line-height:1.65}
.tour-a{position:absolute;left:calc(var(--ax,50%) - 8px);bottom:-8px;width:16px;height:16px;background:var(--card);transform:rotate(45deg);border-radius:3px}
.tour-b.up .tour-a{bottom:auto;top:-8px}
.tour-next{display:block;margin:8px 0 0 auto;background:var(--control);border:none;border-radius:var(--r-full);color:var(--text);font:inherit;font-size:14px;font-weight:600;padding:0 18px;min-height:38px;cursor:pointer}
.tour-ok{margin-top:14px;width:100%}
.tour-later{margin:6px auto 0;background:none;color:var(--text2)}
@media (prefers-reduced-motion:reduce){.tour-ring{animation:none}}
.cstart{position:relative;background:var(--card);border-radius:var(--r-lg);padding:14px 14px 8px;margin:0 0 12px}
.cstart-t{font-size:15px;font-weight:600;margin:2px 4px 8px}
.cstart-n{font-size:13px;font-weight:500;color:var(--text2);margin-inline-start:6px}
.cstart-i{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-top:1px solid var(--border);padding:11px 4px;font:inherit;font-size:14px;font-weight:600;color:var(--text);text-align:start;cursor:pointer;min-height:44px}
.cstart-i.ok{color:var(--text3);font-weight:500;cursor:default}
.cstart-c{width:24px;height:24px;border-radius:50%;border:2px solid var(--surf3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text2)}
.cstart-i.ok .cstart-c{border:none;background:var(--accent);color:#fff}.cstart-c svg{width:14px;height:14px}
.cstart-go{width:16px;height:16px;color:var(--text3);margin-inline-start:auto;flex-shrink:0}
.inst-pill{display:inline-flex;align-items:center;gap:6px;background:var(--lak-bg);color:var(--success-fg);border:none;box-shadow:inset 0 0 0 1px var(--mint);border-radius:999px;padding:0 13px;min-height:36px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;white-space:nowrap}
.inst-pill svg{width:16px;height:16px}
body.dark .inst-pill{box-shadow:none}
.emp-sug{position:relative;background:var(--card);border-radius:var(--r-lg);padding:13px 14px 12px;margin:0 0 12px}
.emp-sug-top{display:flex;align-items:center;gap:12px;padding-left:28px}
.emp-sug-ic{width:44px;height:44px;border-radius:12px;background:var(--lak-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.emp-sug-ic svg{width:23px;height:23px}
.emp-sug-t{font-size:15px;font-weight:600;line-height:1.45}.emp-sug-s{font-size:12.5px;color:var(--text2);margin-top:2px;line-height:1.5}
.emp-sug-bot{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border)}
.emp-sug-p{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text2)}.emp-sug-p svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}
.emp-sug-x{position:absolute;top:6px;left:6px;background:none;border:none;color:var(--text3);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.emp-sug-x svg{width:18px;height:18px}

/* «اطلب دفعة» (المقاولات) */
.pj-req{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;min-height:44px;background:var(--card);border:1.5px solid var(--accent);border-radius:var(--r-md);color:var(--accent-dark);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pj-req svg{width:18px;height:18px}
.pj-reqs{margin:4px 16px 12px}.pj-reqs-h{font-size:13px;font-weight:600;color:var(--text2);margin:0 4px 8px}
.pr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pr-chip{background:var(--control);border:none;border-radius:var(--r-full);padding:6px 12px;font:inherit;font-size:13px;color:var(--text);cursor:pointer}
.pr-prev{background:var(--lak-bg);color:var(--lak-fg);border-radius:var(--r-md);padding:10px 12px;font-size:13px;line-height:1.75;margin-top:12px;white-space:pre-line}
.thc-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.thc-k{background:var(--card);border-radius:var(--r-lg);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.thc-k span{font-size:12px;color:var(--text2);font-weight:500}.thc-k b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.thc-k b.lak{color:var(--lak-fg)}.thc-k b small{font-size:12px;color:var(--text2)}.thc-k>small{font-size:12px;color:var(--text3)}
.thc-r{font-size:14px;font-weight:600;margin-top:2px}.thc-s{font-size:13px;color:var(--text2)}.thc-s.old{color:var(--alk-fg)}
.thc-b{display:flex;gap:6px;margin-top:10px}.thc-b .th-btn{flex:1}
.thc-empty{background:var(--card);border-radius:var(--r-lg);padding:22px 18px;text-align:center;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.thc-empty b{font-size:15px;font-weight:600}.thc-empty span{font-size:13px;color:var(--text2);line-height:1.7}
.thc-h{font-size:13px;font-weight:600;color:var(--text2);margin:14px 4px 8px}
.thc-nr{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border-radius:var(--r-md);padding:10px 14px;margin-bottom:6px}
.thc-nr b{display:block;font-size:14px;font-weight:600}.thc-nr small{font-size:12px;color:var(--text2)}.thc-nr .btn{width:auto;padding:0 12px}
.thc-res{font-size:13px;color:var(--text2);text-align:center;margin:14px 0}
.thc{padding:4px 16px calc(90px + var(--safe-b))}

.pj-rq{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:var(--r-md);padding:10px 12px;margin-bottom:6px}
.pj-rq-i{flex:1;min-width:0}.pj-rq-t{font-size:15px;font-weight:600;line-height:1.45}.pj-rq-s{font-size:12.5px;color:var(--text2)}
.pj-rq-a{font-size:16px;font-weight:600;color:var(--alk-fg);white-space:nowrap}.pj-rq-a small{font-size:12px;font-weight:500}
.pj-rq-ic{width:36px;height:36px;flex-shrink:0;border:none;border-radius:var(--r-sm);background:var(--control);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}.pj-rq-ic svg{width:18px;height:18px}
.stmt-due{display:flex;align-items:center;gap:10px;background:var(--alk-bg);border-radius:var(--r-md);padding:10px 14px;margin:0 16px 12px;color:var(--alk-fg)}
.stmt-due-ic{display:inline-flex;width:20px;height:20px;flex-shrink:0}.stmt-due-ic svg{width:20px;height:20px}
.stmt-due-i{flex:1;min-width:0}.stmt-due-l{font-size:12px;font-weight:500}.stmt-due-r{font-size:14px;font-weight:600;line-height:1.5}
.stmt-due-v{font-size:18px;font-weight:600;white-space:nowrap}.stmt-due-v small{font-size:12px;font-weight:500}
.thc-card{background:var(--card);border-radius:var(--r-lg);padding:12px 14px;margin-bottom:10px}
.thc-top{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.thc-i{flex:1;min-width:0}
.thc-n{font-size:15px;font-weight:600;line-height:1.45}.thc-a{font-size:18px;font-weight:600;color:var(--alk-fg);white-space:nowrap}.thc-a small{font-size:12px;font-weight:500}
.thc-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:none;border-radius:var(--r-full);background:var(--control);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.thc-btn svg{width:16px;height:16px;flex-shrink:0}.thc-btn.wa{background:var(--lak-bg);color:var(--lak-fg)}.thc-btn.ic{width:36px;padding:0;justify-content:center}