/* ============================================================
   דיסקונט PWA — styles
   Tokens (colors) at the top; then shell, then per-screen blocks.
   ============================================================ */
:root{
  --green:#3FAE58; --green-d:#33A04F; --green-dd:#2A9147; --teal:#1FA98A; --teal-d:#178F76;
  --mint:#EAF7EE; --mint-2:#D9F0E1; --indigo:#5B5FEF; --indigo-d:#4A4EDC; --navy:#1F2A44;
  --ink:#1F2A44; --muted:#6B7280; --line:#E3EAE5; --bg:#F3F7F4; --white:#fff;
  --red:#E4483F; --amber:#D98A00; --amber-bg:#FFF4DE; --red-bg:#FDE9E7; --green-bg:#E4F5E8;
  --sh:0 1px 3px rgba(31,42,68,.08),0 6px 18px rgba(31,42,68,.06);
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px);
  --tabs-h:64px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;height:100%;background:var(--green);color:var(--ink);font-family:'Rubik',system-ui,-apple-system,"Segoe UI",Arial,sans-serif;direction:rtl;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%}
html.big{font-size:108%}
button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;margin:0;font-size:inherit;text-align:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none}
input{font-family:inherit}
sup{font-size:.5em;vertical-align:baseline;position:relative;top:-.55em;font-weight:400;letter-spacing:0}
a{color:inherit;text-decoration:none}
.hdr,.tabs,.sheet .grab,.seg,.chips,.mult,.modes,.qchips,.hero,.band h3{-webkit-user-select:none;user-select:none}

/* ---------- shell ---------- */
#app{position:fixed;inset:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);overscroll-behavior:none}
#views{flex:1 1 auto;position:relative;overflow:hidden;min-height:0}
.tabview{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.tabview.on{visibility:visible;pointer-events:auto;z-index:2}
.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);transform:translateX(0);transition:transform .32s cubic-bezier(.2,.7,.2,1);will-change:transform;isolation:isolate}
.screen.pushed{box-shadow:6px 0 30px rgba(0,0,0,.22)}
.screen.enter,.screen.exit{transform:translateX(-100%)}
.screen.drag{transition:none}
.sc{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative}
@media (prefers-reduced-motion:reduce){.screen{transition:none}.sheet,.sheet-wrap .dim,.push,.confirm.show,.donehero .ck,.msg{animation:none!important;transition:none!important}}
.hdr{background:var(--green);color:#fff;padding-top:var(--sat);min-height:calc(56px + var(--sat));display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding-inline:8px;flex:0 0 auto;position:relative;z-index:2}
.hdr.wide{grid-template-columns:96px 1fr 96px}
.hdr .t{text-align:center;font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr .hb{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;position:relative}
.hdr .hb svg{width:24px;height:24px}
.hdr .hb:active{background:rgba(255,255,255,.15)}
.hdr .grp{display:flex;gap:0}
.hdr .grp.l{justify-content:flex-start}
.hdr .brand{height:44px;padding:0 6px;display:flex;align-items:center;font-size:15px;font-weight:700;color:#fff;letter-spacing:.3px;border-radius:10px;-webkit-touch-callout:none}
.hdr .brand:active{background:rgba(255,255,255,.15)}
.hdr .hb .bdg{position:absolute;top:8px;left:8px;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid var(--green)}
.body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:12px}
.body::-webkit-scrollbar{width:0}
.tabs{flex:0 0 auto;height:calc(var(--tabs-h) + var(--sab));padding:6px 4px var(--sab);background:#fff;border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-around;position:relative;z-index:3}
.tabs .tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--ink);width:72px;min-height:44px;position:relative;white-space:nowrap;padding-top:2px;text-align:center}
.tabs .tab svg{width:26px;height:26px}
.tabs .tab.on{color:var(--indigo);font-weight:500}
.tabs .tab .dot{position:absolute;top:0;right:16px;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid #fff}
.tabs .fab{width:60px;height:60px;border-radius:50%;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-30px;box-shadow:0 8px 22px rgba(91,95,239,.45)}
.tabs .fab svg{width:30px;height:30px}
.tabs .fab:active{transform:scale(.96)}
body.kb .tabs{display:none}

/* amounts */
.amt{direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:tabular-nums;white-space:nowrap}
.amt .cur{font-size:.55em;font-weight:400;margin-right:2px;vertical-align:baseline;position:relative;top:-.1em}
.amt.big{font-size:42px;font-weight:300;line-height:1;letter-spacing:-.5px}
.amt.big sup{font-size:.48em;top:-.1em;font-weight:300}
.amt.big .cur{font-size:.42em;top:-.55em;margin-right:4px}
.num{direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:tabular-nums;white-space:nowrap}
.pos{color:#1D8A3F}.neg{color:var(--red)}
.band .pos,.band .neg{color:#fff}

/* bands (home) */
.band{padding:18px 20px 20px;color:#fff;position:relative}
.band.g1{background:var(--green)}
.band.g2{background:var(--green-dd)}
.band.g3{background:var(--teal)}
.band h3{margin:0 0 4px;font-size:18px;font-weight:700}
.band .hh{display:flex;align-items:center;gap:6px;width:100%;color:#fff;min-height:44px;margin:-8px 0 -4px}
.band .hh h3{margin:0}
.band .hh svg{width:16px;height:16px;opacity:.85}
.band .ico{position:absolute;left:22px;top:22px;width:40px;height:40px;opacity:.95}
.band .ico svg{width:40px;height:40px}
.band .sub{font-size:13px;opacity:.9;margin-top:6px}
.tl{margin-top:14px;position:relative}
.tl .trow{display:flex;align-items:flex-start;gap:12px;position:relative;padding:6px 0;width:100%;color:#fff;min-height:44px}
.tl .trow:before{content:"";position:absolute;right:3px;top:24px;bottom:-6px;width:1px;background:rgba(255,255,255,.35)}
.tl .trow:last-of-type:before{display:none}
.tl .pt{width:7px;height:7px;border-radius:50%;background:#fff;margin-top:6px;flex:0 0 7px}
.tl .d{font-size:13px;opacity:.85;width:56px;flex:0 0 56px;padding-top:1px}
.tl .n{font-weight:500;font-size:14px;display:block}
.tl .a{font-size:15px;font-weight:300;margin-top:1px;display:block}
.tl .all{display:inline-flex;align-items:center;gap:2px;color:#fff;font-size:13px;font-weight:500;margin-top:6px;min-height:44px;padding:0 4px}
.tl .all svg{width:14px;height:14px}
.safe-row{margin-top:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:10px;width:100%;color:#fff;transition:background .15s;min-height:48px}
.safe-row:active{background:rgba(255,255,255,.28)}
.safe-row .lbl{font-size:13px;opacity:.95}
.safe-row .v{font-size:20px;font-weight:500;margin-inline-start:auto}
.safe-row .v .amt{font-weight:500}
.safe-row svg{width:22px;height:22px;flex:0 0 22px}
.safe-row .chev{width:16px;height:16px;opacity:.8;flex:0 0 16px}
.pots-strip{background:#fff;padding:12px 16px 10px;border-bottom:1px solid var(--line)}
.pots-strip .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.pots-strip .hd b{font-size:15px;font-weight:700}
.pots-strip .hd button{font-size:13px;color:var(--indigo);font-weight:500;display:flex;align-items:center;gap:2px;min-height:44px;padding:0 4px}
.pots-strip .hd button svg{width:14px;height:14px}
.pots-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.pots-row::-webkit-scrollbar{height:0}
.potc{display:flex;flex-direction:column;align-items:center;gap:5px;width:82px;flex:0 0 82px;text-align:center;scroll-snap-align:start}
.ring{display:inline-block;width:60px;height:60px;position:relative;vertical-align:middle}
.ring svg{width:60px;height:60px;transform:rotate(-90deg)}
.ring.xl,.ring.xl svg{width:96px;height:96px}
.ring.xl .lk{font-size:18px}
.ring .bg{stroke:#E6EEE9}
.ring .fg{stroke:var(--green);stroke-linecap:round;transition:stroke-dasharray .9s cubic-bezier(.2,.7,.2,1)}
.ring .fg.full{stroke:var(--teal)}
.ring .lk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--ink)}
.ring .lk svg{width:14px;height:14px;transform:none;color:var(--teal)}
.ring.xl .lk svg{width:22px;height:22px}
.potc .nm{font-size:12px;font-weight:500;line-height:1.15;max-width:82px;color:var(--ink)}
.potc .am{font-size:11px;color:var(--muted);line-height:1.25}.potc .am .num{display:block;color:var(--ink);font-weight:500}
.insight{margin:12px 14px;background:#fff;border-radius:16px;padding:14px 14px 12px 12px;display:flex;gap:12px;box-shadow:var(--sh);position:relative;border:1px solid var(--mint-2)}
.insight.sal{border-color:#CFD2FF;background:#F4F5FF}
.insight .art{width:56px;height:56px;flex:0 0 56px;border-radius:14px;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--indigo)}
.insight.sal .art{background:#E4E6FF}
.insight .art svg{width:32px;height:32px}
.insight .tx{flex:1;min-width:0}
.insight .dt{font-size:11px;color:var(--teal);display:flex;align-items:center;gap:4px;margin-bottom:2px}
.insight .dt svg{width:14px;height:14px}
.insight h4{margin:0 0 3px;font-size:16px;font-weight:700}
.insight p{margin:0;font-size:13px;line-height:1.4;color:#3B4660}
.insight .more{margin-top:4px;color:var(--indigo);font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:2px;min-height:40px}
.insight .more svg{width:14px;height:14px}
.insight .x{position:absolute;left:2px;top:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.insight .x svg{width:16px;height:16px}
.cards-band .crow{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.22);width:100%;color:#fff;min-height:48px}
.cards-band .crow:first-of-type{border-top:0;margin-top:8px}
.lg{width:34px;height:24px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.2px;flex:0 0 34px;direction:ltr}
.cards-band .crow .cn{font-size:14px;font-weight:500;flex:1;min-width:0}
.cards-band .crow .cn small{display:block;font-size:11.5px;opacity:.85;font-weight:400;margin-top:1px}
.cards-band .crow .ca{font-size:17px;font-weight:300}
.cards-band .crow>svg{width:16px;height:16px;opacity:.8}
.lg.mc{background:#1E1E1E}.lg.mc i{width:11px;height:11px;border-radius:50%;display:inline-block}.lg.mc i:first-child{background:#EB001B}.lg.mc i:last-child{background:#F79E1B;margin-left:-4px;opacity:.95}
.lg.visa{background:#1A1F71;color:#fff;font-style:italic;font-size:10px}
.lg.isr{background:#fff;color:#E31E24;font-size:9px}
.lg.cal{background:#0A5BFF;color:#fff}
.lg.acct{background:var(--mint);color:var(--green-dd);font-size:11px}

/* generic content */
.card{background:#fff;border-radius:16px;margin:12px 14px;padding:14px 16px;box-shadow:var(--sh)}
.card h4{margin:0 0 8px;font-size:15px;font-weight:700}
.card.rowc{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;min-height:56px;gap:10px}
.card.rowc .toggle{font-weight:500}
button.card{width:calc(100% - 28px);color:var(--ink)}
.sec-t{font-size:13px;color:var(--muted);margin:16px 16px 6px;font-weight:500}
.li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line);min-height:52px;width:100%;color:var(--ink)}
.li:first-of-type,.li.nb{border-top:0}
.li .ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;background:var(--mint);color:var(--green-dd);font-weight:700;font-size:14px}
.li .ic svg{width:20px;height:20px}
.li .ic.c{color:#fff}
.li .tx{flex:1;min-width:0}
.li .tx b{font-weight:500;font-size:14.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li .tx small{display:block;font-size:12px;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li .am{font-size:16px;font-weight:500;text-align:left}
.li .am small{display:block;font-size:11px;color:var(--muted);font-weight:400;text-align:left}
.li>svg.chev{width:16px;height:16px;color:#9AA3AE;flex:0 0 16px}
.li .sw{margin-inline-start:auto}
.ic.sq{width:32px;height:32px;border-radius:9px;background:var(--mint);color:var(--green-dd);display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px}
.ic.sq svg{width:18px;height:18px}
.ic.sq.ind{background:#EEF0FF;color:var(--indigo)}
.list{background:#fff;margin:12px 14px;border-radius:16px;box-shadow:var(--sh);padding:2px 14px}
.dayh{font-size:12.5px;color:var(--muted);font-weight:500;margin:14px 18px 4px}
.tag{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:6px;font-weight:500;vertical-align:middle;margin-inline-start:4px}
.tag.up{background:var(--red-bg);color:var(--red)}
.tag.idle{background:var(--amber-bg);color:var(--amber)}
.tag.ok{background:var(--green-bg);color:#1D8A3F}
.tag.lock{background:#EEF0FF;color:var(--indigo)}
.tag.gray{background:#E9EEEB;color:var(--muted)}
.tag.wh{background:rgba(255,255,255,.25);color:#fff}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border-radius:14px;background:var(--indigo);color:#fff;font-size:16px;font-weight:500;transition:transform .1s,background .15s,opacity .2s;padding:0 14px;text-align:center}
.btn:active{transform:scale(.985)}
.btn.sec{background:#EEF0FF;color:var(--indigo)}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn.sm{height:44px;font-size:14px;border-radius:11px}
.btn.green{background:var(--green)}
.btn.danger{background:var(--red)}
.btn[disabled]{opacity:.5}
.btn svg{width:18px;height:18px}
.btnrow{display:flex;gap:8px}
.stack{display:flex;flex-direction:column;gap:8px}
.pad{padding:0 14px}
.foot{padding:10px 14px 12px;background:#fff;border-top:1px solid var(--line);flex:0 0 auto}
.seg{display:flex;background:#E9EEEB;border-radius:12px;padding:3px}
.seg button{flex:1;height:38px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--muted);transition:all .2s;text-align:center}
.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.seg button svg{width:16px;height:16px;vertical-align:-3px;margin-inline-end:4px}
.toggle{display:flex;align-items:center;gap:10px;font-size:14px}
.toggle b{font-weight:500;display:block}
.sw{width:50px;height:30px;border-radius:15px;background:#D6DDD8;position:relative;transition:background .2s;flex:0 0 50px;padding:0}
.sw:before{content:"";position:absolute;inset:-8px}
.sw:after{content:"";position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sw.on{background:var(--green)}
.sw.on:after{transform:translateX(-20px)}
.sw.dim{opacity:.5}
.range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#E3EAE5;outline:none;direction:ltr;margin:12px 0;touch-action:pan-y}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--indigo);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.field:last-child{margin-bottom:0}
.field label{font-size:12.5px;color:var(--muted);font-weight:500}
.field input{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-size:16px;color:var(--ink);background:#fff;outline:none;width:100%}
.field input:focus{border-color:var(--indigo)}
.field .in-amt{position:relative}
.field .in-amt input{direction:ltr;text-align:left;padding-left:34px}
.field .in-amt span{position:absolute;left:14px;top:13px;font-size:16px;color:var(--muted)}
.note{font-size:12.5px;color:var(--muted);line-height:1.5}
.note.pad{padding:0 20px 12px}
.pill{display:inline-flex;align-items:center;gap:5px;background:var(--mint);color:var(--green-dd);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}
.pill svg{width:13px;height:13px}
.hero{background:var(--green);color:#fff;padding:4px 20px 22px;text-align:center;flex:0 0 auto;transition:background .6s}
.hero .l{font-size:14px;opacity:.9}
.hero .amt.big{font-size:44px;margin-top:6px}
.hero .s{font-size:12.5px;opacity:.85;margin-top:8px}
.hero .ring{display:block;margin:4px auto 8px}
.hero .ring .bg{stroke:rgba(255,255,255,.3)}
.hero .ring .fg{stroke:#fff}
.hero .ring .lk,.hero .ring .lk svg{color:#fff}
.hero.flash{background:var(--teal)}
.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;line-height:1.5}
.empty svg{width:40px;height:40px;color:#B8C2BC;margin-bottom:8px}
.kv{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:14px;gap:10px}
.kv:first-child,.card h4+.kv{border-top:0}
.kv span:first-child{color:var(--muted)}
.kv b{font-weight:500;text-align:left}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid2 b{display:block;font-size:16px;font-weight:500}
.avatar{width:72px;height:72px;border-radius:50%;background:#fff;color:var(--green-dd);font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:6px auto 10px}
.sumline{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:10px 18px 0}
.sumline b{color:var(--ink);font-weight:500}

/* sheet */
.sheet-wrap{position:fixed;inset:0;z-index:30;display:none}
.sheet-wrap.open{display:block}
.sheet-wrap .dim{position:absolute;inset:0;background:rgba(17,24,39,.45);animation:fade .25s}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;padding:10px 18px calc(24px + var(--sab));max-height:88%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:up .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px rgba(0,0,0,.2)}
.sheet .grab{width:44px;height:5px;border-radius:3px;background:#D9DFDB;margin:0 auto 14px}
.sheet h3{margin:0 0 4px;font-size:20px;font-weight:700}
.sheet .p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.45}
.sheet .li{padding:6px 0}
.sheet .callbox{margin:0 0 14px}
.sheet .actions{margin-top:14px}
.sheet .txh{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.sheet .txh .ic{width:48px;height:48px;border-radius:14px;flex:0 0 48px}
.sheet .txh .ic svg{width:26px;height:26px}
.sheet .txh .amt{font-size:24px;font-weight:500}
@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.srow{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--line)}
.srow:first-of-type{border-top:0}
.srow .l{display:flex;align-items:center;justify-content:space-between;font-size:14.5px}
.srow .l b{font-weight:500}
.srow .l .amt{font-size:18px;font-weight:500}
.srow .l small{color:var(--muted);font-size:12px;margin-inline-start:6px}
.acts .li{min-height:60px}
.acts .li .ic.warn{background:var(--red-bg);color:var(--red)}

/* push banner */
.push{position:fixed;top:calc(8px + var(--sat));left:10px;right:10px;z-index:40;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:12px 14px;box-shadow:0 12px 40px rgba(0,0,0,.28);display:flex;gap:12px;align-items:flex-start;transform:translateY(-140%);transition:transform .45s cubic-bezier(.2,.8,.2,1);cursor:pointer;width:auto}
.push.show{transform:none}
.push .lg{width:42px;height:42px;border-radius:12px;background:#B8412B;color:#fff;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.push .lg.bank{background:var(--green)}
.push .lg svg{width:22px;height:22px}
.push .tx{flex:1;min-width:0}
.push .tx .h{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:2px}
.push .tx b{font-size:14.5px;font-weight:500;display:block;line-height:1.3}
.push .tx p{margin:2px 0 0;font-size:13px;color:#3B4660;line-height:1.35}

/* ---- safe ---- */
.calc{background:#fff;margin:12px 14px;border-radius:16px;box-shadow:var(--sh);overflow:hidden}
.calc .r{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);font-size:14px}
.calc .r:first-child{border-top:0}
.calc .r .d{color:var(--muted);font-size:12px;width:40px;flex:0 0 40px}
.calc .r .n{flex:1;min-width:0}
.calc .r .a{font-weight:500}
.calc .r.head{background:var(--mint);font-weight:500}
.calc .r.sum{background:var(--navy);color:#fff;font-weight:500;font-size:15px;padding:14px 16px}
.calc .r.sum .a{font-size:20px}
.calc .r.sub{background:#F7FAF8;color:var(--muted);font-size:13px}
.calc .op{width:18px;text-align:center;color:var(--muted);font-weight:500}

/* ---- pots ---- */
.pot{background:#fff;border-radius:16px;margin:10px 14px;padding:14px 16px;box-shadow:var(--sh);display:flex;gap:14px;align-items:center;transition:transform .15s;width:calc(100% - 28px);color:var(--ink)}
.pot:active{transform:scale(.99)}
.pot .ring{flex:0 0 60px}
.pot .tx{flex:1;min-width:0}
.pot .tx b{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pot .tx .amts{font-size:14px;color:var(--muted);margin-top:2px;display:block}
.pot .tx .amts .amt{color:var(--ink);font-weight:500}
.pot .bar{height:6px;border-radius:3px;background:#E6EEE9;margin-top:8px;overflow:hidden;display:block}
.pot .bar i{display:block;height:100%;background:var(--green);border-radius:3px;transition:width .9s cubic-bezier(.2,.7,.2,1)}
.pot .bar i.full{background:var(--teal)}
.pot .tx .st{font-size:11.5px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:4px}
.pot .tx .st svg{width:12px;height:12px}
.pot>svg{width:16px;height:16px;color:#9AA3AE;flex:0 0 16px}
.pot.pulse{animation:pulse .9s}
@keyframes pulse{0%{box-shadow:var(--sh)}40%{box-shadow:0 0 0 4px rgba(63,174,88,.35)}100%{box-shadow:var(--sh)}}
.mv{display:flex;flex-direction:column;gap:12px}
.mv .dir{display:flex;align-items:center;gap:10px}
.mv .box{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;min-width:0}
.mv .box b{display:block;font-size:14.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv .box small{color:var(--muted)}
.mv .swap{width:44px;height:44px;border-radius:50%;background:var(--mint);color:var(--green-dd);display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.mv .swap svg{width:20px;height:20px}
.mv .swap[disabled]{opacity:.4}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{border:1.5px solid var(--line);border-radius:22px;padding:0 12px;height:44px;font-size:13px;font-weight:500;background:#fff;text-align:center}
.chips button.on{border-color:var(--indigo);color:var(--indigo);background:#EEF0FF}
.chips button svg{width:14px;height:14px;vertical-align:-2px}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding:2px 14px 6px;margin:0 -14px}
.chips.scroll::-webkit-scrollbar{height:0}
.chips.scroll button{flex:0 0 auto}

/* ---- roundup ---- */
.mult{display:flex;gap:10px;margin:6px 0 10px}
.mult button{flex:1;height:64px;border-radius:14px;border:2px solid var(--line);background:#fff;font-size:22px;font-weight:700;color:var(--ink);transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.mult button small{font-size:11px;font-weight:400;color:var(--muted)}
.mult button.on{border-color:var(--indigo);background:#EEF0FF;color:var(--indigo)}
.ex{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.ex:first-of-type{border-top:0}
.ex .amt{font-weight:500}
.ex .to{color:var(--green-dd);font-weight:500}

/* ---- protect ---- */
.pband{margin:12px 14px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.pband .ph{padding:14px 16px 10px;display:flex;align-items:center;gap:10px}
.pband .ph .ic{width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--green-dd);display:flex;align-items:center;justify-content:center;flex:0 0 38px}
.pband .ph .ic svg{width:22px;height:22px}
.pband .ph .tx{flex:1;min-width:0}
.pband .ph svg.chev{width:16px;height:16px;color:#9AA3AE;flex:0 0 16px}
.pband .ph b{font-size:16px;font-weight:700;display:block}
.pband .ph small{color:var(--muted);font-size:12.5px}
.callbox{margin:4px 16px 16px;border:2px solid var(--green);border-radius:14px;padding:14px;background:var(--green-bg);transition:all .35s}
.callbox .st{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#1D8A3F}
.callbox .st .dotp{width:10px;height:10px;border-radius:50%;background:#1D8A3F;flex:0 0 10px}
.callbox .st svg{width:18px;height:18px}
.callbox p{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink)}
.callbox .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.callbox .meta span{background:#fff;border-radius:8px;padding:5px 9px;font-size:12.5px;font-weight:500}
.callbox.live{border-color:var(--indigo);background:#EEF0FF}
.callbox.live .st{color:var(--indigo)}
.callbox.live .st .dotp{background:var(--indigo);animation:blink 1.1s infinite}
@keyframes blink{50%{opacity:.25}}
.callbox .btn{margin-top:12px}
.body>.callbox{margin-top:12px}
.modes{display:flex;gap:8px;padding:0 16px 12px}
.modes button{flex:1;border:1.5px solid var(--line);border-radius:14px;padding:10px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12.5px;font-weight:500;background:#fff;line-height:1.2;text-align:center;transition:all .2s;min-height:72px}
.modes button svg{width:22px;height:22px;color:var(--green-dd)}
.modes button small{font-weight:400;color:var(--muted);font-size:11px}
.modes button.on{border-color:var(--indigo);background:#EEF0FF;color:var(--indigo)}
.modes button.on svg{color:var(--indigo)}
.caps{margin:0 16px 14px;border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px;display:none}
.caps.show{display:block;animation:fade .3s}
.caps .c{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px}
.caps .c svg{width:18px;height:18px;color:var(--green-dd);flex:0 0 18px}
.caps .c .cv{margin-inline-start:auto;font-weight:500}
.caps .off{margin-top:8px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center}
.caps .off svg{width:16px;height:16px;flex:0 0 16px}
.caps .cust{display:none;padding-top:6px}
.caps.custom .cust{display:block}
.caps .cust .l{display:flex;justify-content:space-between;font-size:13px;margin:8px 0 0}
.activebar{margin:0 16px 14px;background:var(--navy);color:#fff;border-radius:12px;padding:6px 14px;font-size:13px;display:flex;align-items:center;gap:8px;min-height:48px}
.activebar svg{width:16px;height:16px;flex:0 0 16px}
.activebar b{font-weight:500}
.activebar button{margin-inline-start:auto;color:#fff;font-size:12px;text-decoration:underline;min-height:44px;padding:0 4px;white-space:nowrap}

/* ---- fx ---- */
.fxbox{background:#fff;margin:12px 14px;border-radius:18px;box-shadow:var(--sh);overflow:hidden}
.fxbox .top{padding:16px 16px 6px}
.fxbox .top .l{font-size:13px;color:var(--muted)}
.fxbox .top .amt.big{font-size:40px;font-weight:400;color:var(--ink)}
.fxbox .top .amt.big sup{font-weight:400}
.fxbox .rng{padding:0 16px 10px}
.fxbox .rng .mm{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);direction:ltr}
.fxl{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);font-size:14px}
.fxl svg{width:18px;height:18px;color:var(--green-dd);flex:0 0 18px}
.fxl .amt{margin-inline-start:auto;font-weight:500}
.fxl .amt.mut{font-weight:400;color:var(--muted);font-size:12.5px}
.fxl.get{background:var(--mint);font-weight:500}
.fxl.get .amt{font-size:22px;font-weight:700;color:var(--green-dd)}
.fxl.get .amt .cur{font-size:.55em}
.fxall{padding:12px 16px;background:var(--navy);color:#fff;font-size:13.5px;display:flex;align-items:center;gap:8px}
.fxall svg{width:18px;height:18px;flex:0 0 18px}
.recip{display:flex;align-items:center;gap:12px;margin:12px 14px;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--sh)}
.recip .av{width:40px;height:40px;border-radius:50%;background:#FCE7D6;color:#B8412B;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.recip b{display:block;font-size:14.5px;font-weight:500}
.recip small{color:var(--muted);font-size:12px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.recip .pill{margin-inline-start:auto}

/* ---- notify ---- */
.cmp{margin:12px 14px}
.cmp .lb{font-size:12px;color:var(--muted);margin:10px 4px 6px;font-weight:500;display:flex;align-items:center;gap:6px}
.cmp .lb .tag{margin:0}
.ntf{background:#fff;border-radius:18px;padding:12px 14px;display:flex;gap:12px;box-shadow:var(--sh);align-items:flex-start;width:100%}
.ntf .lg{width:42px;height:42px;border-radius:12px;background:#B8412B;color:#fff;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.ntf .lg.old{background:#D5DBD7;color:#fff}
.ntf .lg.old svg{width:22px;height:22px}
.ntf .tx{flex:1;min-width:0}
.ntf .tx .h{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-bottom:2px}
.ntf .tx b{font-size:14.5px;font-weight:500;display:block;line-height:1.3}
.ntf .tx p{margin:2px 0 0;font-size:13px;color:#3B4660;line-height:1.4}
.ntf .tx p b{display:inline;font-size:13px}
.ntf.old{opacity:.85}
.ntf .tx .cat{display:inline-flex;align-items:center;gap:4px;background:var(--mint);color:var(--green-dd);border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:500}
.ntf .tx .cat svg{width:12px;height:12px}
.why{margin:14px 14px;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:var(--sh)}
.why h4{margin:0 0 8px;font-size:14.5px}
.why .r{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:13.5px;line-height:1.4}
.why .r svg{width:18px;height:18px;color:var(--green-dd);flex:0 0 18px;margin-top:1px}
.card .why{margin:0;padding:0;box-shadow:none}

/* ---- cards ---- */
.ccard{background:#fff;border-radius:18px;margin:10px 14px;box-shadow:var(--sh);overflow:hidden;width:calc(100% - 28px);color:var(--ink);display:block}
.ccard .ch{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}
.ccard .ch .lg{width:46px;height:30px;border-radius:6px;font-size:10px;flex:0 0 46px}
.ccard .ch .lg.mc i{width:14px;height:14px}
.ccard .ch .nm{min-width:0;flex:1}
.ccard .ch b{font-size:15.5px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccard .ch small{color:var(--muted);font-size:12px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.ccard .ch .amt{font-size:22px;font-weight:500}
.ccard .cg{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.ccard .cg>span{padding:10px 16px;font-size:12px;color:var(--muted);display:block}
.ccard .cg>span:first-child{border-left:1px solid var(--line)}
.ccard .cg b{display:block;font-size:15px;color:var(--ink);font-weight:500;margin-top:2px}
.ccard .cg b.diff{display:flex;align-items:center;gap:3px}
.ccard .cg b.diff svg{width:14px;height:14px}
.ccard .cg .d{display:flex;align-items:center;gap:4px;padding:0;margin-top:2px}
.ccard .cg .d svg{width:14px;height:14px}
.asof{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:5px;margin:0 16px 12px}
.asof svg{width:13px;height:13px}
.cards-total{background:var(--green);color:#fff;padding:8px 20px 20px;display:flex;align-items:flex-end;justify-content:space-between;flex:0 0 auto}
.cards-total .l{font-size:14px;opacity:.9}
.cards-total .l.r{text-align:left;font-size:12px}
.cards-total .amt.big{font-size:36px}
b.diff{display:flex;align-items:center;gap:3px}
b.diff svg{width:14px;height:14px}

/* ---- subs ---- */
.sub{background:#fff;border-radius:16px;margin:10px 14px;box-shadow:var(--sh);padding:12px 14px}
.sub .r1{display:flex;align-items:center;gap:12px}
.sub .lg{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px;flex:0 0 40px}
.sub .tx{flex:1;min-width:0}
.sub .tx b{font-size:15px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sub .tx small{color:var(--muted);font-size:12px;display:block;margin-top:2px}
.sub .am{text-align:left}
.sub .am .amt{font-size:17px;font-weight:500}
.sub .am .was{display:block;font-size:11.5px;color:var(--muted);text-decoration:line-through}
.sub .act{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.sub .act .btn{height:44px;font-size:13px;border-radius:10px;padding:0 8px}
.sub.done{opacity:.6}
.sumhd{background:var(--green);color:#fff;padding:6px 20px 18px;display:flex;justify-content:space-between;align-items:flex-end;flex:0 0 auto}
.sumhd .l{font-size:14px;opacity:.9}
.sumhd .l small{display:block;font-size:12px;opacity:.85;margin-top:3px}
.sumhd .amt.big{font-size:36px}

/* ---- bank / chat ---- */
.bankcards{background:#EEF3F0;padding:10px 12px 4px;display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.bankcards .li{background:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 1px 2px rgba(0,0,0,.06);min-height:56px}
.bankcards .li .ic.live{background:#EEF0FF;color:var(--indigo)}
.chat{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 12px 10px;background:#EEF3F0;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.chat::-webkit-scrollbar{width:0}
.msg{max-width:84%;padding:9px 13px;border-radius:18px;font-size:14px;line-height:1.45;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.05);position:relative;animation:pop .25s;align-self:flex-start;border-bottom-right-radius:4px}
.msg.me{align-self:flex-end;background:#DFF5E6;border-bottom-right-radius:18px;border-bottom-left-radius:4px}
.msg .av{position:absolute;right:-30px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.msg.bot{margin-right:30px}
.msg table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}
.msg td{padding:5px 0;border-top:1px solid #EEF1EF}
.msg td:last-child{text-align:left;font-weight:500;white-space:nowrap}
.msg tr.tot td{font-weight:700;border-top:2px solid #DDE3DF}
.msg .tm{display:block;font-size:10.5px;color:var(--muted);margin-top:4px;text-align:left}
.msg .lnk{color:var(--indigo);font-weight:500;display:block;margin-top:6px;min-height:32px}
.msg .btnrow{margin-top:8px}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.typing{display:inline-flex;gap:4px;padding:4px 2px}
.typing i{width:7px;height:7px;border-radius:50%;background:#B8C2BC;animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{opacity:.3;transform:translateY(-2px)}}
.qchips{background:#EEF3F0;padding:4px 12px 6px;display:flex;gap:6px;overflow-x:auto;flex:0 0 auto;-webkit-overflow-scrolling:touch}
.qchips::-webkit-scrollbar{height:0}
.qchips button{background:#fff;border-radius:14px;padding:0 12px;height:44px;font-size:13px;box-shadow:0 1px 2px rgba(0,0,0,.06);display:flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}
.qchips button:active{transform:scale(.985)}
.qchips button svg{width:16px;height:16px;color:var(--indigo);flex:0 0 16px}
.inbar{background:#EEF3F0;padding:6px 12px calc(8px + var(--sab));display:flex;gap:8px;align-items:center;flex:0 0 auto}
body.kb .inbar{padding-bottom:8px}
.inbar .in{flex:1;background:#fff;border-radius:24px;height:46px;display:flex;align-items:center;padding:0 8px 0 14px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.inbar .in input{flex:1;border:0;outline:none;font-size:16px;background:none;color:var(--ink);min-width:0}
.inbar .in svg{width:20px;height:20px;color:var(--green-dd)}
.inbar .send{width:46px;height:46px;border-radius:50%;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 46px}
.inbar .send svg{width:20px;height:20px;transform:scaleX(-1)}

/* ---- salary sheet ---- */
.split{display:flex;height:14px;border-radius:7px;overflow:hidden;margin:6px 0 14px;background:#E6EEE9}
.split i{display:block;height:100%;transition:width .3s}
.split .a{background:var(--navy)}.split .b{background:var(--green)}.split .c{background:var(--indigo)}
.legend{display:flex;gap:12px;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-inline-end:4px;vertical-align:middle}
.legend .a{background:var(--navy)}.legend .b{background:var(--green)}.legend .c{background:var(--indigo)}
.confirm{text-align:center;padding:16px 0 4px}
.confirm.show{animation:pop .3s}
.confirm .ck{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.confirm .ck svg{width:32px;height:32px}
.confirm b{display:block;font-size:17px}
.confirm p{margin:6px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}

/* ---- done screen ---- */
.donehero{background:var(--green);color:#fff;text-align:center;padding:18px 20px 30px;flex:0 0 auto}
.donehero .ck{width:84px;height:84px;border-radius:50%;background:#fff;color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;animation:pop .4s}
.donehero .ck svg{width:44px;height:44px;stroke-width:2.4}
.donehero b{display:block;font-size:22px;font-weight:700}
.donehero .amt.big{margin-top:8px;font-size:40px}
.donehero p{margin:8px 0 0;font-size:13.5px;opacity:.9}

/* ---- cheque ---- */
.camera{margin:12px 14px;border-radius:18px;background:#1F2A44;color:#fff;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
.camera .frame{position:absolute;inset:26px 22px;border:2px dashed rgba(255,255,255,.55);border-radius:12px}
.camera svg{width:44px;height:44px;opacity:.9}
.camera span{font-size:13px;opacity:.85}
.camera.ok{background:var(--mint);color:var(--green-dd)}
.camera.ok .frame{border-color:var(--green)}
.camera .chq{position:absolute;inset:34px 30px;background:#fff;border-radius:8px;color:var(--ink);padding:12px;font-size:12px;display:none;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.camera.ok .chq{display:block}
.camera .chq b{display:block;font-size:20px;margin-top:8px}

/* ---- search ---- */
.sbox{margin:12px 14px 4px;background:#fff;border-radius:14px;height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:var(--sh)}
.sbox svg{width:20px;height:20px;color:var(--muted);flex:0 0 20px}
.sbox input{flex:1;border:0;outline:none;font-size:16px;background:none;color:var(--ink);min-width:0}
.sbox .clr{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted);margin-inline-end:-12px}
.sbox .clr svg{width:16px;height:16px}
.filters{padding:6px 14px 0}
.filters .fl{font-size:11.5px;color:var(--muted);margin:6px 2px 4px}

/* ---- קוד גישה (js/gate.js) ---- */
#gate{position:fixed;inset:0;z-index:1000;background:#3FAE58;display:flex;align-items:center;justify-content:center;padding:24px;padding-top:env(safe-area-inset-top)}
.gate-box{width:100%;max-width:320px;text-align:center;color:#fff}
.gate-logo{font-weight:700;font-size:34px;margin-bottom:28px}
.gate-t{font-size:16px;opacity:.9;margin-bottom:12px}
.gate-in{width:100%;height:56px;border:0;border-radius:14px;background:#fff;color:#1F2A44;font:700 26px/1 'Rubik',system-ui;text-align:center;letter-spacing:.4em;direction:ltr;outline:none}
.gate-err{margin-top:12px;font-size:14px;color:#fff;background:rgba(0,0,0,.18);border-radius:8px;padding:6px}