/* Meiforma — מערכת עיצוב (מבוססת על Meiforma, בגווני מים). צבעים כמשתנים; data-theme על <html> קובע בהיר/כהה */
:root{
  --bg:#f2f6f9;--bg-grad:linear-gradient(160deg,#f1f7fb 0%,#f5f7f4 100%);
  --surface:#ffffff;--surface-2:#edf4f8;--ink:#0f1f2b;--ink-2:#31424f;--muted:#66788a;
  --line:#e1e8ec;--field-line:#8ea3ae;--field-bg:#ffffff;--brand:#0b6fa4;--brand-dk:#085a86;--brand-2:#2563eb;--brand-ink:#ffffff;--brand-soft:#e0f0f9;
  --ok:#0a7a2f;--okbg:#dcfce7;--bad:#dc1f1f;--badbg:#fee2e2;--warn:#92400e;--warnbg:#fef3c7;
  --shadow:0 1px 2px rgba(15,31,43,.05),0 10px 30px rgba(15,31,43,.06);--radius:20px;
  --grad:linear-gradient(135deg,#06b6d4 0%,#2563eb 100%);
  --hero:linear-gradient(135deg,#e3f2fb 0%,#f7fafc 100%);
}
:root[data-theme="dark"]{
  --bg:#0b141b;--bg-grad:linear-gradient(160deg,#0b141b 0%,#0e1820 100%);
  --surface:#15222a;--surface-2:#1b2b34;--ink:#e6eef2;--ink-2:#c3d0d8;--muted:#8ea1ad;
  --line:#243741;--field-line:#4a6573;--field-bg:#0f1a20;--brand:#38bdf8;--brand-dk:#0ea5e9;--brand-ink:#04202e;--brand-soft:#0f3347;
  --ok:#3ddc76;--okbg:#12311f;--bad:#ff5a5a;--badbg:#3b1616;--warn:#fbbf24;--warnbg:#382a0c;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.25);
  --hero:linear-gradient(135deg,#0f2c3d 0%,#15222a 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-grad) fixed,var(--bg);color:var(--ink);font:16px/1.65 "Heebo","Rubik","Segoe UI",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--brand)}a:hover{color:var(--brand-dk)}
img,svg{max-width:100%}
h1,h2,h3,h4{font-family:"Rubik","Heebo",sans-serif;line-height:1.25;margin:0 0 14px}
h1{font-size:30px;font-weight:800}h2{font-size:21px}h3{font-size:17px}
.muted{color:var(--muted);font-weight:400}.small{font-size:14px}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.narrowc{max-width:960px;margin:0 auto}

/* ---- כותרת עליונה (כמו Parkinu: כפתורים מימין, ניווט במרכז, לוגו משמאל) ---- */
.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar .container{display:flex;align-items:center;gap:18px;height:84px}
.brand{display:flex;align-items:center;gap:10px;color:var(--brand-dk);font:800 30px "Rubik",sans-serif;text-decoration:none;letter-spacing:-.5px;margin-right:auto;direction:ltr}
.brand b{color:var(--ink);font-weight:800}.brand:hover{text-decoration:none;color:var(--brand-dk)}
.brand img{width:48px;height:48px;filter:drop-shadow(0 3px 0 #0ea5e955)}
.navbtns{display:flex;gap:10px}
.iconbtn{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:background .15s}
.iconbtn:hover{background:var(--surface-2);color:var(--ink)}
.iconbtn.home.on{border:2px solid var(--brand);color:var(--brand);background:var(--brand-soft)}
.iconbtn svg{width:22px;height:22px}
.i-sun{display:none;color:#f59e0b}:root[data-theme="dark"] .i-sun{display:inline}:root[data-theme="dark"] .i-moon{display:none}
.i-moon{color:#f59e0b}
.mainnav{display:flex;align-items:center;gap:30px;margin-inline:auto}
.brand{margin-right:14px}
.mainnav a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:18px;text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.mainnav a:hover{color:var(--brand)}
.mainnav a.active{color:var(--brand);border-bottom-color:var(--brand)}
.topcta{font-size:17px!important;padding:13px 22px!important;border-radius:14px!important;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--brand) 70%,transparent)}
@media (max-width:1100px){.mainnav{gap:18px}.mainnav a{font-size:16px}}
@media (max-width:980px){.mainnav{display:none}.topcta{margin-inline-start:auto}.brand{margin-right:auto}.topcta+.brand{margin-right:0}}
@media (max-width:640px){
  .topbar .container{height:68px;gap:10px}.topcta{display:none!important}.brand{margin-right:auto!important}
  .iconbtn{width:42px;height:42px;border-radius:12px}.navbtns{gap:6px}
  .brand{font-size:24px}.brand img{width:38px;height:38px}
}
.avatar{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--grad);color:#fff;font:700 18px "Rubik",sans-serif;flex:none}
.avatar.xs{width:30px;height:30px;font-size:12px}
.avatar.xl{width:96px;height:96px;font-size:34px}

/* ---- מגירת תפריט ---- */
.overlay{position:fixed;inset:0;z-index:80;background:rgba(15,31,43,.28);backdrop-filter:blur(4px)}
.drawer{position:fixed;z-index:90;top:12px;bottom:12px;inset-inline-start:12px;width:min(390px,calc(100vw - 24px));background:var(--surface-2);border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.25);padding:14px;overflow-y:auto;transform:translateX(calc(100% + 30px));visibility:hidden;transition:transform .25s ease,visibility .25s;display:flex;flex-direction:column;gap:12px}
.drawer.open{transform:none;visibility:visible}
.dhead{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:18px;padding:12px 14px}
.dhead .who{flex:1;min-width:0}.dhead .who strong{display:block}.dhead .who small{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;text-align:right}
.dhead.guest .button{flex:1;justify-content:center;font-size:18px;padding:14px}
.dsec{background:var(--surface);border-radius:18px;padding:14px;margin:0}
.dsec h4{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2);margin:0 0 10px}.dsec h4 svg{width:16px;height:16px}
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dtile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:14px;color:var(--ink);font-size:13px;font-weight:600;text-align:center;text-decoration:none;line-height:1.25}
.dtile:hover{background:var(--surface-2);color:var(--ink)}
.dtile.active{background:var(--brand-soft)}.dtile.active .dic{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--brand)}
.dic{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#fff}
.dic svg{width:24px;height:24px}.dic.sm{width:36px;height:36px;border-radius:11px}.dic.sm svg{width:18px;height:18px}
.t-teal{background:#0b6fa4}.t-green{background:#16a34a}.t-blue{background:#2563eb}.t-purple{background:#7c3aed}
.t-pink{background:#e11d48}.t-cyan{background:#0891b2}.t-indigo{background:#4f46e5}.t-orange{background:#ea580c}
.t-yellow{background:#f59e0b}.t-gray{background:#64748b}
.dbadge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#dc2626;color:#fff;font:700 12px/22px "Heebo",sans-serif;font-style:normal;text-align:center}
.dbadge.static{position:static;margin-inline-start:auto}
.dbadge:empty{display:none}
.dlist{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.ditem{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;color:var(--ink);font-weight:600;text-decoration:none;font-size:15px}
.ditem:hover{background:var(--surface-2);color:var(--ink)}
button.ditem.logout{width:100%;border:none;background:none;color:var(--bad);justify-content:center}.ditem.logout svg{width:20px}

/* ---- כפתורים צפים ---- */
.fab-news{position:fixed;z-index:40;bottom:22px;inset-inline-end:22px;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:30px;background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.14);text-decoration:none}
.fab-news svg{width:18px;height:18px;color:#f59e0b}.fab-news .dbadge{top:-8px;inset-inline-end:auto;inset-inline-start:-6px}
.fab-news:hover{color:var(--brand)}
.more-hint{position:fixed;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);background:#fbbf24!important;color:#3b2a00!important;border:none!important;border-radius:30px!important;padding:10px 22px!important;box-shadow:0 8px 20px rgba(245,158,11,.4);font-weight:700}
.more-hint svg{width:16px;height:16px}
.to-top{position:fixed;z-index:40;bottom:22px;inset-inline-end:22px;width:56px;height:56px;border-radius:50%!important;padding:0!important;justify-content:center;background:var(--surface)!important;box-shadow:0 8px 24px rgba(0,0,0,.15);color:var(--brand)!important}
.to-top svg{width:24px;height:24px}
body.scrolled .fab-news{display:none}
[hidden]{display:none!important}

/* ---- תוכן ---- */
main{flex:1;padding:36px 0 60px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-bottom:18px;box-shadow:var(--shadow)}
.card.narrow{max-width:520px;margin:30px auto}
.ch{display:flex;align-items:center;gap:10px}
.ch svg{width:24px;height:24px;color:var(--brand);flex:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.tile{display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}
.tile:hover{border-color:var(--brand);transform:translateY(-2px);color:var(--ink)}
.head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.head h1,.head h2{margin:0}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:6px}.crumbs a{color:var(--muted)}
.pagehero{background:var(--hero);border:1px solid var(--line);border-radius:var(--radius);padding:44px 26px;text-align:center;margin-bottom:18px;box-shadow:var(--shadow)}
.pagehero h1{margin-bottom:8px}.pagehero p{margin:0;color:var(--muted);font-size:18px}
.pagehero .logo{width:84px;height:84px;margin-bottom:10px;filter:drop-shadow(0 4px 0 #f59e0b66)}
.pagehero .brandname{font:800 42px "Rubik",sans-serif;color:var(--brand-dk);direction:ltr}.pagehero .brandname b{color:var(--ink)}
.pagehero .upd{margin-top:18px;font-size:15px}
.checks{list-style:none;padding:0;margin:0}
.checks li{position:relative;padding-inline-start:34px;margin-bottom:12px;color:var(--ink-2)}
.checks li:before{content:"✓";position:absolute;inset-inline-start:0;top:2px;width:22px;height:22px;border-radius:6px;background:#22c55e;color:#fff;font:700 14px/22px sans-serif;text-align:center}
.doc .card p,.doc .card li{color:var(--ink-2)}
.doc .card h2{font-size:22px}

/* ---- צ'יפים / בחירה ---- */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px}
.chips input{position:absolute;opacity:0;width:0;height:0}
.chips label{margin:0;font-weight:500}
.chips span{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:26px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;cursor:pointer;transition:all .15s}
.chips span svg{width:18px;height:18px}
.chips input:checked+span{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:700}
.chips input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.fieldlabel{display:block;font-weight:700;font-size:15px;margin-bottom:4px}

/* ---- טפסים ---- */
label{display:block;margin-bottom:16px;font-weight:700;font-size:15px;color:var(--ink)}
.hint{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:5px}
input,select,textarea{display:block;width:100%;margin-top:8px;padding:13px 15px;border:1.5px solid var(--field-line);border-radius:14px;background:var(--field-bg);color:var(--ink);font:inherit;font-weight:400}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--field-line) 50%,var(--brand))}
input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 25%,transparent);border-color:var(--brand)}
input[readonly]{background:var(--surface-2);color:var(--muted)}
input[type=checkbox]{display:inline-block;width:22px;height:22px;margin:0;accent-color:var(--brand);vertical-align:middle;flex:none}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}
textarea{min-height:150px;resize:vertical}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.pw{position:relative;display:block}.pw input{padding-inline-start:48px}
.pw button{position:absolute;inset-inline-start:6px;top:calc(50% + 4px);transform:translateY(-50%);border:none;background:none;color:var(--muted);cursor:pointer;padding:6px}
.pw button:hover{background:none;color:var(--brand)}
.pw button svg{width:20px;height:20px}
button,.button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:filter .15s,background .15s}
button:hover,.button:hover{background:var(--surface-2);color:var(--ink)}
.primary,.button.primary{background:var(--brand);border-color:transparent;color:var(--brand-ink)}
.primary:hover,.button.primary:hover{background:var(--brand-dk);color:var(--brand-ink)}
.soft,.button.soft{background:var(--brand-soft);border-color:transparent;color:var(--brand)}
.soft:hover,.button.soft:hover{background:color-mix(in srgb,var(--brand-soft) 80%,var(--brand));color:var(--brand)}
.danger{color:var(--bad)}
button:disabled{background:var(--surface-2)!important;color:var(--muted)!important;border:1px dashed var(--line)!important;cursor:default}
button.link{border:none;background:none;padding:8px 12px;color:var(--ink-2);font-weight:500;font-size:16px}
form.inline{display:inline}
.w100{width:100%;justify-content:center;padding:15px}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* ---- הודעות ותגיות ---- */
.flash{padding:13px 18px;border-radius:14px;margin-bottom:16px;font-weight:500}
.flash.error{background:var(--badbg);color:var(--bad)}.flash.ok{background:var(--okbg);color:var(--ok)}.flash.info{background:var(--brand-soft);color:var(--brand-dk)}
:root[data-theme="dark"] .flash.info{color:var(--brand)}
.note{background:var(--brand-soft);border-radius:14px;padding:13px 18px;margin-bottom:18px;color:var(--ink-2)}
.badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:12px;font-weight:700}
.badge.ok{background:var(--okbg);color:var(--ok)}.badge.bad{background:var(--badbg);color:var(--bad)}.badge.warn{background:var(--warnbg);color:var(--warn)}
.badge.soft{background:var(--brand-soft);color:var(--brand)}
.secret{font:700 20px ui-monospace,monospace;direction:ltr;text-align:center;background:var(--surface-2);padding:14px;border-radius:12px;user-select:all}

/* ---- טבלאות ---- */
.scroll{overflow-x:auto}
table.plain{width:100%;border-collapse:collapse}
table.plain th,table.plain td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}
table.plain th{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap;background:var(--surface-2)}
table.plain td input,table.plain td select{margin:0}
table.num td:not(:first-child),td.n{text-align:left;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap}
table.small{font-size:13px}
tr.sub td{font-weight:700;background:var(--surface-2)}tr.warnrow td{background:var(--warnbg)}
.okcell{background:var(--okbg);color:var(--ok)}.badcell{background:var(--badbg);color:var(--bad)}

/* ---- דף נחיתה ---- */
.hero{padding:56px 0 30px}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:46px;letter-spacing:-.5px}
.hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:19px;color:var(--ink-2);max-width:560px}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero .mock{border-radius:22px;box-shadow:0 30px 60px -20px rgba(15,118,110,.35);border:1px solid var(--line);background:var(--surface)}
@media (max-width:900px){.hero .container{grid-template-columns:1fr}.hero h1{font-size:32px}}
.section{padding:44px 0}
.section h2.center{text-align:center;font-size:30px;margin-bottom:8px}
.section p.center{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 28px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.feature .ic{width:52px;height:52px;border-radius:15px;background:var(--brand);display:grid;place-items:center;color:#fff;margin-bottom:14px}
.features .feature:nth-child(6n+2) .ic{background:#2563eb}.features .feature:nth-child(6n+3) .ic{background:#16a34a}
.features .feature:nth-child(6n+4) .ic{background:#ea580c}.features .feature:nth-child(6n+5) .ic{background:#7c3aed}.features .feature:nth-child(6n+6) .ic{background:#e11d48}
.feature .ic svg{width:26px;height:26px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.step{position:relative;padding-top:32px}
.step:before{counter-increment:s;content:counter(s);position:absolute;top:-18px;inset-inline-start:22px;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;text-align:center}
.stats b{display:block;font:800 34px "Rubik",sans-serif;color:var(--brand)}
.cta-band{background:linear-gradient(135deg,#0b6fa4,#0c4a6e);color:#fff;border-radius:26px;padding:40px;text-align:center}
.cta-band h2{color:#fff}.cta-band .button{background:#fff;color:#0b6fa4;border:none}

/* ---- מדריך: לשוניות + אקורדיון ---- */
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:26px;box-shadow:var(--shadow)}
.tabs a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-radius:14px;background:var(--brand-soft);color:var(--brand-dk);font-weight:700;text-decoration:none;text-align:center}
:root[data-theme="dark"] .tabs a{color:var(--brand)}
.tabs a svg{width:20px;height:20px}
.tabs a:hover,.tabs a.on{background:var(--brand);color:var(--brand-ink)!important}
@media (max-width:700px){.tabs{grid-template-columns:1fr 1fr}}
.gsec{scroll-margin-top:100px;margin-bottom:28px}
.gsec>h2{display:flex;align-items:center;gap:10px}.gsec>h2 svg{width:24px;height:24px;color:var(--brand)}
details.acc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;box-shadow:var(--shadow)}
details.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font:700 18px "Rubik",sans-serif}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary:after{content:"▾";color:var(--brand);font-size:16px;transition:transform .2s}
details.acc[open] summary:after{transform:rotate(180deg)}
details.acc .body{padding:0 24px 20px;color:var(--ink-2)}
details.acc ol,details.acc ul{padding-inline-start:22px;margin:0}details.acc li{margin-bottom:8px}

/* ---- תוכן כללי ---- */
.prose{max-width:960px;margin:0 auto}
.prose h2{margin-top:30px}.prose p,.prose li{color:var(--ink-2)}
.guide-step{display:flex;gap:14px;align-items:flex-start}
.guide-step .n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:26px}@media (max-width:760px){.two{grid-template-columns:1fr}}
.numsteps{list-style:none;padding:0;margin:0;counter-reset:n}
.numsteps li{counter-increment:n;display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.numsteps li:last-child{border:none}
.numsteps li:before{content:counter(n);flex:none;width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}
.kbd{display:inline-block;background:var(--brand-soft);color:var(--brand-dk);border-radius:8px;padding:2px 10px;font-weight:700}
:root[data-theme="dark"] .kbd{color:var(--brand)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.seg button{justify-content:center;padding:14px}.seg button.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}

/* ---- חדשות ---- */
.news{display:flex;gap:18px;align-items:flex-start}
.news .dic{flex:none}
.news h2{font-size:20px;margin-bottom:8px}.news p{margin:0 0 12px;color:var(--ink-2)}
.news .date{color:var(--muted);font-size:14px}

/* ---- פרופיל ---- */
.prof{display:flex;gap:20px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.prof .meta strong{display:block;font-size:20px}.prof .meta span{color:var(--muted)}
.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.list-row:last-child{border:none}.list-row .grow{flex:1;min-width:160px}
.check-row{display:flex;align-items:center;gap:12px;font-weight:500;margin-bottom:12px;cursor:pointer}

/* ---- כניסה ---- */
.authcard{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:10px auto;background:var(--surface);border-radius:28px;box-shadow:0 20px 60px -20px rgba(15,31,43,.25);overflow:hidden;border:1px solid var(--line)}
.authcard .formside{padding:56px 54px}
.authcard .formside h1{font-size:34px;margin-bottom:6px}
.authcard .side{position:relative;background:linear-gradient(135deg,#0b6fa4 0%,#0c4a6e 100%);color:#fff;padding:56px 50px;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:hidden;min-height:540px}
.authcard .side .logo{width:84px;height:84px;background:#fff;border-radius:22px;padding:10px;box-shadow:0 5px 0 #f59e0b}
.authcard .side h2{color:#fff;font:800 50px "Rubik",sans-serif;margin:8px 0 0;direction:ltr;text-align:right}
.authcard .side p{font-size:20px;margin:0 0 10px;opacity:.95}
.authcard .feat{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 18px;font-size:18px;font-weight:600}
.authcard .feat svg{width:22px;height:22px;flex:none}
.bubble{position:absolute;padding:6px 14px;border-radius:14px;font:800 16px "Rubik",sans-serif;background:rgba(255,255,255,.14);color:#a7f3d0;direction:ltr}
.bubble:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:rgba(255,255,255,.14)}
@media (max-width:900px){.authcard{grid-template-columns:1fr}.authcard .side{display:none}.authcard .formside{padding:34px 22px}}

/* ---- כותרת תחתונה ---- */
.footer{padding:36px 0 30px;font-size:16px}
.footer .container{border-top:1px solid var(--line);padding-top:30px;display:flex;flex-direction:column;gap:14px}
.footer .brand{font-size:24px;margin:0;align-self:flex-start}.footer .brand img{width:36px;height:36px}
.footer nav{display:flex;flex-wrap:wrap;gap:8px 26px}.footer nav a{color:var(--ink-2);font-weight:700;text-decoration:none}
.footer nav a:hover{color:var(--brand)}
.accrow{display:grid;grid-template-columns:1.3fr 1.4fr .8fr 1.3fr 1fr 44px;gap:10px;align-items:end;margin-bottom:10px}
.accrow label{margin:0}
@media (max-width:900px){.accrow{grid-template-columns:1fr 1fr;padding:12px;border:1px solid var(--line);border-radius:14px}}
@media (max-width:640px){h1{font-size:26px}.card{padding:20px}.fab-news{bottom:14px;inset-inline-end:14px}}
main .container{min-width:0}
img.avatar{object-fit:cover;background:var(--surface-2)}
.avwrap{position:relative;margin:0;cursor:pointer;display:inline-block}
.avwrap .cam{position:absolute;bottom:2px;inset-inline-start:2px;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);box-shadow:var(--shadow)}
.avwrap .cam svg{width:16px;height:16px}
.mobile-only{display:none!important}
@media (max-width:640px){.mobile-only{display:inline-flex!important}}
.button svg,button svg{width:18px;height:18px;flex:none}
label.button{white-space:nowrap;font-size:15px}
/* ---- ייבוא: גרירת קבצים ---- */
.dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px 20px;border:2.5px dashed var(--field-line);border-radius:20px;background:var(--surface-2);cursor:pointer;margin:0;transition:all .15s}
.dropzone strong{font-size:19px}.dropzone .muted{font-weight:400;font-size:15px}
.dropzone:hover,.dropzone.over{border-color:var(--brand);background:var(--brand-soft)}
.filelist{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}
.filelist li{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:15px}
.filelist li .sz{margin-inline-start:auto;color:var(--muted);font-size:13px;direction:ltr}
.filelist li button{border:none;background:none;padding:2px 6px;color:var(--muted);font-size:16px}
[data-submit]{margin-top:16px}
/* ---- ניווט בתוך דף ---- */
.subnav{position:sticky;top:84px;z-index:30;display:flex;gap:8px;overflow-x:auto;padding:10px;margin:0 0 18px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);scrollbar-width:none}
.subnav::-webkit-scrollbar{display:none}
.subnav a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 16px;border-radius:12px;color:var(--ink);font-weight:700;text-decoration:none}
.subnav a:hover{background:var(--surface-2);color:var(--ink)}
.subnav a.on{background:var(--brand);color:var(--brand-ink)}
.pill{font-style:normal;font-size:12px;font-weight:700;padding:1px 9px;border-radius:10px;background:var(--surface-2);color:var(--ink-2)}
.subnav a.on .pill{background:rgba(255,255,255,.25);color:inherit}
.pill.ok{background:var(--okbg);color:var(--ok)}.pill.bad{background:var(--badbg);color:var(--bad)}.pill.warn{background:var(--warnbg);color:var(--warn)}
.anchor{scroll-margin-top:170px}
td.nw,.nw{white-space:nowrap}
@media (max-width:640px){.subnav{top:68px}.anchor{scroll-margin-top:150px}}
.badge{white-space:nowrap}
/* ---- תור טיפול ---- */
.qhead{display:flex;gap:18px;align-items:flex-start}
.qamt{flex:none;min-width:150px;padding:10px 14px;border-radius:14px;font:800 20px "Rubik",sans-serif;text-align:center;font-variant-numeric:tabular-nums}
.qamt small{font-size:12px;font-weight:700;opacity:.8}
.qamt.in{background:var(--okbg);color:var(--ok)}.qamt.out{background:var(--badbg);color:var(--bad)}
.qhead .grow{flex:1;min-width:0}.qhead strong{font-size:18px}
.qreason{display:flex;gap:8px;align-items:center;margin:14px 0;padding:10px 14px;border-radius:12px;background:var(--warnbg);color:var(--warn);font-weight:600;font-size:15px}
.qreason svg{width:18px;height:18px;flex:none}
.decide{border-top:1px solid var(--line);padding-top:16px}
.remember{background:var(--surface-2);border-radius:14px;padding:14px 16px;margin-bottom:16px}
.remember .chips span{padding:7px 14px;font-size:14px}
.qcard{flex-direction:row!important;align-items:center;gap:16px;border-color:color-mix(in srgb,#ea580c 40%,var(--line))}
@media (max-width:640px){.qhead{flex-direction:column}.qamt{min-width:0}.qcard{flex-wrap:wrap}}
/* ---- פירוט קטגוריה ---- */
.sumtable tr.drillable{cursor:pointer}
.sumtable tr.drillable:hover td{background:var(--brand-soft)}
.sumtable tr.drillable td:first-child{color:var(--brand-dk);font-weight:700}
:root[data-theme="dark"] .sumtable tr.drillable td:first-child{color:var(--brand)}
.dcaret{display:inline-block;width:16px;transition:transform .15s;color:var(--brand)}
tr.drillable[aria-expanded="true"] .dcaret{transform:rotate(90deg)}
tr.drillable[aria-expanded="true"] td{background:var(--brand-soft)}
.drillrow>td{padding:0!important;background:var(--surface-2)}
.drillbox{padding:12px 14px;border-inline-start:4px solid var(--brand);display:grid;gap:12px}
.drilltable{background:var(--surface);border-radius:10px;overflow:hidden}
.drilltable td,.drilltable th{text-align:start!important;direction:inherit!important}
.drilltable td.n,.drilltable th.n{text-align:left!important;direction:ltr!important}
/* ---- כותרות טבלה נדבקות ---- */
table.plain th{position:sticky;top:0;z-index:2}
.drilltable th{position:static}


/* ---- טבלאות בטלפון: בלי גלילה לצדדים ---- */
.acctabs{display:none}
@media (max-width:640px){
  /* טבלת הסיכום: חשבון אחד בכל פעם */
  .acctabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
  .acctabs button{padding:8px 14px;font-size:14px;border-radius:12px}
  .acctabs button.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
  .sumtable .hidecol{display:none}
  .sumtable td:first-child .muted{display:none}
  .sumtable td,.sumtable th{padding:10px 8px}
  .sumtable .dcaret{width:12px}
  /* שאר הטבלאות: כל שורה הופכת לכרטיס עם שם השדה ליד הערך */
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
  table.stack tr.hdr{display:none}
  table.stack tr{border:1px solid var(--line);border-radius:14px;padding:8px 12px;margin-bottom:10px;background:var(--surface)}
  table.stack td{display:flex;justify-content:space-between;gap:14px;border:none;padding:5px 0;text-align:start!important;direction:rtl!important;white-space:normal}
  table.stack td::before{content:attr(data-label);flex:none;max-width:40%;color:var(--muted);font-size:13px;font-weight:600}
  table.stack td{overflow-wrap:anywhere;word-break:break-word;min-width:0}
  table.stack td>*{min-width:0}
  table.stack td:empty,table.stack td[data-empty]{display:none}
  table.stack td.n{font-weight:700;font-variant-numeric:tabular-nums}
  table.stack td.n>*,table.stack td.n{unicode-bidi:plaintext}
  table.stack tr.sub{background:var(--surface-2)}
  table.stack tr.sub td[colspan]::before{content:none}
  table.stack tr.warnrow{background:var(--warnbg)}
  .drillbox{padding:10px 8px;border-inline-start-width:3px}
  .drilltable{background:transparent}
  .scroll{overflow:visible}
}


/* מילים ארוכות (שמות קבצים) נשברות רק בתאי טקסט, לא בכפתורים ולא באמצע מילים רגילות */
button,.button,.badge,.pill,a.link{white-space:nowrap}
td{overflow-wrap:break-word}
td[dir="auto"]{word-break:break-all}
/* ---- מאיפה מורידים ---- */
.srchead{display:flex;gap:14px;align-items:center;margin-bottom:12px}.srchead h2{margin:0 0 4px;font-size:19px}.srchead .grow{flex:1}
.pathrow{display:flex;gap:10px;align-items:center;margin-top:8px}
.path{flex:1;display:block;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font:500 14px/1.6 "Heebo",sans-serif;color:var(--ink);overflow-wrap:anywhere}
.path[dir=ltr]{font-family:ui-monospace,Menlo,monospace;font-size:13px;text-align:left}
.pathrow button{flex:none;padding:9px 14px;font-size:14px}
.pathrow button.done{background:var(--okbg);color:var(--ok)}
.srcedit{margin-top:12px}.srcedit summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:14px}
.srcedit form{margin-top:12px}
.importhelp{margin-top:14px}
@media (max-width:640px){.pathrow{flex-direction:column;align-items:stretch}}
.editbtn{order:3;padding:8px 14px!important;font-size:14px!important}
.srchead{flex-wrap:wrap}
/* ---- אישור לפני שליחת הזמנה ---- */
dialog.confirm{border:none;border-radius:20px;padding:26px;max-width:460px;width:calc(100% - 32px);background:var(--surface);color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.3)}
dialog.confirm::backdrop{background:rgba(15,31,43,.35);backdrop-filter:blur(3px)}
.bigmail{font:700 22px ui-monospace,Menlo,monospace;background:var(--surface-2);border-radius:12px;padding:14px;text-align:center;overflow-wrap:anywhere}
td.neg{color:var(--ok, #0b6fa4)}
/* ---- תחזית ---- */
.flash.warn{background:var(--warnbg);color:var(--warn)}
.fchead{align-items:flex-end;gap:14px;flex-wrap:wrap}
.ccyseg{display:inline-flex;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.ccyseg a{padding:9px 14px;font-weight:700;font-size:14px;color:var(--ink-2);text-decoration:none}
.ccyseg a.on{background:var(--brand);color:var(--brand-ink)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}
.kpi{display:flex;flex-direction:column;gap:4px;margin:0;padding:18px}
.kpi .lbl{font-size:13px;color:var(--ink-2);font-weight:600}
.kpi strong{font:800 24px Rubik,Heebo,sans-serif;color:var(--ink);text-align:start}
.kpi.neg strong{color:var(--bad)}
.chartbox{position:relative}
.fcchart svg{width:100%;height:auto;display:block;overflow:visible}
.fcchart .grid{stroke:var(--line);stroke-width:1}
.fcchart .axis{stroke:var(--muted);stroke-width:1}
.fcchart .zero{stroke:var(--bad);stroke-width:1;stroke-dasharray:4 4}
.fcchart .ztxt{fill:var(--bad);font-size:11px}
.fcchart .area{fill:var(--brand);opacity:.08}
.fcchart .line{fill:none;stroke:var(--brand);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.fcchart .mark{fill:var(--brand);stroke:var(--surface);stroke-width:2}
.fcchart .lbltxt{fill:var(--ink);font-size:12px;font-weight:700;paint-order:stroke;stroke:var(--surface);stroke-width:4px}
.fcchart .tick{fill:var(--ink-2);font-size:11px}
.fcchart .guide{stroke:var(--ink-2);stroke-width:1;opacity:0;stroke-dasharray:3 3}
.fcchart .hdot{fill:var(--surface);stroke:var(--brand);stroke-width:2.5;opacity:0}
.fcchart .hit{fill:transparent;cursor:crosshair;outline:none}
.charttip{position:absolute;transform:translate(-50%,-100%);background:var(--ink);color:var(--surface);border-radius:10px;padding:6px 10px;font-size:12px;pointer-events:none;display:flex;flex-direction:column;align-items:center;white-space:nowrap;box-shadow:var(--shadow)}
.charttip b{font-size:14px;direction:ltr}
.fcscroll{border:1px solid var(--line);border-radius:14px;max-width:100%}
table.fcgrid{border-collapse:separate;border-spacing:0;min-width:100%;font-size:13px}
table.fcgrid th,table.fcgrid td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
table.fcgrid th{background:var(--surface-2);font-size:12px;color:var(--ink-2);text-align:center;position:sticky;top:0;z-index:2}
table.fcgrid th span{font-weight:800;color:var(--ink)}
table.fcgrid th em{font-style:normal;font-size:10px;color:var(--warn)}
table.fcgrid th.gap{background:var(--warnbg)}
table.fcgrid .stick{position:sticky;right:0;z-index:3;background:var(--surface);text-align:right;direction:rtl;min-width:170px;max-width:210px;white-space:normal;box-shadow:-1px 0 0 var(--line)}
table.fcgrid th.stick{z-index:4;background:var(--surface-2)}
table.fcgrid .stick .muted{font-size:11px;display:block}
table.fcgrid tr.zero td:not(.stick){color:var(--muted)}
table.fcgrid tr.zero .stick{color:var(--ink-2)}
table.fcgrid td.cell{cursor:pointer;position:relative}
table.fcgrid td.cell:hover,table.fcgrid td.cell:focus{background:var(--brand-soft);outline:none}
table.fcgrid td.adj::after,.adjdot{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#f59e0b;position:absolute;top:6px;right:5px}
.adjdot{position:static;vertical-align:middle;margin:0 2px}
table.fcgrid td.neg{color:var(--ok)}
table.fcgrid tr.sub td{background:var(--surface-2);font-weight:700}
table.fcgrid tr.sub td.stick{background:var(--surface-2)}
table.fcgrid tr.total td{font-weight:800;background:var(--brand-soft);border-bottom:none}
table.fcgrid tr.total td.stick{background:var(--brand-soft)}
table.fcgrid td.badcell{color:var(--bad)}
.fcnotes{margin:14px 0 0;padding-inline-start:18px;line-height:1.7}
table.srcs td{vertical-align:top}
.dropzone.small{padding:22px 18px}
.suggest{display:flex;flex-direction:column;gap:10px;margin:10px 0 6px}
.suggest .sg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0}
.suggest .sg>div{flex:1 1 260px}
.sgamt{display:flex;align-items:center;gap:6px;margin:0;font-weight:700}
.sgamt input{width:130px;margin:0}
.addrec{margin-top:18px}
.addrec summary{cursor:pointer;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:6px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end;margin-top:12px}
.grid4 label,.grid3 label{margin:0}
.grid4 button{height:48px}
.grid3{display:grid;grid-template-columns:1fr 110px 2fr;gap:10px}
@media (max-width:560px){.grid3{grid-template-columns:1fr 1fr}.grid3 label:last-child{grid-column:1/-1}}
.plainlist{list-style:none;padding:0;margin:0;line-height:1.9}
dialog.fcdialog{max-width:680px;padding:24px 22px;max-height:88vh;overflow:auto}
.fcdialog .fcx{position:absolute;top:12px;left:12px}
.fcitems{max-height:44vh;overflow:auto;border:1px solid var(--line);border-radius:12px}
.fcitems table{margin:0}
.fcitems td.n,.fcitems th.n{text-align:left;direction:ltr}
@media (max-width:760px){
  .scroll.fcscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table.fcgrid .stick{min-width:118px;max-width:130px;font-size:12px}
  table.fcgrid th,table.fcgrid td{padding:7px 8px}
  .kpi strong{font-size:20px}
}
table.fcgrid td.neg{color:var(--bad)}
.chartbox.narrow{display:none}
.srcs td .muted{overflow-wrap:normal;word-break:normal}
@media (max-width:760px){
  .chartbox.wide{display:none}.chartbox.narrow{display:block}
  .kpis{grid-template-columns:1fr 1fr;gap:10px}
  .kpi{padding:14px}
  .kpi strong{font-size:18px}
  .kpi .lbl{font-size:12px}
}
.fcchart svg{direction:ltr}
/* ---- רשימת ייבואים ---- */
.implist tr.latest td{background:color-mix(in srgb,var(--brand-soft) 55%,transparent)}
.implist tr.empty td{color:var(--muted)}
.implist .openbtn{white-space:nowrap;padding:9px 16px;font-size:14px}
.implist .openbtn svg{transform:scaleX(-1)}
.implist a.badge{text-decoration:none}
.rowbtns{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.implist td{white-space:nowrap}.implist td:first-child{white-space:normal}
.undobtn{background:transparent;border:1.5px solid color-mix(in srgb,var(--bad) 45%,transparent);color:var(--bad);padding:8px 12px;font-size:13px;border-radius:12px;white-space:nowrap}
.undobtn:hover{background:var(--badbg)}
/* ---- תג מטבע ---- */
.ccy{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.92em;white-space:nowrap;direction:ltr;vertical-align:middle;color:inherit}
.ccy i{font-style:normal;display:inline-grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;font-size:.85em;font-weight:800;line-height:1;color:#fff;background:var(--c,#64748b);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}
.ccy-ils{--c:#2563eb}.ccy-usd{--c:#15803d}.ccy-eur{--c:#7c3aed}.ccy-gbp{--c:#be185d}.ccy-chf{--c:#dc2626}.ccy-jpy,.ccy-cny{--c:#b45309}
th .ccy{color:inherit}
.ccyseg a .ccy i{width:1.4em;height:1.4em}
.ccyseg a.on .ccy i{background:#fff;color:var(--brand)}
.acctabs button .ccy{margin-inline-start:2px}
.sgamt .ccy i{width:1.6em;height:1.6em}
/* שדה מלכודת לבוטים — מוסתר בלי לדחוף את הדף הצידה (ב-RTL left:-9999px יוצר גלילה ענקית) */
.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;opacity:0;pointer-events:none}

/* ================= מערכת כפתורים אחידה =================
   ראשי = מילוי טורקיז · משני = מסגרת טורקיז · בתוך טבלה = גלולה קטנה · מחיקה/ביטול = אדום */
.primary,.button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 88%,#fff) 0%,var(--brand) 100%);
  border:1.5px solid var(--brand-dk);color:var(--brand-ink);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 14px -6px color-mix(in srgb,var(--brand) 75%,transparent);transition:transform .12s,box-shadow .15s,background .15s}
.primary:hover,.button.primary:hover{background:var(--brand-dk);color:var(--brand-ink);transform:translateY(-1px);
  box-shadow:0 10px 20px -8px color-mix(in srgb,var(--brand) 80%,transparent)}
.primary:active,.button.primary:active{transform:translateY(0)}

.soft,.button.soft,button:not([class]){background:color-mix(in srgb,var(--brand-soft) 70%,var(--surface));
  border:1.5px solid color-mix(in srgb,var(--brand) 55%,transparent);color:var(--brand-dk);transition:background .15s,color .15s,border-color .15s}
.soft:hover,.button.soft:hover,button:not([class]):hover{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
:root[data-theme="dark"] .soft,:root[data-theme="dark"] .button.soft,:root[data-theme="dark"] button:not([class]){color:var(--brand)}
:root[data-theme="dark"] .soft:hover,:root[data-theme="dark"] .button.soft:hover,:root[data-theme="dark"] button:not([class]):hover{color:var(--brand-ink)}

/* פעולות בתוך טבלאות ורשימות ("שליחה שוב", "איפוס סיסמה", "שינוי", "מחיקה") */
button.link,a.link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-size:14px;font-weight:700;
  background:transparent;border:1.5px solid color-mix(in srgb,var(--brand) 45%,transparent);color:var(--brand-dk);text-decoration:none;cursor:pointer}
button.link:hover,a.link:hover{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
:root[data-theme="dark"] button.link,:root[data-theme="dark"] a.link{color:var(--brand)}
:root[data-theme="dark"] button.link:hover,:root[data-theme="dark"] a.link:hover{color:var(--brand-ink)}

/* מחיקה / ביטול */
button.danger,.button.danger,button.link.danger,a.link.danger,.undobtn{background:transparent;border:1.5px solid color-mix(in srgb,var(--bad) 50%,transparent);color:var(--bad)}
button.danger:hover,.button.danger:hover,button.link.danger:hover,a.link.danger:hover,.undobtn:hover{background:var(--bad);border-color:var(--bad);color:#fff}
.soft.danger{border-color:color-mix(in srgb,var(--bad) 50%,transparent);color:var(--bad);background:transparent}
.soft.danger:hover{background:var(--bad);color:#fff}

/* כרטיסי מעבר בדף החברה: מסגרת בגוון המותג */
.qcard{border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.qcard:hover{border-color:var(--brand)}
button:focus-visible,.button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:2px}
/* כפתורים פנימיים שנשארים שקופים */
.pw button,.pw button:hover{border:none!important;background:none!important;box-shadow:none}
.pw button{color:var(--muted)}.pw button:hover{color:var(--brand)}
.filelist li button,.filelist li button:hover{border:none!important;background:none!important;color:var(--muted)}
.filelist li button:hover{color:var(--bad)}
.seg button.on,.acctabs button.on{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--brand-ink)!important}
/* תג מטבע v2: סמל ממורכז + קוד ברוחב קבוע */
.ccy i{display:none}
.ccy{gap:6px}
.ccy .ccyi{width:1.45em;height:1.45em;flex:none;display:block}
.ccy .ccyi circle{fill:var(--c,#64748b)}
.ccy .ccyi text{fill:#fff;font:800 11.5px Arial,"Segoe UI",sans-serif}
.ccy b{display:inline-block;min-width:2.35em;text-align:left;font-weight:700;letter-spacing:.2px}
.ccyseg a.on .ccy .ccyi circle{fill:#fff}.ccyseg a.on .ccy .ccyi text{fill:var(--brand)}
.sgamt .ccy .ccyi{width:1.6em;height:1.6em}
.ccy .ccyi path{fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ccyseg a.on .ccy .ccyi path{stroke:var(--brand)}
/* ריחוף רך בלי קפיצה: בלי translate (גרם להבהוב בקצה הכפתור) ובלי החלפת רקע מדורג → אחיד */
.primary,.button.primary{transition:filter .18s ease,box-shadow .18s ease}
.primary:hover,.button.primary:hover{transform:none!important;filter:brightness(.92) saturate(1.05);
  background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 88%,#fff) 0%,var(--brand) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 18px -8px color-mix(in srgb,var(--brand) 85%,transparent)}
.primary:active,.button.primary:active{filter:brightness(.86)}
.soft,.button.soft,button:not([class]),button.link,a.link,button.danger,.button.danger,.undobtn{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.qcard{transition:border-color .18s ease}
.qcard:hover,.tile:hover{transform:none!important}
/* ריחוף בולט ורך: צבע כהה יותר + טבעת הדגשה סביב הכפתור (בלי תזוזה, בלי שינוי גודל) */
.primary,.button.primary{background:var(--brand);filter:none;
  transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease}
.primary:hover,.button.primary:hover{background:var(--brand-dk);filter:none;border-color:var(--brand-dk);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 28%,transparent),0 10px 22px -8px color-mix(in srgb,var(--brand) 85%,transparent)}
.primary:active,.button.primary:active{filter:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 40%,transparent)}
.soft:hover,.button.soft:hover,button:not([class]):hover,button.link:hover,a.link:hover{
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent)}
button.danger:hover,.button.danger:hover,button.link.danger:hover,a.link.danger:hover,.undobtn:hover,.soft.danger:hover{
  box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 22%,transparent)}
.soft,.button.soft,button:not([class]),button.link,a.link,button.danger,.button.danger,.undobtn{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.iconbtn:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
.iconbtn{transition:border-color .18s ease,box-shadow .18s ease,color .18s ease}
.qcard:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.pw button:hover,.filelist li button:hover{box-shadow:none}
/* ---- בר "שינויים שלא נשמרו" ---- */
.savebar{position:fixed;inset-inline:0;bottom:0;z-index:60;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:var(--ink);color:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.22);border-top:4px solid #f59e0b;animation:sbup .22s ease-out}
:root[data-theme="dark"] .savebar{background:#0b1418}
.savebar[hidden]{display:none}
.savebar-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sb-dot{width:12px;height:12px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.3);flex:none;animation:sbpulse 1.6s ease-in-out infinite}
.sb-msg{font-size:16px;flex:1 1 220px}
.sb-btns{display:flex;gap:10px;margin-inline-start:auto}
.savebar .sb-undo{background:transparent!important;border:1.5px solid rgba(255,255,255,.45)!important;color:#fff!important;box-shadow:none!important}
.savebar .sb-undo:hover{background:rgba(255,255,255,.12)!important}
.savebar .sb-save{padding:12px 26px;font-size:16px}
body.has-savebar{padding-bottom:84px}
body.has-savebar .more-hint,body.has-savebar .fab-news{display:none!important}
body.has-savebar .to-top{bottom:96px}
@keyframes sbup{from{transform:translateY(100%)}to{transform:none}}
@keyframes sbpulse{50%{box-shadow:0 0 0 8px rgba(245,158,11,.08)}}
@media (max-width:640px){.sb-btns{width:100%}.sb-btns button{flex:1;justify-content:center}.sb-msg{font-size:15px}body.has-savebar{padding-bottom:132px}body.has-savebar .to-top{bottom:144px}}
@media (prefers-reduced-motion:reduce){.savebar,.sb-dot{animation:none}}
/* ---- תפריט צד קומפקטי: נכנס במסך בלי גלילה ---- */
.drawer{gap:8px;padding:10px;top:10px;bottom:10px}
.dhead{padding:8px 12px;border-radius:16px}
.dhead .avatar{width:40px;height:40px}
.dhead .iconbtn{width:40px;height:40px}
.dsec{padding:10px 10px 8px;border-radius:16px}
.dsec h4{margin:0 0 6px;font-size:13px}
.dgrid{gap:2px}
.dtile{gap:4px;padding:6px 2px;font-size:12.5px;white-space:nowrap}
.dic{width:42px;height:42px;border-radius:13px}.dic svg{width:21px;height:21px}
.dtile.active .dic{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand)}
.dlist{grid-template-columns:repeat(3,1fr);gap:2px 4px}
.ditem{padding:5px 6px;gap:7px;font-size:13.5px}
.dic.sm{width:28px;height:28px;border-radius:9px}.dic.sm svg{width:15px;height:15px}
form.dsec:has(.logout){padding:4px}
button.ditem.logout{padding:8px;font-size:14px}
.ditem{white-space:nowrap}

/* ================= תפריט קבוע (מסך רחב) ================= */
@media (min-width:1200px){
  html.nav-docked .drawer{top:96px;bottom:12px;inset-inline-start:12px;width:236px;transform:none;visibility:visible;
    z-index:40;padding:8px;gap:6px;box-shadow:0 6px 24px -10px rgba(0,0,0,.18);border:1px solid var(--line);border-radius:20px}
  html.nav-docked .overlay{display:none!important}
  html.nav-docked main,html.nav-docked .footer{margin-inline-start:260px}
  html.nav-docked .mainnav{display:none}
  html.nav-docked .dhead{display:none}
  html.nav-docked .dsec{padding:8px 6px 6px;border-radius:14px}
  html.nav-docked .dsec h4{margin:0 6px 4px;font-size:12px;color:var(--muted)}
  html.nav-docked .dgrid{display:flex;flex-direction:column;gap:1px}
  html.nav-docked .dtile{flex-direction:row;justify-content:flex-start;gap:10px;padding:4px 8px;border-radius:10px;font-size:14px;text-align:start;border-inline-start:3px solid transparent}
  html.nav-docked .dtile .dic{width:28px;height:28px;border-radius:8px;box-shadow:none!important}
  html.nav-docked .dtile .dic svg{width:16px;height:16px}
  html.nav-docked .dtile.active{background:var(--brand-soft);border-inline-start-color:var(--brand);color:var(--brand-dk);font-weight:800}
  html.nav-docked .dtile .dbadge{top:-5px;inset-inline-end:-7px;min-width:18px;height:18px;line-height:18px;font-size:11px;padding:0 4px}
  html.nav-docked .dlist{grid-template-columns:1fr 1fr;gap:0 2px}
  html.nav-docked .ditem{padding:3px 6px;font-size:13px;gap:6px}
  html.nav-docked .ditem .dic.sm{width:22px;height:22px;border-radius:7px}
  html.nav-docked .ditem .dic.sm svg{width:13px;height:13px}
  html.nav-docked button.ditem.logout{padding:6px;font-size:13px}
  html.nav-docked .fab-news{inset-inline-start:auto;inset-inline-end:24px}
  html.nav-docked [data-drawer-open]{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 45%,transparent);color:var(--brand)}
  html.nav-init .drawer,html.nav-init main,html.nav-init .footer{transition:none!important}
  main,.footer{transition:margin .22s ease}
}
@media (min-width:1200px){
  html.nav-docked .topbar .container{max-width:none;padding:0 24px}
}
@media (min-width:1200px) and (max-height:900px){
  html.nav-docked .drawer{gap:4px;padding:6px}
  html.nav-docked .dsec{padding:5px 5px 4px}
  html.nav-docked .dsec h4{margin:0 6px 2px;font-size:11.5px}
  html.nav-docked .dtile{padding:2px 8px;font-size:13.5px}
  html.nav-docked .dtile .dic{width:24px;height:24px;border-radius:7px}
  html.nav-docked .dtile .dic svg{width:14px;height:14px}
  html.nav-docked .dlist{grid-template-columns:1fr 1fr 1fr}
  html.nav-docked .ditem{padding:2px 4px;font-size:12px;gap:4px}
  html.nav-docked .ditem .dic.sm{display:none}
  html.nav-docked button.ditem.logout{padding:4px}
}
.implist td:first-child strong{white-space:nowrap}
/* במצב קבוע: הקישורים הכלליים (אודות, פרטיות, תנאים...) כבר נמצאים בתחתית כל דף — לא צריך אותם בעמודה */
@media (min-width:1200px){
  html.nav-docked .drawer .dsec:has(.dlist){display:none}
  html.nav-docked .drawer{scrollbar-width:thin}
}
@media (min-width:1200px) and (max-height:760px){
  html.nav-docked .drawer{top:92px;bottom:8px}
  html.nav-docked .dsec h4{margin:0 6px 1px;font-size:11px}
  html.nav-docked .dsec{padding:4px}
  html.nav-docked .dtile{padding:1px 8px}
}
/* ---- סל מחזור, הודעת בטל, גיבויים ---- */
.undotoast{position:fixed;z-index:120;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;
  max-width:calc(100vw - 32px);padding:10px 12px 10px 18px;border-radius:14px;background:#10262c;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.28);overflow:hidden}
.undotoast span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.undotoast span svg{width:18px;flex:none;opacity:.8}
.undotoast button.primary{padding:8px 16px;flex:none}
.undotoast .iconbtn{width:36px;height:36px;border-radius:10px;background:transparent;border-color:rgba(255,255,255,.25);color:#fff;flex:none}
.undotoast .iconbtn svg{width:16px}
.undotoast .undobar{position:absolute;bottom:0;right:0;height:3px;width:100%;background:var(--brand);transform-origin:right;animation:undobar 20s linear forwards}
@keyframes undobar{to{transform:scaleX(0)}}
.undotoast.gone{opacity:0;transition:opacity .3s;pointer-events:none}
.trashlist tr.done td{opacity:.6}
.trashlist td{vertical-align:top}
details.bkp{border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:var(--surface)}
details.bkp summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
details.bkp summary::-webkit-details-marker{display:none}
details.bkp[open] summary{border-bottom:1px solid var(--line)}
.bkpbody{padding:14px}
.bkpgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.bkpbox{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.bkpbox h3{margin:0}.bkpbox p{margin:0}.bkpbox label{margin:0}
.bkpbox button{align-self:flex-start}
/* פס הגלילה של הדף תמיד שומר מקום — המסך לא קופץ במעבר בין דף קצר לארוך */
html{scrollbar-gutter:stable}
/* תפריט מוצמד: התפריט העליון מוסתר, אז הלוגו חוזר לקצה השמאלי */
@media (min-width:1200px){ html.nav-docked .topbar .brand{margin-right:auto;margin-left:0} }
/* כפתור לראש הדף בגווני הלוגו */
.to-top{background:linear-gradient(135deg,#06b6d4,#2563eb)!important;color:#fff!important;border:none!important;box-shadow:0 8px 22px -6px rgba(37,99,235,.55)!important;transition:box-shadow .15s,filter .15s}
.to-top:hover{filter:brightness(1.08);box-shadow:0 0 0 4px color-mix(in srgb,#06b6d4 30%,transparent),0 10px 26px -6px rgba(37,99,235,.6)!important}
/* שדות קלט בולטים יותר במצב בהיר */
:root:not([data-theme="dark"]) input:not([type=checkbox]):not([type=radio]):not([type=file]),:root:not([data-theme="dark"]) select,:root:not([data-theme="dark"]) textarea{box-shadow:inset 0 1px 2px rgba(15,40,50,.06)}
form.uedit{margin:0 0 14px;padding:16px;border:1.5px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:14px;background:var(--brand-soft)}
form.uedit .row{margin-bottom:8px}
/* סרגל עליון זהה כשהתפריט פתוח או סגור: כפתורים צמודים לימין, לוגו לשמאל */
@media (min-width:1200px){
  html.authed .topbar .container{max-width:none;padding:0 24px}
  html.authed .topbar .brand{margin-right:auto;margin-left:0}
  html.authed .mainnav{margin-inline:auto}
}
/* שורת משתמש: בחירת תפקיד וכפתורים באותו גובה */
.list-row select,.list-row button.link,.list-row .button{height:40px;box-sizing:border-box;margin:0}
.list-row select{padding-top:0!important;padding-bottom:0!important;line-height:38px}
.list-row button.link{display:inline-flex;align-items:center;padding-top:0;padding-bottom:0}
.list-row form.inline{display:inline-flex;align-items:center}
.list-row:has(+ form.uedit[hidden]:last-child){border-bottom:none}
/* התראות */
.ntable th.c,.ntable td.c{text-align:center;width:90px}
.ntable td{vertical-align:middle}
.devlist{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}
.devlist li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px}
.devlist li .link{margin-inline-start:auto}
fieldset.fcalert{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:10px 14px 14px;margin:0}
fieldset.fcalert legend{padding:0 6px;font-weight:700}
.ngrid{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ngrid .nh,.ngrid .nr{display:grid;grid-template-columns:1fr 84px 84px;align-items:center;gap:8px;padding:12px 14px}
.ngrid .nh{background:var(--surface-2);font-size:13px;font-weight:700;color:var(--muted)}
.ngrid .nh span:not(:first-child){text-align:center}
.ngrid .nr+.nr,.ngrid .nh+.nr{border-top:1px solid var(--line)}
.ngrid .nc{display:flex;justify-content:center;margin:0;cursor:pointer;padding:8px 0}
@media (max-width:640px){.ngrid .nh,.ngrid .nr{grid-template-columns:1fr 54px 54px;padding:10px}}
/* נייד: סרגל עליון קבוע (fixed) במקום sticky — בדפדפני אנדרואיד sticky קופץ בגלילה */
@media (max-width:640px){
  .topbar{position:fixed;top:0;left:0;right:0;will-change:transform}
  body{padding-top:69px}
}
/* כפתורים ארוכים בכרטיס ההתראות — נשברים לשורה שנייה ולא יוצאים מהמסך */
.pushbox .btnrow button{white-space:normal;max-width:100%;text-align:center;line-height:1.35}
.devlist .link.danger{color:var(--bad)}
/* אימות דו-שלבי */
input.otp{font-size:24px;letter-spacing:6px;text-align:center;font-variant-numeric:tabular-nums}
.qrbox{background:#fff;border-radius:14px;padding:10px;width:220px;margin:12px 0}
.qrbox svg{width:200px;height:200px;display:block}
.keybig{font-size:17px;letter-spacing:1px;word-break:break-all}
.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:360px}
.codes code{font-size:17px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;text-align:center;background:var(--surface-2)}
ol.steps2fa{padding-inline-start:20px}ol.steps2fa li{margin-bottom:16px}
@media print{.topbar,.drawer,.footer,.btnrow,.crumbs{display:none!important}}
/* שדה קוד בתוך שורת שדות — באותו גובה כמו השדות שלידו */
.row input.otp,.btnrow input.otp{font-size:inherit;letter-spacing:4px;line-height:inherit}
/* פיצול תנועה */
.splitrows{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.splitrow{display:grid;grid-template-columns:140px 1.2fr 1fr 1fr 42px;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.splitrow label{margin:0}
.iconbtn.sm{width:42px;height:42px;border-radius:12px;margin-top:30px}
.splitfoot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.splitsum{font-weight:700;font-variant-numeric:tabular-nums}
.splitsum.ok{color:var(--ok)}.splitsum.bad{color:var(--bad)}
@media (max-width:760px){.splitrow{grid-template-columns:1fr 1fr}.splitrow .iconbtn{grid-column:1/-1;justify-self:end;margin-top:0}}
/* טבלה ארוכה במחשב: חלון גלילה בגובה המסך — הכותרות נשארות למעלה והגלילה לצדדים תמיד בתחתית החלון */
@media (min-width:641px){
  .scroll.tall{max-height:calc(100dvh - 250px);min-height:320px;overflow:auto;overscroll-behavior:auto;border:1px solid var(--line);border-radius:12px}
  .scroll.tall table.plain{margin:0}
  .scroll.tall table.plain th{top:0;z-index:3;box-shadow:inset 0 -1px 0 var(--line)}
  .scroll.tall::-webkit-scrollbar{height:12px;width:10px}
  .scroll.tall::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:8px;border:2px solid var(--surface)}
  .scroll.tall::-webkit-scrollbar-track{background:var(--surface-2)}
}
/* טבלת כל התנועות: בלי גלילה לצדדים */
.txtable td{vertical-align:top}
.txtable td .pos{color:var(--ok);font-weight:700}.txtable td .neg{font-weight:700}
.txtable td:nth-child(2){min-width:140px}
a.iconlink{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);color:var(--brand);text-decoration:none;font-size:16px}
a.iconlink:hover{background:var(--brand-soft);border-color:var(--brand)}
/* כותרות טבלה בגוון המותג — מובחנות משורות הנתונים ומשורות הסיכום */
table.plain tr:first-child th,table.plain thead th{background:var(--brand-dk);color:#fff;font-weight:700;border-bottom:none}
table.plain tr:first-child th .muted{color:rgba(255,255,255,.75)}
:root[data-theme="dark"] table.plain tr:first-child th{background:#0c4a6e;color:#e0f2fe}
:root[data-theme="dark"] table.plain tr:first-child th .muted{color:#bae6fd}
.drilltable tr:first-child th{background:color-mix(in srgb,var(--brand-dk) 80%,var(--surface))}
/* שבוע סגור */
.badge.lockb{background:#1e293b;color:#fff;border-color:#1e293b;font-size:13px;vertical-align:middle}
:root[data-theme="dark"] .badge.lockb{background:#e2e8f0;color:#0f172a}
.lockbar{margin:0 0 16px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,#1e293b 8%,var(--surface));border:1.5px solid color-mix(in srgb,#1e293b 30%,var(--line));font-weight:600}
/* ייבוא במייל */
.inaddr{display:flex;flex-direction:row;direction:ltr!important;align-items:center;gap:4px;margin-top:8px}
.inaddr input{margin:0;flex:1;width:auto;min-width:60px;text-align:center}
.inaddr b{font-weight:600;color:var(--muted);white-space:nowrap}
pre.codebox{background:#0b1418;color:#d1fae5;padding:12px;border-radius:12px;overflow:auto;font-size:12px;line-height:1.5;max-height:260px}
.inboxcard{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
/* מדריך מנהל-על */
.agwrap{max-width:1100px}
.agtoc ol{columns:2;margin:8px 0 0}
.agtoc a{text-decoration:none}
.agfigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:12px 0}
figure.agfig{margin:12px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-2)}
figure.agfig img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#fff}
figure.agfig figcaption{padding:8px 12px;font-size:13px;color:var(--muted)}
.agdl dt{font-weight:700;margin-top:12px}.agdl dd{margin:4px 0 0}
@media (max-width:640px){.agtoc ol{columns:1}}
/* דשבורד החברה */
.dhead2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 10px;flex-wrap:wrap}
.chips.mini{display:flex;gap:6px}.chipbtn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;background:var(--surface)}
.chipbtn.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.dkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.kpi{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.kpi .kl{font-size:13px;color:var(--muted);font-weight:600}
.kpi strong{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
.kpi strong.pos{color:var(--ok)}.kpi strong.neg{color:var(--bad)}
.kpi .ks{font-size:12.5px;color:var(--muted)}
.kpi.alert{border-color:var(--bad);background:color-mix(in srgb,var(--badbg) 55%,var(--surface))}
.kpi.klink{text-decoration:none;color:inherit}.kpi.klink:hover{border-color:var(--brand);background:var(--surface)}
.dcharts{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}
.dchart{padding:16px 18px}
.dsvg{width:100%;height:auto;display:block}
.dsvg .zero{stroke:var(--muted);stroke-dasharray:3 3;opacity:.6}
.dsvg .fcbg{fill:color-mix(in srgb,var(--brand-soft) 45%,transparent)}
.dsvg .area{fill:color-mix(in srgb,var(--brand) 14%,transparent)}
.dsvg .lineA{fill:none;stroke:var(--brand);stroke-width:2.5}
.dsvg .lineF{fill:none;stroke:var(--brand-2);stroke-width:2.5;stroke-dasharray:6 5}
.dsvg .dotA{fill:var(--brand)}.dsvg .dotF{fill:var(--surface);stroke:var(--brand-2);stroke-width:2}
.dsvg .barP{fill:var(--ok)}.dsvg .barN{fill:var(--bad)}
.dsvg{direction:ltr}.dsvg .lbl{font-size:15px;fill:var(--muted);font-family:inherit}
.dsvg .nobar{stroke:var(--muted);stroke-width:3;stroke-dasharray:2 4;stroke-linecap:round;opacity:.7}
td.neg,.n.neg{color:var(--bad)}
@media (max-width:1000px){.dkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dcharts{grid-template-columns:1fr}}
@media (max-width:640px){.kpi strong{font-size:22px}.kpi{padding:12px 14px}}
figure.agfig{position:relative}
.samplebadge{position:absolute;top:12px;left:12px;z-index:2;transform:rotate(-6deg);background:#f59e0b;color:#1f1300;font-weight:800;font-size:15px;padding:6px 14px;border-radius:10px;border:2px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.25);pointer-events:none}
.ccyseg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.ccyseg a{padding:5px 14px;font-size:13px;font-weight:700;text-decoration:none;color:var(--muted)}
.ccyseg a.on{background:var(--brand);color:var(--brand-ink)}
.dlegend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);margin:0 0 6px}
.dlegend i{display:inline-block;width:22px;height:0;border-top:2.5px solid var(--brand);vertical-align:middle;margin-inline-end:4px}
.dlegend i.lf{border-top:2.5px dashed var(--brand-2)}
/* מדריך: תוכן עם הדגשת הנושא הנוכחי */
.agtoc li{margin:2px 0;break-inside:avoid}
.agtoc a{display:block;padding:6px 10px;border-radius:9px;color:var(--ink);border-inline-start:3px solid transparent;transition:background .15s,color .15s,border-color .15s}
.agtoc a:hover{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}
.agtoc a.on{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand);font-weight:700;border-inline-start-color:var(--brand)}
section.agcur{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 25%,transparent)}
.agtoc ol{list-style:none;padding:0}
@media (min-width:1100px){
  .agwrap{max-width:1360px}
  .aglayout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}
  .agtoc{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;margin:0}
  .agtoc ol{columns:1}
}
.agtoc .agsub{list-style:none;margin:2px 0 6px;padding:0 14px 0 0}
.agtoc .agsub a{font-size:13px;padding:4px 10px;color:var(--muted);font-weight:500}
.agtoc .agsub a.on{color:var(--brand);font-weight:700;background:color-mix(in srgb,var(--brand) 9%,transparent)}
@media (max-width:1099px){.agtoc .agsub{display:none}}
@media (min-width:1100px){.agtoc{font-size:14px;padding:14px}.agtoc a{padding:5px 9px;line-height:1.35}.agtoc .agsub a{font-size:12.5px}}
.dkpis .kpi{min-width:0}.dkpis .kpi strong{overflow-wrap:anywhere}
@media (max-width:480px){.dkpis .kpi strong{font-size:19px}.dkpis .kpi{padding:12px}}
.dlegend i.bp,.dlegend i.bn{width:12px;height:12px;border:0;border-radius:3px;background:var(--ok)}.dlegend i.bn{background:var(--bad)}
.dlegend i.bz{width:14px;border-top:3px dotted var(--muted)}
@media (min-width:1100px){.agwrap{max-width:1400px;margin-right:0;margin-left:auto}}
@media (min-width:1100px){.container:has(> .agwrap){max-width:none;margin-right:0;padding-right:24px}}
.iconbtn2{padding-inline:10px!important}.iconbtn2 svg{width:18px;height:18px}

/* מדריך: כותרת צמודה מתחת לסרגל העליון, תוכן פתוח עם כל תתי-הנושאים */
.agwrap > .head{position:sticky;top:84px;z-index:20;background:var(--bg);margin:0 -8px 10px;padding:10px 8px;border-bottom:1px solid var(--line)}
.agwrap > .head h1{margin:0}
.agwrap .anchor{scroll-margin-top:170px}
@media (min-width:1100px){.agtoc{top:160px;max-height:calc(100vh - 180px)}}
@media (max-width:640px){.agwrap > .head{top:68px}.agwrap .anchor{scroll-margin-top:140px}}
.implist .undobtn.icononly{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.implist .iconbtn2{width:40px;height:40px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
.implist .rowbtns{gap:6px}
.implist th{white-space:normal;line-height:1.25}
.implist td:first-child strong{display:inline-block;min-width:0}
@media (max-width:1400px){.implist td,.implist th{padding-inline:8px}}
@media (max-width:1400px){.implist .openbtn{padding:9px 12px}}
@media (min-width:641px) and (max-width:1500px){.implist .c-dup{display:none}}
/* מדריך: הכותרת מתחילה בדיוק במקום שבו היא ננעלת — בלי קפיצה בגלילה */
main:has(.agwrap){padding-top:0}
.agwrap > .head{padding-top:26px;padding-bottom:12px}
@media (max-width:640px){.agwrap > .head{padding-top:14px}}
@media (min-width:1100px){.agtoc{top:172px;max-height:calc(100vh - 190px)}.agwrap .anchor{scroll-margin-top:184px}}
.dsvg .grid{stroke:var(--line);stroke-width:1}
.dsvg .axis{stroke:var(--muted);stroke-width:1.2;opacity:.7}
.dsvg .tick{stroke:var(--muted);stroke-width:1.2;opacity:.8}
.expcard{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.dkpis .kpi .ks,.dkpis .kpi .kl{white-space:normal;overflow-wrap:anywhere}
.dexp{display:block;margin:-4px 0 14px;text-decoration:none}
/* דשבורד: כרטיסים לחיצים */
.dkpis .kpi.klink{position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.dkpis .kpi.klink:hover{border-color:var(--brand);box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 22%,transparent);transform:translateY(-2px)}
.dkpis .kpi .kgo{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.dkpis .kpi.klink:hover .kgo{text-decoration-thickness:2px}
.dsvg .vguide{stroke:var(--brand);stroke-width:1.2;stroke-dasharray:3 3;opacity:0;pointer-events:none}
.dsvg .vlab{opacity:0;fill:var(--brand);font-weight:700;paint-order:stroke;stroke:var(--surface);stroke-width:6px;pointer-events:none}
.dsvg .hitc{fill:transparent;cursor:pointer}
.dsvg .pt:hover .vguide,.dsvg .pt:hover .vlab{opacity:1}
.dsvg .pt:hover circle:not(.hitc){r:5.5}
/* לוגו חברה */
.logorow{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.logoprev{width:150px;height:90px;border:1px dashed var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff;padding:8px}
.logoprev img{max-width:100%;max-height:100%;object-fit:contain}
h1.cname{display:flex;align-items:center;gap:14px}
img.clogo{height:46px;max-width:160px;object-fit:contain;background:#fff;border-radius:10px;padding:4px 6px;border:1px solid var(--line)}
img.clogo.sm{height:30px;max-width:110px;vertical-align:middle;margin-inline-end:8px}
img.dlogo{height:22px;max-width:80px;object-fit:contain;vertical-align:middle;background:#fff;border-radius:4px;padding:1px 2px}
.ctile{display:flex;flex-direction:column;gap:6px}
.ctile-logo{height:56px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}
.ctile-logo img{max-height:56px;max-width:180px;object-fit:contain;background:#fff;border-radius:10px;padding:4px 8px;border:1px solid var(--line)}
.ctile-logo span{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}
@media (max-width:640px){img.clogo{height:36px;max-width:120px}}
.ctile{position:relative}
.ctile-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.ctile-menu{position:absolute;top:10px;left:10px;z-index:3}
.ctile-menu summary{list-style:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:22px;font-weight:900;cursor:pointer;color:var(--muted);border:1px solid transparent}
.ctile-menu summary::-webkit-details-marker{display:none}
.ctile-menu summary:hover,.ctile-menu[open] summary{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
.ctile-pop{position:absolute;top:40px;left:0;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}
.ctile-pop a{padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}
.ctile-pop a:hover{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
.ctile:hover{border-color:var(--brand)}
.ctile-pop a{display:block;line-height:1.35;white-space:nowrap}.ctile-pop{gap:2px;min-width:240px}
.logocard .btnrow{align-items:center;gap:10px}
.logocard input[type=file]{height:48px;margin:0;padding:0 10px;display:flex;align-items:center;line-height:46px;box-sizing:border-box}
.logocard input[type=file]::file-selector-button{height:32px;margin-block:7px}
.logocard .btnrow button{height:48px;margin:0;padding-block:0;box-sizing:border-box}
.accrow input::placeholder{font-style:italic;opacity:.7}
.accrow.accbad{border-radius:14px;outline:2px dashed color-mix(in srgb,var(--bad) 70%,transparent);outline-offset:6px}
.accrow.accbad input[name=acc_number]{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 22%,transparent)}
.accrow.accbad input[name=acc_number]::placeholder{color:var(--bad);opacity:.85;font-style:normal;font-weight:700}
.accerr{margin:4px 0 12px}
.req{color:var(--bad);font-weight:800;margin-inline-start:3px}
label > .req + input,label > .req + select,label > .req + textarea,label > .req + .inaddr{margin-top:6px}
.accrow.accbadbank select[name=acc_bank]{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 22%,transparent)}.accrow.accbadbank input[name=acc_number]{border-color:var(--line);background:var(--surface);box-shadow:none}
svg.xlsico{width:22px;height:22px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.iconbtn2 svg.xlsico{width:24px;height:24px}
.button svg.xlsico,a svg.xlsico{width:26px!important;height:26px!important;margin-block:-4px}.feature .ic svg.xlsico{width:30px!important;height:30px!important}
/* לאן הלך הכסף */
.insbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.insbar .chips{display:flex;gap:6px;flex-wrap:wrap}
.insbar p{flex-basis:100%}
.insrange{display:flex;gap:8px;align-items:end;margin:0;flex-wrap:wrap}
.insrange label{display:flex;align-items:center;gap:6px;margin:0;font-size:13px}
.insrange input{margin:0;height:38px;padding:4px 8px;width:auto}
.insrange button{height:38px;padding-block:0}
.insgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media (max-width:1000px){.insgrid{grid-template-columns:1fr}}
.cbar{border-bottom:1px solid var(--line)}
.cbar summary{list-style:none;display:grid;grid-template-columns:minmax(110px,1.1fr) 2fr auto 42px 64px;align-items:center;gap:10px;padding:9px 4px;cursor:pointer;border-radius:8px}
.cbar summary::-webkit-details-marker{display:none}
.cbar summary:hover{background:color-mix(in srgb,var(--brand) 7%,transparent)}
.ccat{font-weight:700;font-size:14px}
.ctrack{height:12px;background:var(--surface-2);border-radius:99px;overflow:hidden}
.ctrack i{display:block;height:100%;border-radius:99px}
.out .ctrack i{background:linear-gradient(90deg,#f87171,#dc2626)}
.in .ctrack i{background:linear-gradient(90deg,#4ade80,#16a34a)}
.unc .ctrack i{background:repeating-linear-gradient(45deg,#f59e0b,#f59e0b 6px,#fbbf24 6px,#fbbf24 12px)}
.cval{font-weight:800;font-size:14px;white-space:nowrap;text-align:left}
.cpct{color:var(--muted);font-size:12.5px;text-align:left}
.cdl{text-align:left}
.dlt{font-size:11.5px;font-weight:800;padding:2px 7px;border-radius:99px;white-space:nowrap}
.dlt.bad{background:var(--badbg);color:var(--bad)}
.dlt.good{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.ctop{padding:4px 8px 12px}
.ctop a{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:5px 8px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:13.5px}
.ctop a:hover{background:var(--surface-2)}
.ctop .cd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toplist{list-style:none;padding:0;margin:0;counter-reset:t}
.toplist li{display:grid;grid-template-columns:minmax(120px,1.3fr) 1.5fr auto 42px;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);counter-increment:t}
.toplist .tn{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toplist .tn::before{content:counter(t) ".";color:var(--muted);font-weight:700;margin-inline-end:6px}
@media (max-width:640px){
  .cbar summary{grid-template-columns:1fr auto;grid-template-areas:"n v" "t t" "p d";row-gap:4px}
  .cbar .ccat{grid-area:n}.cbar .cval{grid-area:v}.cbar .ctrack{grid-area:t}.cbar .cpct{grid-area:p;text-align:right}.cbar .cdl{grid-area:d}
  .toplist li{grid-template-columns:1fr auto;row-gap:4px}.toplist .ctrack{grid-column:1/-1;grid-row:2}.toplist .cpct{display:none}
}
a.wherelink{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 4px 14px rgba(139,92,246,.35);transition:transform .15s,box-shadow .15s;white-space:nowrap}
a.wherelink:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(236,72,153,.4)}
a.wherelink .wl-emoji{font-size:16px;display:inline-block;transform-origin:50% 60%}
a.wherelink:hover .wl-emoji{animation:wink .6s ease-in-out}
@keyframes wink{0%,100%{transform:rotate(0)}30%{transform:rotate(-14deg) scale(1.15)}60%{transform:rotate(10deg)}}
.pdfsend{margin:12px 0;border:1px dashed var(--line);border-radius:12px;padding:8px 12px;background:var(--surface-2)}
.pdfsend summary{cursor:pointer;font-weight:700;font-size:14px}
.pdfsend label{margin:6px 0}
/* להשלמת הנתונים */
.gapcard{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 5%,var(--surface))}
.gaplist{list-style:none;margin:6px 0 0;padding:0}
.gaplist li{display:flex;flex-direction:column;gap:2px;padding:8px 12px 8px 8px;border-inline-start:4px solid var(--warn);margin:6px 0;border-radius:8px;background:var(--surface)}
.gaplist li.info{border-inline-start-color:var(--brand-2)}
.gaplist li.bad{border-inline-start-color:var(--bad)}
.gaplist li strong{font-size:14px}
.gaplist li a{color:inherit;text-decoration:none}.gaplist li a:hover strong{text-decoration:underline}
.gaplist li span{font-size:12.5px;color:var(--muted)}
.dgap{margin:0 0 14px}
.gappath{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:4px;font-size:12.5px}
.gappath .gpl{color:var(--muted)}
.gappath code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-family:inherit;font-size:12.5px;white-space:normal}
.gappath button.xs{padding:3px 9px;font-size:12px;min-height:0}
.gappath button.xs svg{width:14px;height:14px}
.gappath .muted{flex-basis:100%}
.sumtable tr.grprow td{background:var(--bg);font-weight:700;border-top:2px solid var(--line)}
.sumtable tr.leafrow td:first-child{padding-inline-start:26px}
.maptable{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px 18px;margin-bottom:12px}
.maptable label span{display:block}
.treegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.treeg{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface)}
.treeg h3{margin:0 0 6px;font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.treeg ul{margin:0;padding-inline-start:18px;font-size:13.5px}
.treeg li{margin:2px 0}
table.fcgrid tr.tz{display:none}
table.fcgrid.showall tr.tz{display:table-row}
table.fcgrid tr.grprow td{background:var(--bg);font-weight:700;border-top:2px solid var(--line)}
table.fcgrid tr.leaf td.stick{padding-inline-start:22px}
.logfilter .row3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 14px;margin-top:10px}
.logfilter .chips{margin:0}
.logtable tr.badrow td{background:var(--badbg)}
.logtable td{vertical-align:top}

/* ---- מחירים (דף הבית ו-/pricing) ---- */
.pricing{position:relative;overflow:hidden}
.pricing:before{content:"";position:absolute;inset:-120px -10% auto;height:420px;background:radial-gradient(closest-side,color-mix(in srgb,#06b6d4 16%,transparent),transparent 70%),radial-gradient(closest-side at 70% 40%,color-mix(in srgb,#2563eb 12%,transparent),transparent 70%);pointer-events:none;z-index:0}
.pricing .container{position:relative;z-index:1}
.billtoggle{display:flex;width:max-content;max-width:100%;margin:0 auto 34px;padding:5px;gap:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.billtoggle button{border:0;background:none;padding:10px 20px;border-radius:999px;font:700 15px "Rubik",sans-serif;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:8px;min-height:0}
.billtoggle button em{font-style:normal;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--okbg);color:var(--ok)}
.billtoggle button.on{background:var(--grad);color:#fff;box-shadow:0 6px 16px -6px rgba(37,99,235,.55)}
.billtoggle button.on em{background:rgba(255,255,255,.22);color:#fff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;max-width:1120px;margin:0 auto}
.plan{position:relative;display:flex;flex-direction:column;padding:30px 26px 26px;border-radius:24px;transition:transform .2s ease,box-shadow .2s ease}
.plan:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(15,31,43,.06),0 24px 48px -18px rgba(15,31,43,.22)}
.plan h3{font-size:22px;margin:0 0 4px}
.plan .ptl{margin:0 0 18px;min-height:2.6em}
.plan .price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 2px}
.plan .price b{font:800 46px/1 "Rubik",sans-serif;letter-spacing:-1.5px;color:var(--ink)}
.plan .price span{color:var(--muted);font-weight:600}
.plan .price .pfrom{font-size:14px;font-weight:700;color:var(--brand);width:100%}
.plan .pbill{margin:6px 0 20px}
.plan .pfeats{list-style:none;margin:0 0 18px;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;flex:1}
.plan .pfeats li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.plan .pfeats svg{flex:0 0 20px;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--brand-soft);color:var(--brand);margin-top:1px}
.plan .plimits{list-style:none;margin:0 0 20px;padding:12px 14px;border-radius:14px;background:var(--surface-2);display:grid;gap:3px}
.plan .plimits li:before{content:"• ";color:var(--brand)}
.plan .button{margin-top:auto;justify-content:center;padding:13px 18px;font-size:16px}
.plan.popular{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box;box-shadow:0 2px 4px rgba(15,31,43,.06),0 30px 60px -24px rgba(37,99,235,.45);transform:translateY(-8px)}
.plan.popular:hover{transform:translateY(-12px)}
.plan.popular .price b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan .ptag{position:absolute;top:-14px;inset-inline-start:24px;background:var(--grad);color:#fff;font:700 13px "Rubik",sans-serif;padding:5px 14px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(37,99,235,.6)}
.pfaq{max-width:820px;margin:46px auto 0}
.pfaq h3{text-align:center;font-size:22px;margin-bottom:16px}
.pfaq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;box-shadow:var(--shadow)}
.pfaq summary{list-style:none;cursor:pointer;padding:16px 20px;font:700 16px "Rubik",sans-serif;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pfaq summary::-webkit-details-marker{display:none}
.pfaq summary:after{content:"+";font:400 24px/1 "Rubik",sans-serif;color:var(--brand);transition:transform .2s}
.pfaq details[open] summary:after{transform:rotate(45deg)}
.pfaq details p{margin:0;padding:0 20px 18px;color:var(--ink-2)}
@media (max-width:960px){.plans{grid-template-columns:1fr;max-width:480px}.plan.popular{transform:none}.plan.popular:hover{transform:translateY(-4px)}.plan .ptl{min-height:0}}
@media (max-width:480px){.billtoggle button{padding:9px 13px;font-size:14px}.plan .price b{font-size:40px}}
.ctile-pop form{margin:0}
.ctile-pop .popbtn{all:unset;box-sizing:border-box;display:block;width:100%;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap;border-top:1px solid var(--line);margin-top:2px}
.ctile-pop .popbtn:hover{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
/* "עובדות עם Meiforma" בדף הבית */
.trusted{padding:6px 0 26px}
.trusted p{text-align:center;color:var(--muted);font:600 14px "Rubik",sans-serif;letter-spacing:.3px;margin:0 0 16px}
.trusted .tlogos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 22px}
.trusted .tlogo{display:flex;align-items:center;justify-content:center;gap:10px;height:76px;min-width:150px;padding:12px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s ease}
.trusted .tlogo:hover{transform:translateY(-3px)}
.trusted .tlogo img{max-height:52px;max-width:170px;object-fit:contain}
.trusted .tlogo span{font:700 17px "Rubik",sans-serif;color:#0f1f2b}
.unlockbox{margin-top:12px;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2)}
.unlockgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 14px;margin-top:6px}
.unlockgrid .check-row{margin:4px 0}
.lockcard{text-align:center;padding:40px 28px;margin-top:10px}
.lockcard .lockic{width:76px;height:76px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;font-size:36px;background:var(--grad);box-shadow:0 14px 30px -12px rgba(37,99,235,.55)}
.lockcard .lead{font-size:18px;color:var(--ink-2);max-width:620px;margin:0 auto 10px}
.lockfeats{list-style:none;padding:0;margin:20px auto;display:grid;gap:8px;max-width:520px;text-align:start}
.lockfeats li{display:flex;gap:10px;align-items:flex-start}
.lockfeats svg{flex:0 0 20px;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}
.lockprice{margin:0 0 20px;color:var(--muted)}.lockprice b{font:800 26px "Rubik",sans-serif;color:var(--ink)}
.arrbar{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--surface-2)}
.arrhead{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.arrtrack{height:12px;border-radius:999px;background:var(--line);overflow:hidden}
.arrtrack i{display:block;height:100%;border-radius:999px;background:var(--grad)}
.arrtrack i.warn{background:linear-gradient(90deg,#f59e0b,#ea580c)}.arrtrack i.bad{background:var(--bad)}
.logtable tr.staffrow td{background:var(--brand-soft)}
button.soft.xs{padding:3px 9px;font-size:12px;min-height:0;vertical-align:middle}
.inbsteps ol{padding-inline-start:20px;display:grid;gap:8px}.inbsteps ul{margin:4px 0 0;padding-inline-start:18px}
.logopick{position:relative;cursor:pointer;width:190px;height:110px;overflow:hidden;transition:border-color .15s}
.logopick:hover{border-color:var(--brand)}
.logopick .lp-empty{display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8;font-size:13px}
.logopick .lp-empty svg{width:26px;height:26px}
.logopick .lp-hover{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(15,31,43,.62);opacity:0;transition:opacity .15s}
.logopick .lp-hover svg{width:15px;height:15px}
.logopick:hover .lp-hover,.logopick:focus-within .lp-hover{opacity:1}
.logoform [data-logo-confirm]{align-items:center;gap:10px}
label.button{cursor:pointer}
label.button{display:inline-flex;margin:0;font-size:16px}
.logoform .btnrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.logoform .btnrow > *{margin:0}
.logoform .btnrow > .button,.logoform .btnrow > button{height:48px;padding-top:0;padding-bottom:0}
.logoform .btnrow > span{flex-basis:100%}
h2.hic{display:flex;align-items:center;gap:10px}
h2.hic .dic{flex:0 0 auto}
/* כפתור בשורה אחת עם שדות: מיושר לשדה (לא לתווית) */
.btnalign{margin-bottom:16px;flex:0 0 auto}
.btnalign > button,.btnalign > .button{height:55px;padding-top:0;padding-bottom:0}
.logocol{display:flex;flex-direction:column;align-items:center;gap:8px}
.logoremove{margin:0}.logoremove button{font-size:13px;padding:6px 12px}
.ctile-pop .popsw{display:flex;align-items:center;gap:10px;white-space:normal}
.ctile-pop .popsw small{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.tgl{position:relative;flex:0 0 40px;width:40px;height:22px;border-radius:999px;background:#cbd5e1;transition:background .15s}
.tgl i{position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-start .15s}
.tgl.on{background:var(--ok)}.tgl.on i{inset-inline-start:21px}
.ctile-pop .popsw[aria-checked=true] small{color:var(--ok)}
.ctile-menu[open]{z-index:30}.ctile:has(.ctile-menu[open]){z-index:20}
.ctile-flags{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:10px;align-self:stretch;width:100%}
.ctile-flag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;color:var(--ok);background:var(--okbg);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.ctile-flag.demo{color:var(--warn);background:var(--warnbg);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
/* שורת שדות + כפתור: הכפתור בדיוק בגובה ובקו של השדה */
.inrow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:6px}
.inrow > label{flex:1 1 220px;margin:0}
.inrow > .btnalign{margin:0}
.inrow input{margin-bottom:0}
.inrow > .btnalign > button,.inrow > .btnalign > .button{height:53px;min-height:0;padding-top:0;padding-bottom:0}
/* ---------- גיול חובות ---------- */
.agtabs{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap}
.agtabs a{flex:1 1 200px;display:flex;align-items:center;gap:10px;padding:14px 18px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-weight:800;font-size:17px;text-decoration:none}
.agtabs a svg{width:22px;height:22px;color:var(--brand)}
.agtabs a small{font-weight:500;font-size:13px;color:var(--ink-2);margin-inline-start:auto}
.agtabs a.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}
.agempty h2{margin-top:0}
.agbar{display:flex;height:34px;border-radius:10px;overflow:hidden;gap:2px;background:var(--surface-2);margin:10px 0 14px}
.agbar span{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;min-width:4px}
.ag-cur{background:#0f9d76}.ag-d30{background:#e0a106}.ag-d60{background:#ea6a0a}.ag-d90{background:#dc2626}.ag-d90p{background:#7f1d1d}
.aglegend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px}
.agleg{display:flex;align-items:center;gap:8px;font-size:14px}
.agleg i{width:12px;height:12px;border-radius:4px;flex:none}
.agleg b{margin-inline-start:auto;font-variant-numeric:tabular-nums}
.agtools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:8px}
.agtools .chips{margin:0}
.agfilter .chipbtn{display:inline-flex;align-items:center;gap:7px}
.agsearch{flex:0 1 280px;margin:0}
.tl{display:inline-block;width:13px;height:13px;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.tl-red{background:#dc2626;color:#dc2626}.tl-yellow{background:#eab308;color:#eab308}.tl-green{background:#16a34a;color:#16a34a}
.agtable tr[hidden],.agtable tbody[hidden]{display:none!important}
.agname{display:flex;align-items:flex-start;gap:12px}.agname .tl{margin-top:5px;flex:none}
@media (min-width:641px){.agtable{min-width:760px}}
@media (max-width:640px){.agtable .agrow td:first-child::before{content:none}.agtable .agrow td:first-child{padding-bottom:8px}
  .agtable .agchev,.agtable td.agz{display:none!important}.aginv>td{padding:6px 0!important}.agsub tr{background:var(--surface)}.agsearch{flex:1 1 100%}}
.agtable th.num,.agtable td.num{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}
.agtable td.agz{color:var(--ink-3,#9ca3af)}
.agtable td.agred{color:var(--bad);font-weight:700}
.agtable .agrow{cursor:pointer}
.agtable .agrow:hover td{background:var(--surface-2)}
.agtable .agrow:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.agchev svg{width:16px;height:16px;transition:transform .15s;color:var(--ink-2)}
.agp.open .agchev svg{transform:rotate(180deg)}
.agp.open .agrow td{background:var(--brand-soft)}
.aginv > td{background:var(--surface-2);padding-top:4px}
.agsub{margin:0;background:var(--surface);border-radius:10px}
.agsub th,.agsub td{padding:6px 10px}
.agtable tfoot td{border-top:2px solid var(--line)}
/* עריכת עץ קטגוריות */
.treeedit td,.treeedit th{vertical-align:middle}
.treeedit .tegrp td{background:var(--surface-2);font-weight:800;color:var(--brand)}
.treeedit tr.tezero td{background:var(--warnbg)}
.treeedit tr.temerged td{color:var(--ink-2);opacity:.75}
.treeedit select.sm{padding:6px 8px;font-size:14px;margin:0;min-width:120px}
.treeedit .tglwrap{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:500}
.treeedit td.num{text-align:center;white-space:nowrap}
.loansch>td{border-top:none;padding-top:0}.loansch summary{cursor:pointer;color:var(--brand);font-weight:600}
@media (max-width:640px){
  table.nostack{display:table!important;width:100%}
  table.nostack tbody{display:table-row-group!important}
  table.nostack tr{display:table-row!important;border:none!important;padding:0!important;margin:0!important;background:none!important}
  table.nostack tr.hdr,table.nostack tr:first-child{display:table-row!important}
  table.nostack td,table.nostack th{display:table-cell!important;padding:6px 8px!important;white-space:nowrap}
  table.nostack td::before{content:none!important}
}
.dkpis2{margin-top:-6px}
.head .dsub{margin:-4px 0 0;width:100%}
/* מדריך מנהל-על: שורת ההסבר בתוך הכותרת הצמודה; תתי-סעיפים נפתחים רק לפרק הנוכחי */
.agwrap > .head{flex-direction:column;align-items:flex-start;gap:4px}
.agwrap > .head .agsubt{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
@media (max-width:640px){.agwrap > .head .agsubt{font-size:13px}}
@media (min-width:1100px){.agtoc{top:204px;max-height:calc(100vh - 222px)}.agwrap .anchor{scroll-margin-top:216px}}
.agwrap .anchor{scroll-margin-top:200px}
.agtoc .agsub{display:none!important}
.agtoc li.open > .agsub{display:block!important}
.agtoc li.hassub > a{position:relative;padding-inline-end:26px}
.agtoc li.hassub > a::after{content:"";position:absolute;inset-inline-end:10px;top:50%;width:7px;height:7px;border:solid currentColor;border-width:0 0 2px 2px;transform:translateY(-70%) rotate(-45deg);opacity:.55;transition:transform .15s}
.agtoc li.hassub.open > a::after{transform:translateY(-30%) rotate(135deg)}
@media (max-width:1099px){.agtoc li.open > .agsub{display:none!important}.agtoc li.hassub > a::after{display:none}}
@media (max-width:640px){.agwrap > .head.stuck .agsubt{display:none}}
/* כפתורי בחירה (התקנה וכו'): נשברים לשורה במסך צר במקום לגלוש */
.seg{flex-wrap:wrap;max-width:100%}
.seg button{white-space:normal;flex:1 1 140px;min-width:0;line-height:1.3}
@media (max-width:640px){.card.news{flex-wrap:wrap}.card.news > img{width:56px!important;height:56px!important}}
/* מחשב: מנוצל כל רוחב המסך ליד התפריט (גם בדפים שהיו צרים) */
@media (min-width:1200px){
  html.authed main > .container{max-width:none;padding:0 32px}
  html.authed .narrowc{max-width:none}
}
@media (min-width:1700px){html.authed main > .container{padding:0 48px}}
/* לשוניות המדריך: כל הכפתורים בשורה אחת במחשב, בגודל שווה; בטלפון — שניים בשורה */
.tabs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media (min-width:900px){.tabs{grid-template-columns:repeat(var(--tabs-n,5),1fr)}}
@media (max-width:640px){.tabs{grid-template-columns:1fr 1fr;padding:12px;gap:8px}.tabs a:last-child:nth-child(odd){grid-column:1/-1}}
/* מצב כהה: פקדי תאריך, בחירה וגלילה של הדפדפן בצבעים כהים — אייקון לוח השנה נראה */
:root[data-theme="dark"]{color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark}}
:root[data-theme="light"]{color-scheme:light}
input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1}
.insrange label{font-weight:600;color:var(--ink-2)}
.insrange input[type=date]{min-width:150px}
/* "לאן הלך הכסף": חץ שמראה שהשורה נפתחת */
.cbar .ccat{display:flex;align-items:center;gap:8px}
.cbar .cchev{flex:none;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--brand) 14%,transparent);position:relative}
.cbar .cchev::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border:solid var(--brand);border-width:0 0 2px 2px;transform:translate(-50%,-70%) rotate(-45deg);transition:transform .15s}
.cbar[open] .cchev::after{transform:translate(-50%,-30%) rotate(135deg)}
.cbar summary:hover .cchev{background:var(--brand)}.cbar summary:hover .cchev::after{border-color:var(--brand-ink)}
.cbar[open] > summary{background:color-mix(in srgb,var(--brand) 8%,transparent)}
/* התראת ניתוק בגלל חוסר פעילות */
.idlewrap{position:fixed;inset:0;z-index:9999;background:rgba(8,20,24,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}
.idlewrap[hidden]{display:none}
.idlebox{background:var(--surface);color:var(--ink);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);max-width:440px;width:100%;padding:26px 26px 22px;text-align:center}
.idlebox h2{margin:0 0 6px}
.idlebox p{margin:0 0 14px;color:var(--ink-2)}
.idlering{position:relative;width:150px;height:150px;margin:6px auto 14px}
.idlering svg{width:100%;height:100%;transform:rotate(-90deg)}
.idlering circle{fill:none;stroke-width:9}
.idlering .bg{stroke:var(--line)}
.idlering .fg{stroke:#dc2626;stroke-linecap:round;transition:stroke-dashoffset 1s linear}
.idlering b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 34px Rubik,Heebo,sans-serif;direction:ltr}
.idlebtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.idlebtns > *{flex:1 1 160px}
.idlebtns button{width:100%}
.drange{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px}
.drange .chipbtn{padding:6px 14px;font-size:14px;text-decoration:none}
/* תג מקור החסר: בנק / פריוריטי / קובץ החברה */
.sysb{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;margin-inline-end:6px;vertical-align:middle;white-space:nowrap;border:1px solid transparent}
.sys-bank{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}
.sys-priority{background:#ede9fe;color:#5b21b6;border-color:#ddd6fe}
.sys-file{background:#fef3c7;color:#92400e;border-color:#fde68a}
:root[data-theme="dark"] .sys-bank{background:#172554;color:#93c5fd;border-color:#1e3a8a}
:root[data-theme="dark"] .sys-priority{background:#2e1065;color:#c4b5fd;border-color:#4c1d95}
:root[data-theme="dark"] .sys-file{background:#3b2a07;color:#fcd34d;border-color:#78350f}
.gappath .sysb{margin-inline-end:8px}
/* פירוט הקבצים הנדרשים לתקופה חסרה */
.needlist{list-style:none;margin:8px 0 2px;padding:0;display:grid;gap:6px}
.needlist li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:7px 10px;border-radius:10px;background:var(--surface-2);font-size:14px}
.needlist .needpath{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;max-width:100%}
.needlist code{font-size:12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:3px 7px;white-space:normal}
@media (max-width:640px){.needlist .needpath{margin-inline-start:0}}
.gaplist .needlist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;flex-direction:row;border:0;margin:0;padding:7px 10px;background:var(--surface-2);text-align:start}
.gaplist .needlist li > b{font-size:13.5px;color:var(--ink)}
.gaplist .needlist li span{font-size:12.5px}
.gaplist .needlist .needpath{grid-column:3;margin:0;justify-self:end}
.gaplist .needlist .needpath code{white-space:nowrap;max-width:46ch;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
@media (max-width:900px){.gaplist .needlist li{grid-template-columns:auto minmax(0,1fr)}.gaplist .needlist .needpath{grid-column:1/-1;justify-self:start}.gaplist .needlist .needpath code{white-space:normal;max-width:none}}
/* הנתיב המלא תמיד גלוי: בשורה משלו מתחת לשם הקובץ, נשבר לשורות אם צריך */
.gaplist .needlist li{grid-template-columns:auto minmax(0,1fr)}
.gaplist .needlist .needpath{grid-column:1/-1;justify-self:stretch;display:flex;align-items:flex-start;gap:8px}
.gaplist .needlist .needpath code{white-space:normal;max-width:none;overflow:visible;text-overflow:clip;flex:1;font-family:inherit;font-size:13px;line-height:1.5;color:var(--ink-2)}
/* שורה אחת לכל קובץ: תג · שם · נתיב מלא · העתקה (בטלפון הנתיב יורד לשורה) */
.gaplist .needlist{gap:4px}
.gaplist .needlist li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:5px 10px}
.gaplist .needlist li > b{white-space:nowrap}
.gaplist .needlist .needpath{flex:1 1 380px;margin:0;display:flex;align-items:center;gap:8px;min-width:0}
.gaplist .needlist .needpath code{padding:2px 8px;font-size:12.5px;line-height:1.45}
.gaplist .needlist .needpath button{flex:none}
@media (max-width:900px){.gaplist .needlist li > b{white-space:normal;flex:1 1 auto;min-width:0}.gaplist .needlist .needpath{flex-basis:100%}}
/* טווח התאריכים של הקובץ החסר — בולט, ליד השם */
.datechip{display:inline-block;font-style:normal;font-size:12.5px;font-weight:800;color:#9a3412;background:#ffedd5;border:1px solid #fed7aa;border-radius:999px;padding:1px 9px;margin-inline-start:6px;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
:root[data-theme="dark"] .datechip{color:#fdba74;background:#3b1d0a;border-color:#7c2d12}
.gaplist li .datechip{font-size:12.5px}
.dgap > .head{align-items:center}.gapgo{padding:10px 18px;font-size:15px;white-space:nowrap}.gapgo svg{width:18px;height:18px}
.srcs .srcneed{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;padding:6px 8px;border-radius:10px;background:var(--surface-2)}
.srcs .srcneed .datechip{margin:0}
.srcs .srcneed .needpath{display:flex;align-items:center;gap:6px;flex:1 1 320px;min-width:0}
.srcs .srcneed code{white-space:normal;font-family:inherit;font-size:12.5px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:2px 8px;flex:1}
.srcs .srcneed code,.srcs .srcneed{word-break:normal;overflow-wrap:anywhere}
@media (max-width:640px){
  table.srcs.stack td{flex-wrap:wrap;align-items:flex-start}
  table.srcs.stack td .badge{align-self:flex-start}
  table.srcs.stack td .srcneed{flex-basis:100%;margin-top:4px}
  table.srcs.stack td .srcneed .needpath{flex-basis:100%}
}
/* תחזית: כיוון הכסף ברור — ירוק נכנס, אדום יוצא, יתרה שלילית באדום עם מינוס */
.kpi strong.neg{color:var(--bad)}
.kpi.kin strong{color:var(--ok)}
.kpi.kout strong{color:var(--bad)}
.kdir{display:inline-block;font-size:11.5px;font-weight:800;padding:1px 8px;border-radius:999px;margin-inline-end:4px;vertical-align:middle}
.kdir.in{background:var(--okbg);color:var(--ok)}
.kdir.out{background:var(--badbg);color:var(--bad)}
.lbltxt.negt{fill:var(--bad)}
/* סכום שלילי — אדום בכל מקום */
.amtneg{color:var(--bad)!important}
.waitcard{border:1.5px solid color-mix(in srgb,var(--warn) 45%,var(--line));background:var(--warnbg)}
/* כיוון הכסף אחיד בכל המערכת: + ירוק נכנס, − אדום יוצא */
.fin{color:var(--ok);font-weight:700;white-space:nowrap}
.fout{color:var(--bad);font-weight:700;white-space:nowrap}
.cval.fin,.cval.fout{direction:ltr;unicode-bidi:isolate}
.tl-blue{background:#2563eb;color:#2563eb}
.agchev{white-space:nowrap}
.agso{display:inline-block;margin-inline-end:8px;vertical-align:middle}
.agso button{font-size:12px;padding:3px 9px;opacity:.75}
.agso button.on{opacity:1;background:#dbeafe;color:#1e40af;border-color:#93c5fd;font-weight:800}
.agrow:hover .agso button{opacity:1}
@media (max-width:640px){.agtable .agchev{display:table-cell!important}.agtable .agchev svg{display:none}}
/* רשימת הקבצים לשבוע — בדף הייבוא */
.wkplan{border:1.5px solid color-mix(in srgb,var(--brand) 35%,var(--line))}
.wkhead{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px}
.wkper{display:flex;align-items:center;gap:8px}
.wkcount{font-weight:800;font-size:13px;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.wkcount.all{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.wklist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;counter-reset:wk}
.wklist li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid transparent;transition:background .15s,border-color .15s}
.wklist li.opt{background:transparent;border:1px dashed var(--line)}
.wklist li.done{background:color-mix(in srgb,var(--ok) 9%,var(--surface));border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.wklist li.done .wkt b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ok) 60%,transparent)}
.wkchk{display:inline-flex;margin:2px 0 0;cursor:pointer}
.wkchk input{width:20px;height:20px;accent-color:var(--ok);cursor:pointer}
.wkchk span{display:none}
.wkt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:2px}
.wkbody .needpath{display:flex;align-items:center;gap:6px;margin-top:6px;max-width:100%}
.wkbody code{font-size:12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:3px 7px;white-space:normal;min-width:0}
.dropzone.pulse{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:3px;transition:outline .2s}
.wkplan .badge.soft{background:transparent;border:1px solid var(--line);color:var(--muted)}
.wkgap{margin:10px 0 0;background:var(--warnbg);color:var(--warn);border-color:transparent}
.importhelp,.wkplan .button{white-space:normal;height:auto;min-height:44px;line-height:1.35;text-align:center;flex-wrap:wrap}
.wkfrom{margin:4px 0 0;font-size:16px}
.wkfrom b{color:var(--brand-dk);font-size:17px}
.wkbreak{margin:8px 0 0;padding:7px 10px;border-radius:10px;background:var(--warnbg);color:var(--warn)}
/* טבלת הסיכום בייבוא: חיפוש, מטבעות ומיון */
.sumtools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.sumsearch{display:flex;align-items:center;gap:6px;flex:1 1 260px;max-width:420px;margin:0;padding:0 10px;border:1px solid var(--field-line);border-radius:12px;background:var(--field-bg)}
.sumsearch svg{width:17px;height:17px;color:var(--muted);flex:none}
.sumsearch input{border:0;background:transparent;padding:9px 0;margin:0;min-width:0;flex:1;box-shadow:none;outline:none}
.sumccy{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sumccy .chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 12px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.sumccy .chip.on{background:var(--brand-soft);color:var(--brand-dk);border-color:color-mix(in srgb,var(--brand) 45%,transparent)}
.sumhits{font-weight:700}
.sumtable .ccyoff,.drilltable.ccyoff{display:none}
.sumtable tr.grprow.dim td{opacity:.45}
.drilltable th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
.drilltable th.sortable::after{content:" ⇅";opacity:.35;font-size:11px}
.drilltable th[data-dir=asc]::after{content:" ▲";opacity:.9}
.drilltable th[data-dir=desc]::after{content:" ▼";opacity:.9}
.langbtn{text-decoration:none}.langbtn svg.flag{width:26px;height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18);display:block}
.i-moon svg,.i-sun svg{width:22px;height:22px}
/* ---- טבלת הסיכום בייבוא: סדר לעין ---- */
.sumtable{--c-ILS:#2563eb;--c-USD:#16a34a;--c-EUR:#7c3aed;--in:var(--ok);--out:var(--bad);border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}
:root[data-theme="dark"] .sumtable{--in:var(--ok);--out:var(--bad)}
.sumtable col.sumc0{width:36%}
.sumtable>tbody>tr>td:not(:first-child),.sumtable th[data-ccy]{text-align:left!important;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap}
.sumtable th[data-ccy]{text-align:left!important}
.sumtable tr.sumhead th{position:sticky;top:var(--sum-top,84px);z-index:6;vertical-align:bottom;padding-top:12px;padding-bottom:10px;box-shadow:0 2px 0 rgba(0,0,0,.06)}
.sumtable tr.sumhead th:first-child{text-align:start!important;font-size:13px}
.sumtable th.cc-ILS,.sumtable td.cc-ILS{--cc:var(--c-ILS)}
.sumtable th.cc-USD,.sumtable td.cc-USD{--cc:var(--c-USD)}
.sumtable th.cc-EUR,.sumtable td.cc-EUR{--cc:var(--c-EUR)}
.sumtable td[class*="cc-"]{background-image:linear-gradient(color-mix(in srgb,var(--cc) 5%,transparent),color-mix(in srgb,var(--cc) 5%,transparent))}
.sumtable .sumacc{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-weight:800;direction:rtl}
.sumtable .sumaccno{display:block;font-size:12px;font-weight:500;margin-top:2px;color:color-mix(in srgb,#fff 75%,transparent)}
/* יתרות: פס בולט */
.sumtable tr.balrow td{background:color-mix(in srgb,var(--brand) 10%,var(--surface));font-weight:800}
.sumtable tr.bankrow td{color:var(--muted)}
.sumtable tr.checkrow td:first-child{font-weight:800}
/* כותרות מקטע: כניסות / יציאות */
.sumtable tr.secrow td{padding:16px 2px 8px!important;font-size:16px;font-weight:800;background:var(--surface)!important;border:0!important;text-align:start!important;direction:inherit}
.sumtable tr.secrow.sec-in td{color:var(--in)}
.sumtable tr.secrow.sec-out td{color:var(--out)}
.sumtable tr.secrow.sec-both td{color:var(--muted)}
/* קטגוריה בלי תנועות — שקטה */
.sumtable tr.zero td{color:var(--muted);font-weight:400;padding-top:7px;padding-bottom:7px;font-size:13.5px}
.sumtable tr.zero td:first-child .muted{opacity:.7}
/* קטגוריה פתוחה + הפירוט שלה — מסגרת אחת */
.sumtable tr.drillable[aria-expanded="true"] td{background:color-mix(in srgb,var(--brand) 16%,var(--surface))!important;font-weight:800;border-top:2px solid var(--brand)}
.sumtable .drillrow>td{background:color-mix(in srgb,var(--brand) 7%,var(--surface))!important;border-bottom:2px solid var(--brand)}
.sumtable .drillbox{border-inline-start:4px solid var(--brand);padding:10px 14px 14px;margin:0}
.drilltop{display:flex;align-items:center;gap:8px}
.drilltop button{margin-inline-start:auto}
.sumtable .drilltable{box-shadow:0 1px 0 var(--line);border:1px solid var(--line)}
.sumtable .drilltable tr.dlhead th{position:sticky;top:calc(var(--sum-top,84px) + var(--sum-head,56px) - 2px);z-index:4;background:color-mix(in srgb,var(--brand) 22%,var(--surface))!important;color:var(--ink)!important;font-size:12.5px;padding-top:8px;padding-bottom:8px}
.sumtable .drilltable td{white-space:normal}
.sumtable .drilltable tr.dln:nth-child(even) td{background:color-mix(in srgb,var(--ink) 3%,transparent)}
.sumtable .drilltable tr.dln:hover td{background:color-mix(in srgb,var(--brand) 9%,transparent)}
/* מחשב: הטבלה בחלון גלילה משלה (הגובה נקבע ב-JS לפי המסך); גלגלת העכבר מעל הטבלה גוללת רק אותה */
@media (min-width:641px){.sumscroll{overflow:auto;position:sticky;top:150px;max-height:calc(100vh - 200px);overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;padding:0 8px 8px;scrollbar-width:thin}}
@media (max-width:640px){.sumtable{table-layout:auto}.sumtable tr.sumhead th{position:static}.sumtable .drilltable tr.dlhead th{position:static}}
.sumtable tr.sumhead th{background:var(--brand-dk)!important;color:#fff}
:root[data-theme="dark"] .sumtable tr.sumhead th{background:#0b4f4a!important}
.sumtable .drilltable{overflow:visible;border-radius:0}
.sumtable .drilltable tr.dlhead th{background:color-mix(in srgb,var(--brand) 22%,var(--surface))!important}

.drilltop{justify-content:flex-end;margin-bottom:-4px}
/* יישור הקצה הימני: כל השורות עם אותו פס צד */
.sumtable .drillbox{border-inline-start:0!important;padding:8px 10px 12px}
.sumtable .drilltable th.dclose{width:40px;text-align:center!important;padding:4px!important}
.sumtable .drilltable th.dclose button{padding:3px 9px;line-height:1.2}
/* הקטגוריה הפתוחה מוצמדת מתחת לכותרת, ומתחתיה כותרת העמודות של התנועות */
.sumtable tr.drillable.pinned td{position:sticky;top:calc(var(--sum-top,84px) + var(--sum-head,56px) - 2px);z-index:5;box-shadow:0 2px 0 var(--brand)}
.sumtable .drillrow.pin .drilltable tr.dlhead th{top:calc(var(--sum-top,84px) + var(--sum-head,56px) + var(--sum-cat,48px) - 2px)}
/* אנגלית (משמאל לימין): סכומים מיושרים לימין העמודה */
[dir="ltr"] .sumtable>tbody>tr>td:not(:first-child),[dir="ltr"] .sumtable th[data-ccy]{text-align:right!important}
[dir="ltr"] .sumtable .sumacc{direction:ltr;justify-content:flex-end}
[dir="ltr"] .drilltable td.n,[dir="ltr"] .drilltable th.n{text-align:right!important}
[dir="ltr"] table.num td:not(:first-child),[dir="ltr"] td.n{text-align:right}
[dir="ltr"] table.fcgrid th,[dir="ltr"] table.fcgrid td{text-align:right}
[dir="ltr"] table.fcgrid th:first-child,[dir="ltr"] table.fcgrid td.stick{text-align:left}
[dir="ltr"] .fcitems td.n,[dir="ltr"] .fcitems th.n,[dir="ltr"] .agtable th.num,[dir="ltr"] .agtable td.num{text-align:right}
[dir="ltr"] .cval,[dir="ltr"] .cpct,[dir="ltr"] .cdl{text-align:right}

/* אנגלית: הסרגל העליון באותו סדר כמו בעברית — כפתורים מימין (התפריט בקצה), הלוגו משמאל */
[dir="ltr"] .topbar .container{flex-direction:row-reverse}
[dir="ltr"] .topbar .navbtns{flex-direction:row-reverse}
[dir="ltr"] .topbar .brand{margin-left:0!important;margin-right:auto!important}
[dir="ltr"] .topbar .topcta{margin-left:0}
/* טלפון צר: חמישה כפתורים + לוגו בשורה אחת */
@media (max-width:440px){
  .topbar .iconbtn{width:38px;height:38px;border-radius:11px}.topbar .navbtns{gap:5px}
  .topbar .container{gap:8px}
  .topbar .brand{font-size:20px;gap:6px}.topbar .brand img{width:32px;height:32px}
  .langbtn svg.flag{width:22px}
}
@media (max-width:350px){.topbar .brand span{display:none}}
/* ירח/שמש — במרכז הכפתור (בלי רווח של שורת טקסט) */
.i-moon,.i-sun{line-height:0}.i-moon svg,.i-sun svg{display:block}

/* ---- טבלת הסיכום: כל מקטע במסגרת אחידה (2px מכל הצדדים) ---- */
.sumtable{--bw:2px}
.sumtable tr.sumhead th{border:var(--bw) solid var(--brand-dk)!important;border-width:var(--bw) 0!important}
.sumtable tr.sumhead th{border-left-width:0!important;border-right-width:0!important}
.sumtable tr.sumhead th:first-child{border-right-width:var(--bw)!important}
.sumtable tr.sumhead th:not(.ccyoff):not(:has(~ :not(.ccyoff))){border-left-width:var(--bw)!important}
[dir="ltr"] .sumtable tr.sumhead th:first-child{border-right-width:0!important;border-left-width:var(--bw)!important}
[dir="ltr"] .sumtable tr.sumhead th:not(.ccyoff):not(:has(~ :not(.ccyoff))){border-left-width:0!important;border-right-width:var(--bw)!important}
:root[data-theme="dark"] .sumtable tr.sumhead th{border-color:#0b4f4a!important}
.sumtable tbody.box{--bc:color-mix(in srgb,var(--brand) 55%,transparent)}
.sumtable tbody.box-in{--bc:color-mix(in srgb,var(--in) 60%,transparent)}
.sumtable tbody.box-out{--bc:color-mix(in srgb,var(--out) 55%,transparent)}
.sumtable tbody.box-both{--bc:color-mix(in srgb,var(--muted) 55%,transparent)}
.sumtable tbody.box-warn{--bc:color-mix(in srgb,#f59e0b 70%,transparent)}
.sumtable tbody.box>tr>td{border-bottom:1px solid var(--line)}
/* צדדים פיזיים: תאי הסכומים הם ltr, ולכן start/end שלהם הפוכים */
.sumtable tbody.box>tr>td:first-child{border-right:var(--bw) solid var(--bc)!important}
.sumtable tbody.box>tr>td:not(.ccyoff):not(:has(~ :not(.ccyoff))){border-left:var(--bw) solid var(--bc)!important}
[dir="ltr"] .sumtable tbody.box>tr>td:first-child{border-right:0!important;border-left:var(--bw) solid var(--bc)!important}
[dir="ltr"] .sumtable tbody.box>tr>td:not(.ccyoff):not(:has(~ :not(.ccyoff))){border-left:0!important;border-right:var(--bw) solid var(--bc)!important}
.sumtable tbody.box>tr>td:only-child{border-left:var(--bw) solid var(--bc)!important;border-right:var(--bw) solid var(--bc)!important}
.sumtable tbody.box>tr:first-child>td{border-top:var(--bw) solid var(--bc)!important}
.sumtable tbody.box>tr.boxend>td{padding:0!important;height:0;border:0!important;border-top:var(--bw) solid var(--bc)!important;background:transparent!important;font-size:0;line-height:0}
.sumtable tbody.gap td{padding:0!important;height:12px;border:0!important;background:transparent!important}
.sumtable tbody.seclabel td{border:0!important}
/* קטגוריה פתוחה: רקע בלבד (המסגרת היא של המקטע) */
.sumtable tr.drillable[aria-expanded="true"] td{border-top:1px solid var(--brand)}
.sumtable .drillrow>td{border-bottom:1px solid var(--brand)}
/* כותרת מקטע: הכנסות / הוצאות עם חץ בעיגול */
.sumtable .secic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;margin-inline-end:8px;vertical-align:-7px;background:currentColor}
.sumtable .secic svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .sumtable .secic svg{stroke:#0f172a}
/* תאריך ליד היתרה */
.sumtable .baldate{display:inline-block;font-size:12.5px;font-weight:700;color:var(--brand-dk);background:color-mix(in srgb,var(--brand) 14%,var(--surface));border-radius:999px;padding:1px 9px;margin-inline-start:4px;direction:ltr;unicode-bidi:isolate}
:root[data-theme="dark"] .sumtable .baldate{color:#7dd3fc}

/* תפריט שנפתח בריחוף: צף מתחת לסרגל העליון, כך ש-☰ נשאר גלוי ולחיצה עליו מקבעת את התפריט */
.drawer.float{top:92px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
@media (max-width:520px){.drawer.float{top:76px}}

@media (max-width:640px){
.sumtable tr.sumhead th:not(.hidecol):not(.ccyoff):not(:has(~ :not(.hidecol):not(.ccyoff))){border-left-width:var(--bw)!important}
[dir="ltr"] .sumtable tr.sumhead th:not(.hidecol):not(.ccyoff):not(:has(~ :not(.hidecol):not(.ccyoff))){border-left-width:0!important;border-right-width:var(--bw)!important}
.sumtable tbody.box>tr>td:not(.hidecol):not(.ccyoff):not(:has(~ :not(.hidecol):not(.ccyoff))){border-left:var(--bw) solid var(--bc)!important}
[dir="ltr"] .sumtable tbody.box>tr>td:not(.hidecol):not(.ccyoff):not(:has(~ :not(.hidecol):not(.ccyoff))){border-left:0!important;border-right:var(--bw) solid var(--bc)!important}
}

/* יתרת הפתיחה נשארת מוצמדת מתחת לכותרת העמודות */
.sumtable tr.balopen td{position:sticky;top:calc(var(--sum-top,84px) + var(--sum-h0,56px) - 2px);z-index:5;box-shadow:0 3px 6px -3px rgba(0,0,0,.18)}
@media (max-width:640px){.sumtable tr.balopen td{position:static;box-shadow:none}}

/* כרטיסי הדשבורד — כולם באותה שורה כשיש מקום (גם כרטיסי הגיול) */
.dkpis{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.dkpis.dkwide .kpi strong{font-size:clamp(20px,1.7vw,28px)}
@media (max-width:1450px){.dkpis.dkwide{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.dkpis,.dkpis.dkwide{grid-template-columns:repeat(2,minmax(0,1fr))}}
[dir="ltr"] .kpi strong{text-align:left}
/* כותרת הטבלה — מסגרת מלאה באותו עובי כמו המקטעים */
.sumtable tr.sumhead th{border-color:color-mix(in srgb,var(--brand) 55%,var(--surface))!important;border-top-width:var(--bw)!important;border-bottom-width:var(--bw)!important}
:root[data-theme="dark"] .sumtable tr.sumhead th{border-color:color-mix(in srgb,var(--brand) 55%,var(--surface))!important}
.sumtable tr.balopen td{border-bottom:var(--bw) solid color-mix(in srgb,var(--brand) 55%,transparent)!important}
.sumtable tbody.box-bal tr.balopen+tr.boxend>td{border-top:0!important}

/* חיפוש במדריך */
.guidesearch{display:flex;max-width:none;margin:6px 0 12px}
::highlight(guide){background:#fde047;color:#111}
/* קישור לאפליקציית האימות */
.authapps{display:flex;flex-direction:column;gap:6px;margin:4px 0 16px}
.authapps .authbtn{justify-content:center;text-align:center;white-space:normal}
.authapps [hidden]{display:none!important}

/* מסך קוד האימות בטלפון: קומפקטי, כך שהשדה והכפתור נשארים מעל המקלדת */
.otpnote{margin:8px 0 0;text-align:center}
form.sending button{opacity:.6}
@media (max-width:640px){
  .otpcard{padding:16px}
  .otpcard h1.ch{font-size:24px;margin-bottom:6px}
  .otpcard>p.muted{font-size:14px;margin-bottom:10px}
  .otpcard .otp{padding:10px 12px;font-size:26px}
  .otpcard .check-row{margin:8px 0}
  /* מקום לגלול: כך השדה יכול לעלות לראש המסך גם כשהמקלדת פתוחה */
  .otpcard{margin-bottom:45vh}
}

/* זכות בירוק, חובה באדום — בכל סכום באתר (ראו colorAmounts ב-app.js) */
.amt-pos{color:var(--ok)!important}
.amt-neg{color:var(--bad)!important}

/* שתי שורות הסגירה — מבחינים בין התזרים לבנק */
.sumtable tr.bankrow td{color:var(--ink);font-weight:700;background:color-mix(in srgb,#2563eb 7%,var(--surface))}
.sumtable tr.bankrow td:first-child{color:#1d4ed8}
:root[data-theme="dark"] .sumtable tr.bankrow td:first-child{color:#93c5fd}
/* שליחת יתרות למנהל */
.sharebal{margin-inline-start:auto}
.sharebal[open]{flex-basis:100%;margin-inline-start:0}
.sharebal>summary{list-style:none;display:inline-flex;cursor:pointer}
.sharebal>summary::-webkit-details-marker{display:none}
.sharebal form{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:grid;gap:8px;max-width:620px}
.sharebal-to{display:flex;flex-wrap:wrap;gap:4px 18px}
.sharebal form button{justify-self:start}
/* בלי רווח בין שורת הקטגוריה לכותרת העמודות של התנועות — גם לפני וגם תוך כדי גלילה */
.sumtable .drillrow>td{padding-top:0!important}
.sumtable .drillbox{padding-top:0!important}
.sumtable .drillbox>.drilltable:first-child{margin-top:0}
/* כרטיס דשבורד שדורש תשומת לב — אותו עיצוב כמו האחרים, עם נקודה אדומה בפינה (במקום רקע ומסגרת אדומים) */
.kpi.alert{border-color:var(--line);background:var(--surface)}
.dkpis .kpi.alert{position:relative}
.dkpis .kpi.alert::before{content:"";position:absolute;top:14px;inset-inline-end:14px;width:10px;height:10px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 18%,transparent)}

/* רשימת הקבצים בדשבורד: קובץ שכבר הועלה וממתין לפלט הבנק */
.needlist li.nwait b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink) 40%,transparent)}
.badge.waitb{background:color-mix(in srgb,#16a34a 12%,var(--surface));color:#15803d;font-weight:700}

/* חלון שליחת יתרות למנהל */
dialog.sharedlg{border:0;border-radius:18px;padding:18px 20px;max-width:560px;width:calc(100vw - 32px);background:var(--surface);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.3)}
dialog.sharedlg::backdrop{background:rgba(15,31,43,.35);backdrop-filter:blur(3px)}
dialog.sharedlg form{display:grid;gap:10px}
dialog.sharedlg form button.primary{justify-self:start}

/* בלי רווח בין כותרת הטבלה ליתרת הפתיחה */
.sumtable tbody.box-open>tr:first-child>td{border-top-width:0!important}
/* מחשב: שלוש שורות הסגירה (תזרים / בנק / הפרש) תמיד גלויות בתחתית החלון — פתיחה מול תוצאה על אותו מסך */
@media (min-width:641px){
  .sumtable tbody.box-close tr.checkrow td{border-bottom:var(--bw) solid var(--bc)!important}
  .sumtable tbody.box-close tr.checkrow td:not(.okcell):not(.badcell){background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
  .sumtable tbody.box-close>tr.boxend{display:none}
}
/* טלפון: מסכי כניסה — העמודה לא מתרחבת מעבר לכרטיס (Turnstile ושדות לא נחתכים) */
@media (max-width:900px){
  .authcard{grid-template-columns:minmax(0,1fr)}
  .authcard .formside{min-width:0}
  .cf-turnstile{max-width:100%;overflow:hidden}
}
@media (max-width:480px){
  .authcard{margin:6px 0;border-radius:22px}
  .authcard .formside{padding:26px 16px}
  .authcard .formside h1{font-size:28px}
}
/* סרגל עליון בטלפונים עד 480px: כפתורים קטנים יותר כדי שהלוגו לא יידחק */
@media (max-width:480px){
  .topbar .iconbtn{width:38px;height:38px;border-radius:11px}.topbar .navbtns{gap:5px}
  .topbar .container{gap:8px}
  .topbar .brand{font-size:20px;gap:6px}.topbar .brand img{width:32px;height:32px}
  .langbtn svg.flag{width:22px}
}

/* קבצים שכבר הועלו — שורה אחת במקום שורה לכל קובץ */
.wkhave{margin:8px 0 0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,#16a34a 8%,var(--surface));color:var(--ink-2);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.wkhave .wkhv{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:1px 10px}
.dhave{display:block;margin-top:4px}

/* יתרת סגירה בבנק — טקסט רגיל (שחור), הרקע הכחלחל מבדיל אותה */
.sumtable tr.bankrow td:first-child{color:var(--ink)!important}

/* תחזית: צפי לפי ההיסטוריה, עריכת תא, תחזיות קודמות */
.fcgrid td.cell.est{font-style:italic;opacity:.72}
.estkey{font-style:italic;opacity:.8}
.fcverpick{display:inline-flex;align-items:center;gap:6px;margin:0}
.fcverpick select{width:auto;max-width:300px;padding:8px 10px;margin:0}
.fcdialog .adjmore{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}
.fcdialog .adjmore summary{cursor:pointer}
.verg .vact{font-size:11.5px;font-weight:700;color:#2563eb;margin-top:2px}
:root[data-theme="dark"] .verg .vact{color:#93c5fd}
.verg th.vdone{background:color-mix(in srgb,#2563eb 30%,var(--brand-dk))!important}
.verg th em{font-style:normal;font-size:10.5px;opacity:.85}

/* תזרים יומי: קיבוץ הייבואים לפי שבוע */
.implist tr.wkgrp td{background:var(--surface-2);font-weight:800;font-size:13px;color:var(--ink-2);padding-top:8px;padding-bottom:8px}
.daygrid td.wkend,.daygrid th.wkend{background-image:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent),color-mix(in srgb,var(--ink) 5%,transparent))}

/* תפריט: פריטי הרשימה לא נחתכים (גם באנגלית, מילים ארוכות יותר) */
.dlist{grid-template-columns:repeat(3,minmax(0,1fr))}
.dlist .ditem{min-width:0;white-space:normal;line-height:1.15}
.dlist .ditem>span:last-child{min-width:0;overflow-wrap:anywhere}
@media (max-width:380px){.dlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dgrid .dtile{min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}

/* טעינת קובץ התזרים ההיסטורי */
.histform{margin-top:14px}
.histbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.histbar .histccy{display:flex;gap:8px;align-items:center;margin:0;font-weight:600}
.histbar .histccy select{width:auto;min-width:96px;margin:0}
.histbar>button,.histbar .histclear button{height:44px;margin:0;white-space:nowrap}
.histbar .histclear{margin:0 auto 0 0}
html[dir=ltr] .histbar .histclear{margin:0 0 0 auto}
@media (max-width:600px){.histbar>button{flex:1}.histbar .histclear{margin:0;width:100%}.histbar .histclear button{width:100%}}

.ovrorig{display:flex;flex-direction:column;gap:2px;margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--surface-2);font-size:13px}

/* ציר ערכים בגרף התחזית */
.chartbox svg .ytick{font-size:11px;fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}
.chartbox.narrow svg .ytick{font-size:12px}
/* כותרות עמודות מספרים מיושרות כמו הערכים שמתחתן */
table.plain.num:not(.sumtable) th:not(:first-child){text-align:left}
[dir="ltr"] table.plain.num:not(.sumtable) th:not(:first-child){text-align:right}
table.num td.txt,table.plain.num th.txt{text-align:right;direction:rtl}
[dir="ltr"] table.num td.txt,[dir="ltr"] table.plain.num th.txt{text-align:left;direction:ltr}
/* מספרי הדשבורד לא גולשים לשורה שנייה: הגודל לפי רוחב הכרטיס */
.kpis .kpi{container-type:inline-size;min-width:0}
.kpis .kpi strong,.kpis.dkwide .kpi strong{direction:ltr;unicode-bidi:isolate;text-align:right;white-space:nowrap;overflow-wrap:normal;font-size:clamp(15px,12.5cqi,28px)}

/* כרטיסיות: אייקון במרכז למעלה, כותרת בשורה אחת, הכול ממורכז */
.kpis .kpi{align-items:center;text-align:center;justify-content:flex-start}
.kpis .kpi .kic{font-size:24px;line-height:1;margin-bottom:2px}
.kpis .kpi .kl,.kpis .kpi .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:clamp(9px,6.8cqi,14px)}
.kpis .kpi strong,.kpis.dkwide .kpi strong{text-align:center}
.kpis .kpi .ks,.kpis .kpi .muted,.kpis .kpi .kgo,.kpis .kpi>a{text-align:center}
.kpis .kpi .kgo{margin-top:auto;padding-top:8px}
/* מסך הייבוא: בלי גלילה פנימית בטבלת הסיכום — גוללים את הדף, והכותרות נצמדות לראש המסך */
@media (min-width:641px){.sumscroll{overflow:visible!important;position:static!important;max-height:none!important;border:0;padding:0}}

/* צמצום מקטע בטבלת הסיכום */
.sumtable tr.secrow[data-sec-toggle]{cursor:pointer}
.sumtable tr.secrow[data-sec-toggle] td:hover{opacity:.85}
.sumtable .seccar{display:inline-block;width:18px;font-size:14px;transition:transform .15s;vertical-align:middle}
.sumtable tr.sec-closed .seccar{transform:rotate(90deg)}
[dir="ltr"] .sumtable tr.sec-closed .seccar{transform:rotate(-90deg)}
.sumtable tbody.sec-collapsed{display:none}
.sumtable .sechint{display:none;margin-inline-start:10px;font-weight:500;font-size:12.5px}
.sumtable tr.sec-closed .sechint{display:inline}

/* סכום כל מקטע (הכנסות / הוצאות) בשורת הכותרת שלו */
.sumtable tr.secrow td.sectot{padding:16px 12px 8px!important;text-align:left!important;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;vertical-align:bottom}
[dir="ltr"] .sumtable tr.secrow td.sectot{text-align:right!important}
.sumtable tr.secrow td:first-child{white-space:nowrap}

/* מסך הייבוא: כל מקטע ההכנסות ברקע ירוק בהיר, וכל מקטע ההוצאות ברקע אדום בהיר */
.sumtable{--secin:#e9f9ef;--secout:#fdeeee}
:root[data-theme="dark"] .sumtable{--secin:#10291a;--secout:#2e1416}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sumtable{--secin:#10291a;--secout:#2e1416}}
.sumtable tbody.box-in>tr>td,.sumtable tr.secrow.sec-in td{background:var(--secin)!important;background-image:none!important}
.sumtable tbody.box-out>tr>td,.sumtable tr.secrow.sec-out td{background:var(--secout)!important;background-image:none!important}
.sumtable tbody.box-in>tr.drillable[aria-expanded="true"]>td{background:color-mix(in srgb,var(--ok) 16%,var(--secin))!important}
.sumtable tbody.box-out>tr.drillable[aria-expanded="true"]>td{background:color-mix(in srgb,var(--bad) 12%,var(--secout))!important}
.sumtable tbody.box-in>tr.drillable:hover>td{background:color-mix(in srgb,var(--ok) 10%,var(--secin))!important}
.sumtable tbody.box-out>tr.drillable:hover>td{background:color-mix(in srgb,var(--bad) 8%,var(--secout))!important}
.sumtable tr.secrow.sec-in td:first-child,.sumtable tr.secrow.sec-out td:first-child{padding-inline-start:12px!important}

/* מיון עמודות בטבלאות הגיול */
table[data-sorttable] th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
table[data-sorttable] th.sortable::after{content:" ⇅";opacity:.4;font-size:11px}
table[data-sorttable] th[data-dir=asc]::after{content:" ▲";opacity:.95}
table[data-sorttable] th[data-dir=desc]::after{content:" ▼";opacity:.95}

/* כרטיסיות עם תג כיוון (ייכנס / ייצא): התג בשורה משלו מעל הכותרת, כדי שהכותרת לא תיחתך */
.kpis .kpi .lbl{display:block}
.kpis .kpi .lbl .kdir{display:table;margin:0 auto 4px}

/* כפתור הייבוא צמוד לשדה הגרירה */
form[data-import] .dzsubmit{margin-top:10px}

/* מטבע: הסמל עצמו ($ ₪ €) בצבע המטבע */
.ccy .ccys{font-weight:800;font-size:1.08em;line-height:1;color:var(--c,#64748b);min-width:.75em;text-align:center}
:root[data-theme="dark"] .ccy .ccys{filter:brightness(1.35)}
.ccyseg a.on .ccy .ccys,.chipbtn.on .ccy .ccys,th .ccy .ccys,.sumhead .ccy .ccys{color:inherit}
.ccy{gap:4px}
/* סכום עם סמל המטבע צמוד אליו (טבלאות גיול / ניתוח התחזית) */
.amtc{display:inline-flex;align-items:center;gap:2px;direction:ltr;white-space:nowrap}
.amtc .ccy{gap:0}
/* אייקון כיוון בכרטיסיות: עיגול ירוק עם חץ למטה (כניסות) / אדום עם חץ למעלה (יציאות) */
.kpis .kpi .kic.dirin,.kpis .kpi .kic.dirout{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ok)}
.kpis .kpi .kic.dirout{background:var(--bad)}
.kpis .kpi .kic.dirin svg,.kpis .kpi .kic.dirout svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

/* טבלה ארוכה שנכנסת ברוחב: גלילה אחת של הדף, כותרות נדבקות מתחת לסרגלים */
@media (min-width:641px){
  .scroll.flatlong{overflow:visible}
  .scroll.flatlong table.plain>thead>tr>th,.scroll.flatlong table.plain>tbody>tr:first-child>th,.scroll.flatlong table.plain>tr:first-child>th{position:sticky;top:var(--th-top,84px);z-index:3;box-shadow:inset 0 -1px 0 var(--line)}
}
@media (min-width:641px){.scroll.flatlong table table th{position:static}}

/* שלב 233: בתזרים השבוע נשארים צמודים רק הסרגל העליון, סרגל הלשוניות וכותרת החשבונות.
   יתרת הפתיחה, שורת המקטע הפתוח וכותרת פירוט התנועות נגללים עם הדף — כדי שגלילת הדף לא תיראה כמו חלון פנימי */
.sumtable tr.balopen td,.sumtable tr.drillable.pinned td,.sumtable .drilltable tr.dlhead th{position:static!important;box-shadow:none}

/* שלב 234: חיצים בקצוות סרגל לשוניות שלא נכנס ברוחב */
.subnav{position:sticky}
.subnav .snarrow{position:sticky;z-index:2;flex:0 0 auto;align-self:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);padding:0;display:inline-flex;align-items:center;justify-content:center}
.subnav .snarrow[hidden]{display:none}
.subnav .snarrow:hover{background:var(--surface-2)}
[dir=rtl] .subnav .snprev,.subnav .snprev{inset-inline-start:0}
.subnav .snnext{inset-inline-end:0}
/* שלב 235: חיצי הסרגל בצבע המותג — בולטים ברקע בהיר וכהה */
.subnav .snarrow{width:36px!important;height:36px!important;min-height:0!important;padding:0!important;margin:0!important;background:var(--brand)!important;color:var(--brand-ink,#fff)!important;border:2px solid var(--surface)!important;font-size:22px!important;font-weight:900!important;box-shadow:0 0 0 1px var(--brand),0 3px 10px rgba(0,0,0,.35),0 0 0 10px color-mix(in srgb,var(--surface) 85%,transparent)!important}
.subnav .snarrow:hover{filter:brightness(1.12)}
/* שלב 236: הודעה צפה אחרי שמירה (כשהמשתמש נשאר באמצע הדף) */
.flashtoast{position:fixed;z-index:200;bottom:22px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));display:grid;gap:8px;cursor:pointer;transition:opacity .6s,transform .6s}
.flashtoast .flash{margin:0;box-shadow:0 8px 28px rgba(0,0,0,.25);border:1px solid var(--line)}
.flashtoast.out{opacity:0;transform:translate(-50%,12px)}
/* שלב 238: כפתור של יכולת נעולה — מוצג עם מנעול קטן */
.lockedbtn{position:relative;opacity:.75}
.lockedbtn .lockdot{position:absolute;top:-6px;inset-inline-start:-6px;font-style:normal;font-size:12px;line-height:1;background:var(--surface);border:1px solid var(--line);border-radius:50%;padding:3px}
.kpi.kpilocked{opacity:.8}
/* שלב 240: אייקון סל המחזור ליד "ייבוא שבוע" */
.trashbtn{position:relative}
.trashbtn .tcount{position:absolute;top:-7px;inset-inline-start:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--bad);color:#fff;font-style:normal;font-size:11px;font-weight:800;line-height:20px;text-align:center}

/* שלב 241: חסרים קבצים — באנר בכל המסכים, נקודה אדומה על ☰, וסימן ! על "ייבוא" */
.missbar{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:11px 16px;border-radius:14px;text-decoration:none;
  background:color-mix(in srgb,var(--bad) 12%,var(--surface));border:1.5px solid color-mix(in srgb,var(--bad) 55%,transparent);color:var(--ink)}
.missbar:hover{background:color-mix(in srgb,var(--bad) 18%,var(--surface));color:var(--ink)}
.missbar .mbic{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--bad);color:#fff;font-weight:900;font-size:17px;display:inline-flex;align-items:center;justify-content:center;animation:misspulse 2.2s ease-in-out infinite}
.missbar .mbtx{flex:1;min-width:0;font-size:14px;line-height:1.45}
.missbar .mbtx b{color:var(--bad)}
.missbar .mbgo{flex:0 0 auto;font-weight:800;color:var(--bad);white-space:nowrap}
@keyframes misspulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--bad) 45%,transparent)}50%{box-shadow:0 0 0 7px transparent}}
@media (prefers-reduced-motion:reduce){.missbar .mbic{animation:none}}
.iconbtn.hasmiss{position:relative}
.iconbtn .missdot{position:absolute;top:5px;inset-inline-end:5px;width:12px;height:12px;border-radius:50%;background:var(--bad);border:2px solid var(--surface);animation:misspulse 2.2s ease-in-out infinite}
.missmark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bad);color:#fff;font-style:normal;font-weight:900;font-size:12px;vertical-align:1px}
@media (max-width:640px){.missbar{padding:9px 12px;gap:9px}.missbar .mbtx{font-size:13px}}
/* שלב 244: תור טיפול כטבלה מרכזת */
.qtablecard{padding:8px}
.qtable .qrow{cursor:pointer}
.qtable .qrow:hover td{background:var(--surface-2)}
.qtable tbody.qgroup.open .qrow td{background:color-mix(in srgb,var(--brand) 12%,var(--surface));border-bottom-color:transparent}
.qtable .qdesc{min-width:220px;max-width:380px}
.qtable .qwhy{max-width:260px;color:var(--ink-2)}
.qtable .qamt{font-weight:800}
.qtable .qamt.in{color:var(--ok)}.qtable .qamt.out{color:var(--bad)}
.qtable .qdet>td{background:color-mix(in srgb,var(--brand) 5%,var(--surface));padding:4px 14px 16px;border-bottom:2px solid var(--brand)}
.qtable .qdetbox{max-width:900px;margin-inline-start:auto;margin-inline-end:auto;text-align:start}
.qtable .button.xs{padding:6px 12px;font-size:13px;min-height:0}
.qtable tbody.qgroup.open .qbtn{background:var(--surface);color:var(--brand)}
/* שלב 245: חיפוש בטבלה */
.tsearch{display:flex;align-items:center;gap:12px;margin:4px 4px 12px}
.tsearch input{flex:1;max-width:520px;margin:0}
.sorthide{display:none}
/* שלב 246: מונה סל המחזור — אפור (מידע, לא דחוף), ורק פריטים חדשים מאז הביקור האחרון */
.dtile[href$="/trash"] .dbadge,.trashbtn .tcount{background:#64748b}
/* שלב 247: הקבצים שיובאו — בשורת הייבוא ובדוח */
.filesdd{position:relative;display:inline-block}
.filesdd>summary{list-style:none;cursor:pointer;position:relative}
.filesdd>summary::-webkit-details-marker{display:none}
.filesdd .fcount{position:absolute;top:-7px;inset-inline-start:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--brand);color:var(--brand-ink,#fff);font-style:normal;font-size:11px;font-weight:800;line-height:18px;text-align:center}
.filesdd .ddlist{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-end:0;width:min(420px,86vw);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.22);padding:10px;display:grid;gap:6px;text-align:start}
.filesdd .ddhead{font-weight:800;font-size:13px;color:var(--ink-2);padding:2px 4px 6px;border-bottom:1px solid var(--line)}
.filesdd .ddrow{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px dashed var(--line)}
.filesdd .ddname{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filesdd .ddname b{font-size:12px;color:var(--ink-2)}
.filegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin:6px 0 4px}
.filecard{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.filecard .grow{display:grid;min-width:0}
.filecard .grow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filecard .fic{color:var(--brand)}
.wkplan.wkok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,var(--surface))}
.wkplan.wkok h2{color:var(--ok)}
/* שלב 250: שמות קבצים ארוכים ברשימת הקבצים — שורה אחת עם … ושם מלא במעבר עכבר */
.filesdd .ddrow{min-width:0}
.filesdd .ddname{display:flex;flex-direction:column;white-space:normal;overflow:hidden}
.filesdd .ddname>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;text-align:right;max-width:100%}
.filesdd .ddname br{display:none}
.filecard .grow span{unicode-bidi:plaintext;text-align:right}
/* שלב 253: תצוגת אקסל בדפדפן */
.sheettable td,.sheettable th{white-space:nowrap;max-width:340px;overflow:hidden;text-overflow:ellipsis}
.sheettable td.n{text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
.filesdd .ddrep{background:color-mix(in srgb,var(--brand) 7%,transparent);border-radius:10px;border-bottom:0}
/* שלב 254: רשימת הקבצים — כפתורים קטנים, חלונית רחבה יותר וגלילה בתוכה כשהרשימה ארוכה */
.filesdd .ddlist{width:min(560px,92vw);max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain}
.filesdd .ddrow{gap:6px;padding:7px 4px}
.filesdd .ddrow .button,.filesdd .ddrow .link{min-height:0!important;height:30px;padding:0 10px!important;font-size:12.5px!important;border-radius:9px;display:inline-flex;align-items:center;white-space:nowrap;flex:0 0 auto;box-shadow:none}
.filesdd .ddname{font-size:12.5px}
.filesdd .ddlist>.button{min-height:0;height:36px;font-size:13px}
.filesdd .ddrow{padding:4px 4px}
.filesdd .ddname{flex-direction:row;align-items:baseline;gap:6px;white-space:nowrap}
.filesdd .ddname b{flex:0 0 auto}
.filesdd .ddname>span{flex:1;min-width:0}
.filesdd .ddrow .button,.filesdd .ddrow .link{height:26px;padding:0 8px!important;font-size:12px!important}
/* שלב 256: קבצי בנק / פריוריטי בקבוצות נפרדות עם צבע */
.filesdd .ddgrp{display:flex;align-items:center;gap:6px;margin:8px 0 2px;font-size:12px}
.filesdd .ddgrp em{font-style:normal;color:var(--ink-2)}
.filesdd .ddr-bank{border-inline-start:3px solid #3b82f6;padding-inline-start:8px}
.filesdd .ddr-priority{border-inline-start:3px solid #8b5cf6;padding-inline-start:8px}
.filesdd .ddr-file{border-inline-start:3px solid #64748b;padding-inline-start:8px}
.filecard.fc-bank{border-inline-start:4px solid #3b82f6}
.filecard.fc-priority{border-inline-start:4px solid #8b5cf6}
.filecard.fc-file{border-inline-start:4px solid #64748b}
.filecard .grow b .sysb{font-size:11px;padding:1px 7px}
.filegrid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}
.filecard{padding:8px 10px;gap:8px}
.filecard .grow{flex:1}
.filecard .button,.filecard .link{min-height:0!important;height:28px;padding:0 9px!important;font-size:12px!important;border-radius:9px;display:inline-flex;align-items:center;white-space:nowrap;flex:0 0 auto;box-shadow:none}
.filecard .grow b{display:flex;align-items:center;gap:4px;white-space:nowrap}
.wkplan.wkfix{border-color:var(--warn,#d97706);background:color-mix(in srgb,#f59e0b 8%,var(--surface))}
/* שלב 259: 🎉 עם הנפשה כשהכול מעודכן */
.wkplan.wkok{position:relative;overflow:hidden;padding-inline-end:110px}
.wkparty{position:absolute;top:50%;inset-inline-end:28px;width:70px;height:70px;margin-top:-35px;pointer-events:none}
.wkpop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:52px;line-height:1;
  animation:wkpop .9s cubic-bezier(.2,1.6,.4,1) both, wkwiggle 2.8s ease-in-out 1.2s infinite;transform-origin:50% 70%}
.wkparty i{position:absolute;top:50%;left:50%;width:7px;height:11px;border-radius:2px;opacity:0;
  background:hsl(calc(var(--k) * 26) 85% 55%);
  --a:calc(var(--k) * 25.7deg);
  animation:wkconf 1.4s ease-out calc(.25s + var(--k) * .02s) both, wkconf 1.6s ease-out calc(4s + var(--k) * .03s) both}
@keyframes wkpop{0%{transform:scale(0) rotate(-40deg);opacity:0}60%{transform:scale(1.25) rotate(12deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes wkwiggle{0%,70%,100%{transform:rotate(0) scale(1)}78%{transform:rotate(-14deg) scale(1.08)}86%{transform:rotate(10deg) scale(1.08)}93%{transform:rotate(-5deg)}}
@keyframes wkconf{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translateY(0) rotate(0)}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-62px) rotate(320deg)}}
@media (prefers-reduced-motion:reduce){.wkpop,.wkparty i{animation:none}.wkparty i{display:none}}
@media (max-width:640px){.wkplan.wkok{padding-inline-end:16px;padding-top:84px}.wkparty{top:14px;margin-top:0;inset-inline-end:50%;margin-inline-end:-35px}}
/* שלב 260: רשימת הקבצים בנייד — חלונית מלמטה על כל הרוחב */
.filesdd .ddhead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.filesdd .ddx{display:none;background:none;border:0;color:var(--ink-2);font-size:20px;line-height:1;padding:4px 8px;min-height:0;cursor:pointer}
@media (max-width:640px){
  .filesdd[open] .ddlist{position:fixed;inset:auto 0 0 0;top:auto;width:auto;max-height:78vh;border-radius:20px 20px 0 0;z-index:400;padding:14px 14px calc(14px + env(safe-area-inset-bottom));box-shadow:0 0 0 100vmax rgba(0,0,0,.55),0 -8px 24px rgba(0,0,0,.3);animation:ddup .22s ease-out}
  .filesdd .ddx{display:inline-block}
  .filesdd .ddhead{font-size:15px;padding:0 2px 10px}
  .filesdd .ddrow{flex-wrap:wrap;padding:8px 6px;gap:8px}
  .filesdd .ddname{flex:1 0 100%;flex-direction:column;align-items:flex-start;gap:2px;font-size:14px;white-space:normal}
  .filesdd .ddname>span{white-space:normal;word-break:break-all;text-overflow:clip}
  .filesdd .ddrow .button,.filesdd .ddrow .link{flex:1;justify-content:center;height:38px;font-size:14px!important}
  .filesdd .ddlist>.button{height:44px;font-size:15px}
}
@keyframes ddup{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (max-width:640px){
  table.stack.implist td:first-child{flex-wrap:wrap;row-gap:2px}
  table.stack.implist td:first-child>.small{flex:1 0 100%;text-align:end}
}
a[href^="mailto:"]{white-space:nowrap;hyphens:none;unicode-bidi:isolate}
/* שלב 262: עריכת מחירים */
.pricegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:16px}
.priceplan textarea{min-height:110px;font-size:14px;line-height:1.6}
.pricingform .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.pricingform .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}
@media (max-width:640px){.pricingform .grid2,.pricingform .grid3{grid-template-columns:1fr}}
/* שלב 263: חיפוש בכל הסביבה של החברה */
.srch{position:fixed;inset:0;z-index:500;background:rgba(10,20,30,.45);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:70px 16px 16px}
.srch[hidden]{display:none}
.srchbox{width:min(720px,100%);max-height:calc(100vh - 100px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
.srchtop{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.srchtop svg{width:22px;height:22px;color:var(--brand);flex:none}
.srchtop input{flex:1;margin:0;border:0;box-shadow:none;font-size:17px;padding:8px 4px;background:transparent}
.srchtop input:focus{outline:none;box-shadow:none}
.srchx{background:none;border:0;font-size:20px;color:var(--ink-2);padding:4px 8px;min-height:0;cursor:pointer}
.srchres{overflow:auto;padding:6px 8px 12px;overscroll-behavior:contain}
.srchhint{margin:14px 10px}
.srchgrp h4{margin:12px 8px 4px;font-size:12.5px;color:var(--ink-2);font-weight:800}
.srchit{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--ink)}
.srchit:hover,.srchit.on{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--ink)}
.srcht{flex:1;min-width:0;display:grid}
.srcht b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srcht small{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srcha{flex:none;font-weight:800;font-variant-numeric:tabular-nums}
.srcha.pos{color:var(--ok)}.srcha.neg{color:var(--bad)}
body.srch-on{overflow:hidden}
@media (max-width:640px){.srch{padding:0}.srchbox{border-radius:0;max-height:100vh;height:100%}}
.srchtop input::-webkit-search-cancel-button{display:none}
/* שלב 266: דוח של ייבוא קודם — הפניה לתזרים העדכני */
.newerbar{display:block;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--brand-soft);color:var(--brand-dk);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);text-decoration:none;font-size:14px}
.newerbar:hover{filter:brightness(.97);color:var(--brand-dk)}
/* שלב 267: יתרה לפי חשבון — עמודה לכל מטבע של החברה */
#dacc td.convself{font-weight:700}
#dacc tr.convtot td{border-top:2px solid var(--line);background:var(--surface-2)}
/* שלב 269: תזרים השבוע — בלי צבע רקע בתוך הטבלה; מסגרת ירוקה סביב הכנסות, אדומה סביב הוצאות, ומסגרת כהה סביב כל הטבלה */
.sumtable tbody.box-in>tr>td,.sumtable tr.secrow.sec-in td,
.sumtable tbody.box-out>tr>td,.sumtable tr.secrow.sec-out td{background:var(--surface)!important}
.sumtable tbody.box-in>tr.drillable:hover>td,.sumtable tbody.box-out>tr.drillable:hover>td{background:var(--surface-2)!important}
.sumtable tbody.box-in>tr.drillable[aria-expanded="true"]>td,.sumtable tbody.box-out>tr.drillable[aria-expanded="true"]>td{background:color-mix(in srgb,var(--brand) 8%,var(--surface))!important}
.sumtable tbody.box-in{--bc:var(--ok);--bw:2px}
.sumtable tbody.box-out{--bc:var(--bad);--bw:2px}
/* כותרת המקטע (הכנסות / הוצאות) בתוך המסגרת של המקטע */
.sumtable tbody.seclabel tr.sec-in{--bc:var(--ok)}
.sumtable tbody.seclabel tr.sec-out{--bc:var(--bad)}
.sumtable tbody.seclabel tr.secrow>td{border-top:2px solid var(--bc)!important}
.sumtable tbody.seclabel tr.secrow>td:first-child{border-right:2px solid var(--bc)!important}
.sumtable tbody.seclabel tr.secrow>td:not(.ccyoff):not(:has(~ :not(.ccyoff))){border-left:2px solid var(--bc)!important}
.sumtable tbody.seclabel tr.secrow[aria-expanded="false"]>td{border-bottom:2px solid var(--bc)!important}
.sumtable tbody.seclabel+tbody.box-in>tr:first-child>td,.sumtable tbody.seclabel+tbody.box-out>tr:first-child>td{border-top:1px solid var(--line)!important}
[dir="ltr"] .sumtable tbody.seclabel tr.secrow>td:first-child{border-right:0!important;border-left:2px solid var(--bc)!important}
[dir="ltr"] .sumtable tbody.seclabel tr.secrow>td:not(.ccyoff):not(:has(~ :not(.ccyoff))){border-left:0!important;border-right:2px solid var(--bc)!important}
/* מסגרת סביב כל הטבלה */
.scroll.sumscroll{border:2px solid var(--ink)!important;border-radius:14px!important;padding:6px!important}
/* 270: summary table row colors */
.sumtable tr.balopen td{background:#fff!important}
:root[data-theme="dark"] .sumtable tr.balopen td{background:var(--surface)!important}
.sumtable tr.secrow.sec-in td{background:color-mix(in srgb,var(--ok) 12%,#fff)!important}
.sumtable tr.secrow.sec-out td{background:color-mix(in srgb,var(--bad) 10%,#fff)!important}
:root[data-theme="dark"] .sumtable tr.secrow.sec-in td{background:color-mix(in srgb,var(--ok) 18%,var(--surface))!important}
:root[data-theme="dark"] .sumtable tr.secrow.sec-out td{background:color-mix(in srgb,var(--bad) 18%,var(--surface))!important}
.sumtable tbody.box-close tr>td:not([colspan]){background:var(--brand-dk)!important;color:#fff!important}
:root[data-theme="dark"] .sumtable tbody.box-close tr>td:not([colspan]){background:#0b4f4a!important}
.sumtable tbody.box-close tr>td:first-child{color:#fff!important}
.sumtable tbody.box-close tr>td.badcell{background:var(--bad)!important;color:#fff!important}
.sumtable tbody.box-close .baldate{background:rgba(255,255,255,.18)!important;color:#fff!important}
.sumtable tbody.box-close tr+tr>td:not([colspan]){border-top:1px solid rgba(255,255,255,.18)!important}
/* 270: six top buttons + logo on narrow phones without overlap */
@media (max-width:480px){
  .topbar .iconbtn{width:35px;height:35px;border-radius:10px}.topbar .navbtns{gap:4px;flex:none}
  .topbar .iconbtn svg{max-width:20px;max-height:20px}
  .topbar .langbtn svg.flag{width:20px}
  .topbar .container{gap:6px}
  .topbar .brand{font-size:18px;gap:5px;min-width:0;flex:0 1 auto;overflow:hidden}.topbar .brand img{width:30px;height:30px;flex:none}
}
@media (max-width:369px){.topbar .brand span{display:none}}
/* 270: pricing editor — fields line up, hints under the field */
.pricingform .grid2,.pricingform .grid3{align-items:start}
.pricingform .grid2>label,.pricingform .grid3>label{min-width:0}
.pricingform .grid2>label>span.small,.pricingform .grid3>label>span.small{display:block;margin-top:4px;line-height:1.35}
.pricingform .grid2>label.pcheck{align-self:center;margin-top:18px}
.pricingform .priceplan .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.pricingform .grid2>label.pcheck{margin-top:0}}
@media (max-width:560px){.pricingform .priceplan .grid3{grid-template-columns:1fr}}
.pricingform .priceplan .head .check-row{white-space:nowrap}
/* 274: forecast version header — readable text on the dark "imported" columns */
.verg thead th{color:var(--ink)}
.verg thead th.vdone,.verg thead th.vdone span{color:#fff!important}
.verg thead th.vdone em{color:#fde68a!important;opacity:1;font-weight:800}
.verg thead th:not(.vdone):not(.stick){background:var(--surface-2)!important}
.fcverpick select{max-width:340px}
.fcverpick optgroup{font-style:normal;font-weight:800;color:var(--muted)}
.fcverpick option{font-weight:500;color:var(--ink)}
/* 276: forecast table as a traffic light — green in, red out, orange = estimate; blue dot = edited manually */
.fcgrid td.cell.est{font-style:normal!important;opacity:1!important}
.fcgrid td.cell.est .fin,.fcgrid td.cell.est .fout{color:#d97706!important}
:root[data-theme="dark"] .fcgrid td.cell.est .fin,:root[data-theme="dark"] .fcgrid td.cell.est .fout{color:#fbbf24!important}
table.fcgrid td.adj::after,.adjdot{background:#2563eb!important}
:root[data-theme="dark"] table.fcgrid td.adj::after,:root[data-theme="dark"] .adjdot{background:#60a5fa!important}
.tl{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:4px;vertical-align:middle}
.tl-in{background:var(--ok)}.tl-out{background:var(--bad)}.tl-est{background:#d97706}
.festkey{color:#d97706;font-weight:700}
:root[data-theme="dark"] .festkey{color:#fbbf24}
/* 282: week navigation in the weekly report */
.wknav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0}
.wknav .button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:14px}
.wknav .button small{font-size:11.5px;color:var(--muted);font-weight:500;direction:ltr;unicode-bidi:isolate}
.wknav .wkarr{font-weight:800;color:var(--brand)}
.wknav .disabled{opacity:.45;pointer-events:none}
[dir="ltr"] .wknav .wkarr{display:inline-block;transform:scaleX(-1)}
@media (max-width:640px){.wknav .button small{display:none}.wknav{gap:6px}}
.wknav .button:hover small,.wknav .button:focus-visible small{color:inherit;opacity:.85}
.wknav .button:hover .wkarr,.wknav .button:focus-visible .wkarr{color:inherit}
.wknav .wklabel{font-weight:800;font-size:14px;color:var(--ink);margin-inline-end:4px}
@media (max-width:640px){.wknav .wklabel{width:100%}}
/* 285: weekly reports timeline */
.wktl{margin:10px 0 2px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.wktl-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.wktl-title{font-weight:800;font-size:15px}
.wktl-legend{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.wktl-legend .dot{margin-inline-start:6px}
.wktl-jump{display:inline-flex;align-items:center;gap:6px;margin:0 auto 0 0}
[dir="ltr"] .wktl-jump{margin:0 0 0 auto}
.wktl-jump select{width:auto;max-width:260px;padding:6px 10px;margin:0;font-size:14px}
.wktl-row{display:flex;align-items:center;gap:8px}
.wktl-strip{display:flex;align-items:stretch;gap:6px;overflow-x:auto;scroll-behavior:smooth;flex:1;padding:4px 2px 8px;scrollbar-width:thin}
.wktl-month{flex:none;align-self:center;font-size:11px;font-weight:800;color:var(--muted);padding:0 4px 0 2px;border-inline-start:2px solid var(--line);white-space:nowrap;writing-mode:horizontal-tb}
.wktl-chip{flex:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:78px;padding:6px 10px 7px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);text-decoration:none;transition:transform .12s,border-color .12s,background .12s}
.wktl-chip:hover{border-color:var(--brand);transform:translateY(-1px)}
.wktl-chip .wk{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
.wktl-chip .dr{font-size:13px;font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.wktl-chip .dot{position:absolute;top:6px;inset-inline-end:6px}
.wktl-chip.cur{background:var(--brand-dk);border-color:var(--brand-dk);color:#fff;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--brand) 60%,transparent)}
.wktl-chip.cur .wk{color:#e0f2fe}
:root[data-theme="dark"] .wktl-chip.cur{background:#0284c7;border-color:#0284c7}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}
.dot.ok{background:var(--ok)}.dot.warn{background:#f59e0b}.dot.bad{background:var(--bad)}
.wktl-chip.cur .dot{box-shadow:0 0 0 2px #fff}
.wktl-arr{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--brand-dk);font-size:22px;font-weight:800;text-decoration:none;line-height:1}
.wktl-arr:hover{background:var(--brand-dk);color:#fff;border-color:var(--brand-dk)}
.wktl-arr.off{opacity:.35}
:root[data-theme="dark"] .wktl-arr{color:#7dd3fc}
.wktl-last{flex:none;padding:7px 12px;font-size:13px;white-space:nowrap}
@media (max-width:640px){.wktl-legend{display:none}.wktl-jump{margin:0;width:100%}.wktl-jump select{max-width:none;flex:1}.wktl-last{display:none}}
.head>div:has(> .wktl){min-width:0;flex:1 1 100%;max-width:100%}
.wktl,.wktl-row,.wktl-strip{min-width:0;max-width:100%}
.wktl-top{min-width:0}
[dir="ltr"] .wktl-arr{transform:scaleX(-1)}
/* 286: months as pills, svg chevrons */
.wktl-month{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:64px;padding:6px 10px;border:0!important;border-radius:12px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-dk);line-height:1.15}
.wktl-month b{font-size:13px;font-weight:800}
.wktl-month small{font-size:11px;font-weight:700;opacity:.75}
:root[data-theme="dark"] .wktl-month{background:color-mix(in srgb,var(--brand) 22%,var(--surface));color:#bae6fd}
.wktl-strip .wktl-month:not(:first-child){margin-inline-start:6px}
.wktl-arr{font-size:0}
.wktl-arr svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wktl-lastic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
[dir="ltr"] .wktl-lastic{transform:scaleX(-1)}
.wktl-last{display:inline-flex;align-items:center;gap:4px}
/* 287: file cards never wider than the screen (phones) */
.filegrid{grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr))!important}
.filecard{min-width:0}
@media (max-width:640px){
  .wktl-row .wktl-last{display:none}
  .wktl-chip{min-width:70px;padding:5px 8px 6px}
  .wktl-chip .dr{font-size:12px}
  .wktl-month{min-width:54px;padding:5px 8px}
  .wktl-arr{width:32px;height:32px}
}
/* 288: desktop view on phones */
.ddesk{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}
.ddesk>span:last-child{display:flex;flex-direction:column;line-height:1.25}
.ddesk .desk-hint{font-size:11px}
.ddesk .desk-off{display:none}
html.deskmode .ddesk .desk-on{display:none}
html.deskmode .ddesk .desk-off{display:inline}
html.deskmode .ddesk .desk-hint{display:none}
.deskback{position:fixed;bottom:16px;inset-inline-start:16px;z-index:2147483000;padding:10px 18px;border-radius:999px;border:0;background:var(--brand-dk);color:#fff;font:inherit;font-size:calc(9px * var(--dk,1));font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer;opacity:.92}
/* 288: forecast header on phones — compare picker on its own line, never wider than the screen */
@media (max-width:640px){
  .fcverpick{display:flex;flex-wrap:wrap;width:100%;gap:4px}
  .fcverpick>span{white-space:nowrap;width:100%}
  .fcverpick select{flex:1;min-width:0;max-width:100%!important;width:100%}
  .fchead .btnrow{min-width:0;max-width:100%}
}
/* 289: footer centered on phones */
@media (max-width:760px){
  .footer .container{align-items:center;text-align:center}
  .footer .brand{align-self:center!important;margin:0 auto!important}
  .footer nav{justify-content:center}
}
/* 290: phones — nothing inside the page may widen it (long file names / account numbers / wide tables scroll inside their own box) */
@media (max-width:760px){
  html,body{overflow-x:hidden}
  main{overflow-x:clip;max-width:100vw}
  main .container{min-width:0;max-width:100%}
  main .card,main section,main .head,main .head>div{min-width:0;max-width:100%}
  main .card p,main .card li,main .filecard,main .newerbar,main .missbar{overflow-wrap:anywhere}
}
@media (max-width:760px){
  .scroll.sumscroll{overflow-x:auto!important;max-width:100%}
  .sumtable{width:100%}
  .sumtable td:first-child{white-space:normal;overflow-wrap:anywhere}
  .sumtable td,.sumtable th{padding-inline:8px}
}
@media (max-width:760px){
  .sumtable{font-size:13.5px}
  .sumtable td:not(:first-child){font-size:13.5px}
  .sumtable .sechint{display:none}
}
/* 292: hide companies from "my companies" */
.hidbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:8px 14px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line);font-weight:700;font-size:14px}
.ctile-hid{opacity:.55}
.ctile-hid:hover{opacity:.85}
.ctile-hidtag{position:absolute;top:12px;inset-inline-start:46px;font-size:12px;font-weight:800;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:2px 9px}
.ctile-pop .popbtn small{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.hidbar .button,.hidbar button{padding:5px 12px!important;font-size:13px!important;min-height:0;border-radius:999px}
.list-row.rowhid{opacity:.6}
.list-row form.inline{margin:0}
/* תפריט ⋮ של כרטיס חברה — בולט מול הרקע: רקע מעומעם, מסגרת וצל חזקים */
.ctile-menu[open]>summary::before{content:"";position:fixed;inset:0;background:rgba(10,30,40,.28);backdrop-filter:blur(1.5px);z-index:-1;cursor:default}
.ctile-menu[open]>summary{position:relative;z-index:2;background:var(--surface);border-color:var(--brand);color:var(--brand)}
.ctile-pop{z-index:3;border:1.5px solid color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 18px 40px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.14);border-radius:14px;padding:8px}
.ctile-pop::before{content:"";display:block;height:4px;border-radius:14px 14px 0 0;margin:-8px -8px 6px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 40%,#2bb5a6))}
:root[data-theme=dark] .ctile-pop{background:#22333b;border-color:color-mix(in srgb,var(--brand) 70%,#ffffff 10%);box-shadow:0 18px 44px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}
:root[data-theme=dark] .ctile-menu[open]>summary::before{background:rgba(0,0,0,.5)}
/* ניהול חברות — טבלה */
.cotable td{vertical-align:middle}
.cotable .num{text-align:end;font-variant-numeric:tabular-nums}
.cotable .nowrap{white-space:nowrap}
.coname{display:flex;align-items:center;gap:10px;min-width:200px}
.coname .clogo.sm{max-height:30px;max-width:70px;margin:0}
.cologo0{width:30px;height:30px;border-radius:8px;background:var(--brand-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.cotable .xs{font-size:12px}
.coacts{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}
.coacts .button.xs,.coacts button.xs{padding:5px 10px;font-size:13px;white-space:nowrap;min-height:0}
.coacts .comore.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.corow.off td{opacity:.7}
.corow:hover td{background:color-mix(in srgb,var(--brand) 5%,transparent)}
.coext>td{background:var(--surface-2);padding:10px 14px 14px}
.coextbody{max-width:900px}
.coextbody details.bkp{margin-top:8px!important;background:var(--surface)}
.cotable th,.cotable td{padding:8px 8px}
.cotable .badge{white-space:nowrap}
.coname strong{white-space:nowrap}
.coacts .comore{font-weight:900;letter-spacing:1px;min-width:34px}
.cotable th.num,.cotable td.num{text-align:center}
@media (max-width:700px){.coacts{flex-wrap:wrap;justify-content:flex-end}}
/* ניהול חברות בנייד: כרטיס קומפקטי — שם בשורה, נתונים כשבבים קטנים, פעולות בשורה */
@media (max-width:640px){
  table.cotable.stack tr.corow{display:flex!important;flex-wrap:wrap;gap:6px 8px;padding:12px}
  table.cotable.stack tr.corow>td{display:inline-flex!important;width:auto!important;padding:0!important;gap:4px;align-items:center;font-size:13px}
  table.cotable.stack tr.corow>td::before{font-size:11px;font-weight:600}
  table.cotable.stack tr.corow>td:first-child{width:100%!important;display:block!important;margin-bottom:4px}
  table.cotable.stack tr.corow>td:first-child::before,table.cotable.stack tr.corow>td:nth-child(2)::before,table.cotable.stack tr.corow>td:last-child::before{content:none}
  table.cotable.stack tr.corow>td:not(:first-child):not(:last-child):not(:nth-child(2)){background:var(--surface-2);border-radius:8px;padding:3px 8px!important}
  table.cotable.stack tr.corow>td:last-child{width:100%!important;display:block!important;margin-top:6px}
  .cotable .coname{min-width:0;align-items:flex-start}
  .cotable .coname strong{white-space:normal}
  .cotable .coname .clogo.sm{max-width:60px}
  .coacts{flex-wrap:nowrap;justify-content:flex-start;gap:6px}
  .coacts form{margin:0}
  table.cotable.stack tr.coext{padding:8px}
  table.cotable.stack tr.coext>td::before{content:none}
  .cofilter{max-width:none!important;width:100%}
}
@media (max-width:640px){
  table.cotable.stack tr.corow>td{white-space:nowrap;word-break:normal;overflow-wrap:normal}
  table.cotable.stack tr.corow>td::before{max-width:none;white-space:nowrap}
  table.cotable.stack tr.corow>td:first-child{white-space:normal}
  .corow:hover td{background:none}
}
/* תפריט נייד: "תצוגת מחשב" בשורה מלאה, ההסבר בשורה אחת מתחת */
.dlist .ddesk{grid-column:1/-1}
.ddesk>span:last-child{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.ddesk .desk-hint{white-space:nowrap}
/* עורך המחירים: מגבלות המסלול בשורה אחת מיושרת */
.plimgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;align-items:end;margin-top:6px}
.plimgrid .plimhead{grid-column:1/-1;font-weight:700;font-size:14px}
.plimgrid label{margin:0;font-size:13px;white-space:nowrap}
.plimgrid input{margin-top:4px}
.priceplan{display:flex;flex-direction:column}
.priceplan textarea{height:210px;min-height:210px;resize:vertical}
.showprices{align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.showprices>span{display:flex;flex-direction:column;gap:2px}
.pquote{font-size:22px;font-weight:800;color:var(--brand);margin:6px 0 10px;line-height:1.3}
/* דף המחירים: 4 מסלולים + מחשבון חיסכון */
.plans.n4{grid-template-columns:repeat(4,1fr);max-width:1200px;gap:16px}
.plans.n4 .plan{padding:26px 20px 22px}
.plans.n4 .plan .price b{font-size:40px}
@media (max-width:1200px) and (min-width:961px){.plans.n4{grid-template-columns:repeat(2,1fr);max-width:820px}.plans.n4 .plan.popular{transform:none}}
.ponerp{max-width:760px;margin:-18px auto 26px;font-size:15px}
.roicalc{max-width:820px;margin:34px auto 0;padding:22px 24px}
.roicalc h3{margin:0 0 12px;font-size:20px}
.roirow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.roirow label{margin:0}
.roiout{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}
.roiout>div{background:var(--surface-2);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.roiout b{font:800 26px/1.2 "Rubik",sans-serif;color:var(--ink)}
.roiout .roisave{background:color-mix(in srgb,var(--ok) 14%,var(--surface))}
.roiout .roisave b{color:var(--ok)}
.roiout .roisave.neg{background:var(--surface-2)}.roiout .roisave.neg b{color:var(--muted)}
@media (max-width:640px){.roirow{grid-template-columns:1fr}.ponerp{margin-top:-10px}}
@media (max-width:960px){.plans.n4{grid-template-columns:1fr;max-width:480px}.plans.n4 .plan.popular{transform:none}.pquote{font-size:19px}}
/* כרטיסי המסלולים: אותו גובה לכל חלק (כותרת, מחיר, יכולות, מגבלות, כפתור) בכל הכרטיסים */
@media (min-width:961px){
  @supports (grid-template-rows:subgrid){
    .plans{grid-auto-rows:auto}
    .plans .plan{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;align-content:start}
    .plans .plan.noprice{grid-row:span 6}
    .plans .plan .price{align-self:end}
    .plans .plan .pfeats{align-self:stretch}
    .plans .plan .plimits{align-self:stretch;align-content:start}
    .plans .plan>.button{align-self:end}
  }
}
.roirow{grid-template-columns:repeat(3,1fr)}
.roipeople{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));border-inline-start:4px solid var(--brand);font-size:15px;line-height:1.55}
.roipeople b{color:var(--brand)}
@media (max-width:640px){.roirow{grid-template-columns:1fr}}
.roirow{align-items:end}
.roirow select{font-size:17px;font-weight:700;text-align:center;text-align-last:center;cursor:pointer}
.plan .plimits .psetup b{color:var(--brand);font-weight:700}
.setupfaq{padding:0 20px 16px}
.setupfaq ol{margin:4px 0 12px;padding-inline-start:22px;display:grid;gap:6px}
.handover{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:8px}
.handover li{display:flex;gap:10px;align-items:baseline;background:var(--surface-2);border-radius:12px;padding:10px 12px}
.handover li span{flex:none;font-weight:800;color:#fff;background:var(--brand);border-radius:999px;padding:2px 10px;font-size:13px}
.pfaq .setupfaq p{padding:0;margin:8px 0 4px}
/* עזרה בהתחברות מרחוק */
.remotep .rhero-ic{font-size:54px;line-height:1;margin-bottom:8px}
.rsteps{margin:0;padding-inline-start:22px;display:grid;gap:10px;font-size:16px;line-height:1.55}
.rtools{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rtool{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.rtool:hover{border-color:var(--brand);transform:translateY(-2px)}
.rtool b{font-size:17px}.rtool span{color:var(--muted);font-size:14px;line-height:1.45}
.rtool em{font-style:normal;color:var(--brand);font-weight:700;font-size:13px;margin-top:auto;direction:ltr;text-align:right}
.rtool.rec{border:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.rtool .rtag{position:absolute;top:-10px;inset-inline-start:14px;background:var(--brand);color:#fff!important;font-size:12px!important;font-weight:800;padding:2px 10px;border-radius:999px}
.rsafe{border-inline-start:4px solid var(--warn,#f59e0b)}
@media (max-width:640px){.rtools{grid-template-columns:1fr}}
.agitem{margin:0}
/* מדריך מנהל-העל: החיפוש בתוך הכותרת הנעוצה — תמיד גלוי */
.agwrap > .head .guidesearch{flex:none;align-self:stretch;width:auto;max-width:none;margin:8px 0 0}
.agwrap > .head [data-guide-hits]{flex:1 1 100%;margin:4px 0 0}
.priceplan.pp-hidden{opacity:.6}
.erpsoon{white-space:nowrap}
/* תחתית הדף: "המערכת מתעדכנת כל הזמן" */
.codever{color:var(--muted);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.codever .cv-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:cvpulse 2.4s infinite}
@keyframes cvpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.codever .cv-dot{animation:none}}
.codever .cv-ver{opacity:.75}
.codever{gap:4px 0}
.codever .cv-seg{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.codever .cv-seg + .cv-seg::before{content:"·";margin:0 7px;opacity:.6}
/* ערכת שיווק */
.sfiles{display:grid;gap:8px}
.sfile{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:0;cursor:pointer;background:var(--surface)}
.sfile:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface))}
.sfile input{width:20px;height:20px;margin:0;flex:none}
.sfile>span{display:flex;flex-direction:column;flex:1;line-height:1.3}
.sharep textarea{font-size:15px;line-height:1.55}
.sic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font:800 17px Arial,sans-serif;margin-inline-end:8px}
.sic.wa{background:#25d366}.sic.fb{background:#1877f2}
.ogprev{margin-top:12px;display:flex;flex-direction:column;gap:4px;max-width:420px}
.ogprev img{width:100%;border-radius:10px;border:1px solid var(--line)}
.stoast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#0f172a;color:#fff;padding:10px 18px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:.2s;z-index:90}
.stoast.on{opacity:1;transform:translate(-50%,0)}
.sharep button.ready{background:#25d366!important;border-color:#25d366!important;color:#fff!important;animation:readypulse 1.2s ease-in-out 2}
@keyframes readypulse{50%{transform:scale(1.04)}}
.packready{margin-top:12px;padding:14px;border-radius:14px;background:color-mix(in srgb,#25d366 10%,var(--surface));border:1px solid color-mix(in srgb,#25d366 45%,var(--line))}
.packready .path{white-space:normal;word-break:break-all}
.wabtn{background:#25d366!important;border-color:#25d366!important;color:#fff!important}
.pfiles{display:grid;gap:8px}
.pfile{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pfic{flex:none;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font:800 12px Arial,sans-serif;color:#fff;background:#dc2626}
.pfile:has(.pfic:not(:empty)) .pfic{background:#dc2626}
.pfname{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}
.pfname b{overflow-wrap:anywhere}
.packcta{text-align:center}.packcta .btnrow{justify-content:center}
@media (max-width:640px){.pfile{flex-wrap:wrap}.pfname{flex:1 1 calc(100% - 60px)}.pfile .button{flex:1;justify-content:center}}
/* סטטיסטיקת כניסות */
.sbars{direction:ltr;display:flex;align-items:flex-end;gap:2px;height:160px;padding:6px 0;border-bottom:1px solid var(--line)}
.sbar{flex:1;height:100%;display:flex;align-items:flex-end;min-width:2px}
.sbar i{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:var(--brand);opacity:.85}
.sbar:hover i{opacity:1}
.sbars-ax{display:flex;justify-content:space-between;margin-top:6px;direction:ltr}
/* ערכת שיווק: כפתורי "באתר" — טקסט ארוך נשבר לשורות ולא חורג מהמסגרת בנייד */
.sitepin .btnrow > *{white-space:normal;max-width:100%;text-align:center;line-height:1.35}
/* מצב בטבלה: תווית ומתחתיה הפרטים — לא נמתחת בכרטיסי הנייד */
.stcell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.stcell .badge{align-self:flex-start;white-space:nowrap}
/* ערכת שיווק: סטורי */
.storyrow{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}
.storyrow .btnrow > *{white-space:normal;text-align:center}
.storyimg{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow)}
.sic.st{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);color:#fff}
@media (max-width:560px){.storyrow{grid-template-columns:1fr}.storyimg{max-width:210px;justify-self:center}}

/* ערכת שיווק — סרטונים */
.sic.vd{background:#0284c7;color:#fff;font-size:15px}
.vdtheme{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:3px;margin:4px 0 14px}
.vdtheme button{width:auto;flex:none;min-height:0;border:0;background:transparent;border-radius:999px;padding:6px 16px;font-weight:700;cursor:pointer;color:inherit;box-shadow:none}
.vdtheme button.on{background:var(--brand);color:var(--brand-ink)}
.vdrow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.vdbox{display:flex;flex-direction:column;gap:6px}
.vdbox video{width:100%;aspect-ratio:1/1;border-radius:14px;border:1px solid var(--line);background:#0a2540;box-shadow:var(--shadow)}
.vdbox.vert video{aspect-ratio:9/16;max-height:520px;object-fit:contain}
.vdbox .btnrow > *{white-space:normal;text-align:center}
@media (max-width:560px){.vdrow{grid-template-columns:1fr}.vdbox.vert video{max-width:260px;justify-self:center;margin:0 auto}}
/* ערכת שיווק — תמונה מול סרטון */
.mvs{border-inline-start:4px solid var(--brand)}
.mvsgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mvsbox{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface-2);display:flex;flex-direction:column}
.mvsbox h3{margin:0 0 8px;font-size:18px}.mvsbox h3 small{font-weight:500;font-size:13px}
.mvsbox ul{margin:0;padding-inline-start:18px;display:grid;gap:6px;flex:1}
.mvsbest{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--brand-soft);font-size:14px}
.mvstip{margin:12px 0 0}
@media (max-width:640px){.mvsgrid{grid-template-columns:1fr}}
.vdslow{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-2)}
.vdslow small{font-size:13px;line-height:1.5}
/* סרטון ההדגמה בדף הבית ובדף הנחיתה */
.pvid{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(15,118,110,.45);border:1px solid var(--line);background:#0a2540;aspect-ratio:1/1}
.pvid video{display:block;width:100%;height:100%;object-fit:cover}
.pvsnd{position:absolute;bottom:12px;inset-inline-start:12px;width:44px;height:44px;border-radius:50%!important;padding:0!important;display:grid;place-items:center;font-size:20px;background:rgba(15,23,42,.6)!important;color:#fff!important;border:none!important;backdrop-filter:blur(4px)}
/* ווצאפ */
.button.wa{background:#25d366;color:#053b1c;border-color:#25d366;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}
.button.wa:hover{background:#1fbf5b;color:#053b1c}
.wafab{position:fixed;z-index:41;bottom:22px;inset-inline-start:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.45)}
.wafab .waic{width:30px;height:30px}
/* פס קבוע בתחתית בטלפון: פיילוט + ווצאפ */
.mcta{display:none}
@media (max-width:760px){
  .mcta{display:flex;gap:8px;position:fixed;z-index:42;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.12)}
  .mcta .button{flex:1;min-height:48px;font-size:17px}
  .mcta .button.wa{flex:0 0 auto;padding-inline:16px}
  .wafab{display:none}
  body:has(.mcta) footer.footer{padding-bottom:84px}
  body:has(.mcta) .to-top,body:has(.mcta) .fab-news{bottom:86px}
  body:has(.mcta) .more-hint{bottom:86px}
}
/* דף הנחיתה (/start) */
.lp{padding:36px 0 48px}
.lpwrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.lpbadge{display:inline-block;background:var(--brand-soft);color:var(--brand-dk);font-weight:700;border-radius:999px;padding:6px 14px;font-size:14px;margin-bottom:12px}
.lp h1{font-size:42px;line-height:1.2;margin:0 0 18px}
.lp h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lplist{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}
.lplist li{display:flex;gap:12px;align-items:flex-start;font-size:18px;line-height:1.5}
.lplist li b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:15px;margin-top:2px}
.lpcta{display:flex;gap:10px;flex-wrap:wrap}
.button.lg{min-height:52px;padding:0 26px;font-size:18px}
.lpmore{margin-top:14px}
@media (max-width:900px){.lpwrap{grid-template-columns:1fr;gap:22px}.lp{padding:18px 0 30px}.lp h1{font-size:30px}.lpvid{order:-1;max-width:520px;width:100%;justify-self:center}.lplist li{font-size:16px}}
/* כפתורים מסודרים בטלפון: פיילוט רחב + ווצאפ צמוד באותה שורה; בפתיח של דף הבית פיילוט בשורה מלאה ומתחתיו שניים */
.mcta{transition:transform .25s ease}
.mcta.off{transform:translateY(115%)}
@media (max-width:760px){
  .lpcta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .lpcta .button{width:100%;margin:0;min-height:52px;font-size:16px;padding-inline:14px;white-space:nowrap}
  .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero .actions .button{width:100%;margin:0;justify-content:center;text-align:center;min-height:50px;padding-inline:10px}
  .hero .actions .button.primary{grid-column:1/-1}
}
/* כניסות לאתר: תקופה בשורה אחת, ומדדים בשתי קבוצות (תנועה / פניות) */
.stchips{flex-wrap:nowrap}
.stchips .button{min-width:0;padding-inline:14px}
.stgrp{margin:6px 0 10px;font-size:16px;color:var(--muted)}
.kpis.st4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpis.st3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi .kp{font-size:12px;color:var(--muted);font-weight:600}
.kpi.goal{border-color:var(--brand);background:var(--brand-soft)}
.kpi.goal strong{color:var(--brand-dk)}
@media (max-width:760px){
  .head:has(.stchips){flex-direction:column;align-items:stretch;gap:12px}
  .stchips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .stchips .button{width:100%;padding:0 6px;min-height:44px;font-size:15px;justify-content:center}
  .kpis.st4{grid-template-columns:1fr 1fr}
  .kpis.st3{grid-template-columns:1fr 1fr}
  .kpis.st3 .kpi.goal{grid-column:1/-1}
}
/* כניסות לאתר בטלפון: ההסבר מקופל, והמדדים קומפקטיים — כדי לראות את המספרים והגרף במסך הראשון */
.stinfo{margin:-2px 0 12px}
.stinfo summary{cursor:pointer;color:var(--muted);font-size:14px;font-weight:600;list-style:none;display:inline-block;padding:4px 0}
.stinfo summary::-webkit-details-marker{display:none}
.stinfo[open] summary{margin-bottom:4px}
.stinfo p{margin:4px 0}
@media (max-width:760px){
  .stgrp{margin:2px 0 6px;font-size:14px}
  .kpis.st4,.kpis.st3{gap:8px;margin-bottom:12px}
  .kpis.st4 .kpi,.kpis.st3 .kpi{padding:8px 10px;gap:0;border-radius:12px}
  .kpis.st4 .kpi .kl,.kpis.st3 .kpi .kl{font-size:11.5px;line-height:1.3}
  .kpis.st4 .kpi strong,.kpis.st3 .kpi strong{font-size:20px}
  .kpis.st4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kpis.st3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kpis.st3 .kpi.goal{grid-column:auto}
  .kpi .kp{font-size:10.5px}
}
.kl .sh{display:none}
@media (max-width:760px){.kpis.st4 .kl .lg,.kpis.st3 .kl .lg{display:none}.kpis.st4 .kl .sh,.kpis.st3 .kl .sh{display:inline}
  .kpis.st4 .kpi .kl,.kpis.st3 .kpi .kl{white-space:normal;overflow:visible;text-overflow:clip}}
.vd2h{margin:22px 0 6px;font-size:18px}
/* ספריית סרטונים */
.vlbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}
.vlbar .vdtheme{margin:0;flex-wrap:wrap}
.vlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.vlcard{border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.vlcard video{width:100%;aspect-ratio:1/1;border-radius:12px;background:#0a2540;object-fit:contain}
.vlcard.vert video{aspect-ratio:9/16;max-height:440px}
.vlhead{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.vlhead b{flex:1;min-width:120px}
.vlhead .chip{font-size:12px;padding:2px 8px}
.vlfmt{align-self:flex-start;margin:0}
.vlbtns{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
.vlbtns > *{white-space:nowrap;text-align:center;justify-content:center;padding-inline:8px;font-size:14px}

/* תַּזִּי באתר: מקטע בדף הבית, איור בצור קשר */
.tzsec{padding:46px 0;background:linear-gradient(180deg,color-mix(in srgb,#7dd3fc 18%,var(--bg)),var(--bg))}
.tzwrap{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:center}
.tzbadge{display:inline-block;background:var(--brand-soft);color:var(--brand-dk);font-weight:800;border-radius:999px;padding:6px 14px;font-size:15px}
.tztext h2{font-size:34px;margin:12px 0 10px}.tztext p{font-size:18px;line-height:1.6;margin:0 0 18px}
.tzvid{border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(37,99,235,.45);border:1px solid var(--line);aspect-ratio:16/9;background:#bae6fd}
.tzvid video{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.tzwrap{grid-template-columns:1fr;gap:20px}.tzvid{order:-1}.tztext h2{font-size:28px}.tzsec{padding:30px 0}}
.ctcard{position:relative}.ctcard>.ch{padding-left:120px}
.cttazi{position:absolute;top:-34px;left:14px;width:120px;height:auto;filter:drop-shadow(0 10px 14px rgba(15,23,42,.25));pointer-events:none}
@media (max-width:560px){.cttazi{width:84px;top:-22px;left:8px}.ctcard>.ch{padding-left:80px}}

.sentcard{text-align:center;padding:22px 20px 18px;margin-bottom:22px;background:linear-gradient(180deg,color-mix(in srgb,#7dd3fc 22%,var(--surface)),var(--surface))}
.sentcard img{width:180px;height:auto;display:block;margin:0 auto 6px;filter:drop-shadow(0 10px 14px rgba(15,23,42,.22))}
.sentcard h2{margin:6px 0}.sentcard p{margin:0}

/* כניסות לאתר: מספר מעל כל עמודה, ושינוי מאז הכניסה הקודמת */
.sbars{height:180px;padding-top:20px}
.sbar{position:relative}
.sbar b{position:absolute;left:-4px;right:-4px;text-align:center;font-size:12px;font-weight:800;color:var(--ink);line-height:1;margin-bottom:3px;font-variant-numeric:tabular-nums}
.sbars.dense b{font-size:9px;letter-spacing:-.5px}
@media (max-width:560px){.sbars.dense b{font-size:8px}}
.kpi .kd{display:block;direction:ltr;unicode-bidi:isolate;font-size:12px;font-weight:800;color:var(--muted);margin-top:2px}
.kpi .kd.up{color:var(--good,#16a34a)}.kpi .kd.dn{color:var(--bad)}
.stdelta{margin:2px 0 -4px}

/* ---- Meiforma: דף הבית ---- */
.pfmock{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -20px rgba(11,111,164,.38);padding:18px 18px 14px;font-size:14px}
.pfm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pfm-head b{display:block;font:800 18px "Rubik",sans-serif}.pfm-head small{color:var(--muted)}
.pfm-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;font-weight:700;font-size:13px}
.pfm-chip svg{width:14px;height:14px}.pfm-chip.ok{background:var(--okbg);color:var(--ok)}
.pfm-day{margin:12px 0 6px;font-weight:700;color:var(--brand-dk)}
.pfm-job{background:var(--surface-2);border-radius:14px;padding:8px 12px;margin-bottom:8px}
.pfm-addr{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:4px}.pfm-addr svg{width:15px;height:15px;color:var(--brand)}
.pfm-row{display:grid;grid-template-columns:86px 1fr auto auto;gap:10px;align-items:baseline;padding:3px 0;border-top:1px dashed var(--line)}
.pfm-row:first-of-type{border-top:0}
.pfm-row .c{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--muted);direction:ltr;text-align:right}
.pfm-row .d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfm-row .q{color:var(--muted);white-space:nowrap}.pfm-row .s{font-weight:700;white-space:nowrap}
.pfm-tot{margin-top:10px;display:grid;gap:3px}.pfm-tot div{display:flex;justify-content:space-between}
.pfm-tot span{color:var(--muted)}.pfm-tot .grand{border-top:2px solid var(--ink);padding-top:6px;margin-top:4px;font-size:17px}
.pfm-tot .grand span{color:var(--ink);font-weight:700}.pfm-tot .grand b{color:var(--brand-dk)}
.pfm-btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.pfm-btns span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;padding:5px 10px;font-weight:600;font-size:13px}
.pfm-btns svg{width:15px;height:15px}
.tipistage{display:flex;justify-content:center;align-items:flex-end;gap:6px;min-height:240px}
.tipistage .tp2{transform:translateY(8px)}
.tipi{max-width:100%;height:auto}
.pains{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pain b{display:block;font:700 18px "Rubik",sans-serif;margin-bottom:6px}.pain p{margin:0}
.pain .fix{display:block;margin-top:8px;color:var(--brand-dk);font-weight:600}
:root[data-theme="dark"] .pain .fix,:root[data-theme="dark"] .pfm-day{color:var(--brand)}
/* ---- דפי תוכן (יכולות, שאלות, משפטי) ---- */
.pagehead{display:flex;align-items:center;gap:22px;margin:10px 0 24px}
.pagehead h1{margin:0 0 6px}.pagehead p{margin:0;color:var(--ink-2);font-size:18px}
.featrow{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;margin-bottom:16px}
.featrow .ic{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--grad)}
.featrow .ic svg{width:28px;height:28px}.featrow h2{margin:4px 0 8px;font-size:21px}.featrow ul{margin:6px 0 0;padding-inline-start:20px}
.featrow li{margin-bottom:4px;color:var(--ink-2)}
.legal h2{font-size:20px;margin-top:28px}.legal p,.legal li{color:var(--ink-2)}.legal .upd{color:var(--muted);font-size:14px}
.legal .note{background:var(--warnbg);color:var(--warn);border-radius:14px;padding:12px 16px;font-size:14px}
@media (max-width:640px){.pagehead{flex-direction:column;align-items:flex-start;gap:8px}.pagehead .tipi{width:110px}
  .pfm-row{grid-template-columns:72px 1fr auto}.pfm-row .q{display:none}.hero h1{font-size:34px}}
.startcard{display:flex;gap:18px;align-items:flex-start}
.startlist{margin:0;padding-inline-start:20px;display:grid;gap:4px}
.startlist li.done{color:var(--ok)}.startlist li svg{width:16px;height:16px;vertical-align:-3px}
.abtipi{display:flex;gap:18px;align-items:flex-start}
.pfaq .ans{padding:0 20px 18px;color:var(--ink-2)}.pfaq .ans p{padding:0;margin:0}
.pfaq h3:not(:first-child){margin-top:26px}
@media (max-width:640px){.startcard,.abtipi{flex-direction:column}}
/* ---- Meiforma: חוזים ומחירונים ---- */
.dom{display:inline-block;border-radius:999px;padding:2px 11px;font-size:13px;font-weight:700;vertical-align:middle}
.dom-water{background:#dbeafe;color:#1d4ed8}.dom-sewer{background:#ede9fe;color:#6d28d9}.dom-drain{background:#dcfce7;color:#15803d}
:root[data-theme="dark"] .dom-water{background:#1e3a8a;color:#bfdbfe}:root[data-theme="dark"] .dom-sewer{background:#4c1d95;color:#ddd6fe}:root[data-theme="dark"] .dom-drain{background:#14532d;color:#bbf7d0}
.ctwo{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.ctwo>.card{margin:0}
@media (max-width:900px){.ctwo{grid-template-columns:1fr}}
.vtable tr.selrow td{background:var(--brand-soft)}
.itbl td.code,.pdiff td.code{font-family:ui-monospace,Consolas,monospace;font-size:13px;white-space:nowrap;color:var(--ink-2)}
.itbl tr.chrow td{background:var(--surface-2);font-size:13px;color:var(--brand-dk)}
:root[data-theme="dark"] .itbl tr.chrow td{color:var(--brand)}
.plainlist{margin:0 0 10px;padding-inline-start:18px}
.pdchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pdchips .pill{font-size:13px;padding:3px 12px}
.pdiff{margin-bottom:16px}
.ufacts{display:flex;flex-wrap:wrap;gap:6px 18px}
.ucard.off{opacity:.7}
.tsearch{margin:0 0 10px}
h1>svg,h2>svg,h3>svg,summary>svg{width:22px;height:22px;vertical-align:-4px;flex:none}
h3>svg,summary>svg{width:18px;height:18px;vertical-align:-3px}
.button>svg,button>svg{width:18px;height:18px;vertical-align:-3px}
/* ---- Meiforma: פניות ---- */
.jgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px;align-items:start;margin-bottom:18px}.jgrid>.card{margin:0}
@media (max-width:900px){.jgrid{grid-template-columns:1fr}}
.jfacts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.jfacts dt{color:var(--muted);font-size:14px}.jfacts dd{margin:0}
.jdesc{background:var(--surface-2);border-radius:12px;padding:10px 12px;margin:12px 0 0;white-space:pre-wrap}
.jitems td.code{font-family:ui-monospace,Consolas,monospace;font-size:13px;white-space:nowrap}
.jitems tr.jtot td{border-top:2px solid var(--ink);font-weight:700}
.qtyin{width:76px;padding:6px 8px!important;margin:0!important;text-align:center}
.additem{margin-top:14px}.additem label{margin-bottom:6px}
.ires{min-width:0;max-width:100%;overflow-x:hidden;border:1px solid var(--line);border-radius:14px;max-height:340px;overflow-y:auto;background:var(--surface);margin-bottom:10px}
.iopt{display:grid!important;grid-template-columns:120px minmax(0,1fr) auto;gap:10px;width:100%;min-width:0;white-space:normal!important;text-align:start;background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:9px 12px!important;color:var(--ink)!important;font-weight:400!important;box-shadow:none!important;cursor:pointer}
.iopt:hover{background:var(--brand-soft)!important}.iopt span{min-width:0;overflow-wrap:anywhere;white-space:normal}.iopt b{font-family:ui-monospace,Consolas,monospace;font-size:13px}.iopt em{font-style:normal;color:var(--muted);white-space:nowrap}
.ipicked{flex:1 1 300px;align-self:center}
.mapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px}
.jrow{cursor:pointer}.jrow:hover td{background:var(--surface-2)}
.pager{justify-content:center;margin:14px 0}
.jfilter .inrow>label{flex:1 1 150px}
@media (max-width:640px){.iopt{grid-template-columns:1fr}.iopt em{white-space:normal}}
.jitems{table-layout:auto;width:100%}.jitems td:nth-child(2){min-width:150px;width:45%}.jitems td.num,.jitems th.num{white-space:nowrap}
.jitems td.code{font-size:12px}
details.bkp summary svg{width:18px;height:18px;flex:none;vertical-align:-3px}
.jitems th,.jitems td{padding-inline:8px}.jitems .qtyin{width:62px!important;min-width:0;padding:6px 8px}
.jitems .link.danger{padding:4px 6px!important}
@media (max-width:640px){.jitems td:nth-child(2){min-width:0;width:auto}.jitems .badge{white-space:nowrap}}
/* ---------- פרופורמות ---------- */
.pfgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
@media (max-width:1000px){.pfgrid{grid-template-columns:1fr}.pfside{order:-1}}
.pfside .card{margin:0 0 14px}.pfside .wide{width:100%;justify-content:center;margin-bottom:8px}
.pfside .dlrow{display:flex;gap:8px;flex-wrap:wrap}.pfside .dlrow .button{flex:1;justify-content:center}
.pflog{list-style:none;margin:0;padding:0}.pflog li{padding:8px 0;border-bottom:1px solid var(--line)}.pflog li:last-child{border:0}
.pfdoc{background:#fff;color:#0f1f2b;border-radius:16px;box-shadow:0 10px 30px -12px rgba(15,31,43,.25),0 0 0 1px var(--line);padding:0 26px 26px;position:relative;overflow:hidden}
.pfdoc::before{content:"";display:block;height:6px;margin:0 -26px 20px;background:linear-gradient(90deg,#06b6d4,#2563eb)}
.pfd-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.pfd-co{display:flex;gap:14px;align-items:center}.pfd-logo{max-height:58px;max-width:130px;object-fit:contain}
.pfd-coname{font-size:20px;font-weight:800}.pfd-codet{font-size:12.5px;color:#66788a}
.pfd-card{background:#f3f8fb;border-radius:12px;padding:12px 16px;border-top:4px solid #0b6fa4;min-width:190px}
.pfd-title{font-size:20px;font-weight:800;color:#08537b}.pfd-num{font-weight:700}.pfd-sm{font-size:12.5px;color:#31424f}
.pfd-boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.pfd-box{border:1px solid #e1e8ec;border-radius:12px;padding:12px 14px}.pfd-k{font-size:12px;color:#66788a}.pfd-v{font-size:16px;font-weight:700;margin:2px 0}
.pfd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}
.pfd-kpis>div{background:#f3f8fb;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column}
.pfd-kpis span{font-size:12px;color:#66788a}.pfd-kpis b{font-size:20px;font-weight:800;color:#0f1f2b}
.pfd-kpis .hi{background:linear-gradient(135deg,#2563eb,#0b6fa4)}.pfd-kpis .hi span{color:#e0f2fe}.pfd-kpis .hi b{color:#fff}
.signsum .pfd-kpis{margin:12px 0 0}
:root[data-theme="dark"] .signsum .pfd-kpis>div:not(.hi){background:var(--surface-2,#14232b)}:root[data-theme="dark"] .signsum .pfd-kpis b{color:var(--ink)}
.pfd-t{width:100%;border-collapse:collapse;font-size:13.5px}
.pfd-t thead th{background:#0f1f2b;color:#fff;font-weight:700;padding:9px 10px;text-align:start;position:sticky;top:0}
.pfd-t thead th:first-child{border-radius:0 8px 8px 0}.pfd-t thead th:last-child{border-radius:8px 0 0 8px}
.pfd-t td{padding:7px 10px;vertical-align:top;color:#0f1f2b}.pfd-t .num{text-align:left;white-space:nowrap}
.pfd-t td.code{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#31424f;white-space:nowrap}
.pfd-day td{background:#eff6ff;color:#1d4ed8;font-weight:800;padding:9px 10px;border-right:4px solid #1d4ed8}
.dom-sewer .pfd-day td{background:#fffbeb;color:#b45309;border-right-color:#b45309}.dom-drain .pfd-day td{background:#f0fdf4;color:#15803d;border-right-color:#15803d}
.pfd-day td:last-child{border-right:0}
.pfd-job td{border-bottom:1px solid #e1e8ec;padding-top:12px}.pfd-job a{color:#0f1f2b}.pfd-job .muted{color:#66788a}
.pfd-it:nth-child(even) td{background:#f8fbfc}
.pfd-bottom{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-top:18px;align-items:start}
.pfd-sum{order:2;background:#f3f8fb;border-radius:14px;padding:10px 14px}
.pfd-sum>div{display:flex;justify-content:space-between;padding:6px 0;color:#31424f}.pfd-sum b{color:#0f1f2b}
.pfd-sum .tot{background:linear-gradient(90deg,#0b6fa4,#2563eb);color:#fff;border-radius:10px;padding:10px 12px;margin-top:6px;font-weight:700}
.pfd-sum .tot b{color:#fff;font-size:18px}
.pfd-notes{color:#31424f}.pfd-sig img{max-height:60px;display:block}
@media (max-width:700px){.pfdoc{padding:0 14px 16px}.pfdoc::before{margin:0 -14px 14px}.pfd-boxes,.pfd-bottom{grid-template-columns:1fr}.pfd-kpis{grid-template-columns:1fr 1fr}.pfd-sum{order:0}}
.pfpend{border:2px solid #f59e0b}.pfpend-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.pfsugg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.pfsugg-item{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.pfsugg-n{display:flex;flex-direction:column;gap:2px}.pfsugg-n strong{font-size:20px}
.sigwrap{position:relative;border:2px dashed var(--field-line);border-radius:14px;background:#fff;touch-action:none}
.sigwrap canvas{display:block;width:100%;height:190px;cursor:crosshair;touch-action:none}
.sigline{position:absolute;left:24px;right:24px;bottom:46px;border-bottom:1px solid #cbd5e1;pointer-events:none}
.sigclear{position:absolute;top:8px;left:12px}.sigwrap p{padding:0 12px 10px}
.sigsaved{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:10px 16px;background:#fff}
.sigsaved img{max-height:80px;max-width:60%}
.check-group{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
button.big,.button.big{font-size:17px;padding:13px 26px}
/* ---------- קליטה מהמייל ---------- */
.inboxlist{display:flex;flex-direction:column;gap:10px}
.inboxrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface)}
.inboxrow.held{border-color:var(--bad);border-style:dashed}.inboxrow.error{border-color:var(--warn)}
.inboxinfo{min-width:0;flex:1 1 260px;overflow-wrap:anywhere}
.approvef{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.approvef select{width:auto;min-width:160px}
/* ---------- סעיפים מומלצים ---------- */
.sugg{border:1px dashed color-mix(in srgb,var(--brand) 45%,transparent);background:var(--brand-soft);border-radius:14px;padding:12px 14px;margin:12px 0}
.sugg-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}
.sugg-combo{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:var(--surface);margin-bottom:8px}
.sugg-list{display:flex;flex-direction:column;gap:6px}
.sugg-item{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:10px;padding:6px 10px}
.sugg-txt{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}.sugg .code{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--muted)}
.sugg-item .qtyin{width:64px!important;flex:none}.sugg-item button{flex:none;padding:6px 10px!important}

/* מחירון: חיפוש + סינון לפי נושא + עריכת סעיף */
.itools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.itools input[type=search]{flex:1 1 260px;max-width:420px;margin:0}
.itools select{flex:0 1 340px;margin:0;max-width:100%}
.itools [data-iadd]{margin-inline-start:auto}
tr.chhide{display:none}
.itbl .iedit{padding:4px 6px;opacity:.55}
.itbl tr:hover .iedit,.itbl .iedit:focus{opacity:1}
.itbl .iedit svg{width:16px;height:16px}
dialog.idlg{max-width:640px}
dialog.idlg textarea{width:100%}
@media (max-width:640px){.itools [data-iadd]{margin-inline-start:0}.itools select{flex-basis:100%}}
th.srv a{color:inherit;text-decoration:none;display:block}

/* בחירת סעיף חכמה בפנייה */
.isrow{display:flex;gap:8px;flex-wrap:wrap}
.isrow input[type=search]{flex:1 1 320px;margin:0}
.isrow select{flex:0 1 300px;margin:0;max-width:100%}
.ires .ihead{margin:0;padding:8px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}
.ires .igrp{padding:6px 12px;font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-soft)}
.iopt.on{background:var(--brand-soft)!important;outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:-2px}
.iopt mark{background:#fde68a;color:inherit;border-radius:3px;padding:0 1px}
.iopt small{display:block;margin-top:2px;font-size:12px}
.iopt em i{font-style:normal;margin-inline-start:8px;padding:1px 7px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:12px}
.ires{max-height:420px}
.jdd-long{white-space:pre-wrap;overflow-wrap:anywhere}
/* פנייה: "סעיפים שבוצעו" לכל רוחב המסך; "מהמוקד" מתחתיו, הפרטים בכמה עמודות */
.jgrid{grid-template-columns:1fr!important}
.jgrid .jfacts{grid-template-columns:repeat(auto-fill,minmax(110px,150px) minmax(170px,1fr));gap:6px 14px}
@media (max-width:640px){.jgrid .jfacts{grid-template-columns:auto 1fr}}
/* חץ פתיחה/סגירה בולט בכרטיסים נפתחים */
details.acc summary:after{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fa4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/20px no-repeat;border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);transition:transform .2s,background-color .15s}
details.acc summary:hover:after{background-color:color-mix(in srgb,var(--brand) 18%,var(--surface))}
details.bkp summary:after{content:"";flex:none;margin-inline-start:8px;width:28px;height:28px;border-radius:50%;background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fa4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
details.bkp[open] summary:after{transform:rotate(180deg)}
details.bkp summary:not(:has(> [style*="margin-inline-start:auto"])):after{margin-inline-start:auto}
details.acc summary{justify-content:flex-start;gap:10px}details.acc summary:after{margin-inline-start:auto}details.acc summary svg{width:22px;height:22px;flex:none}
.jgrid>.card:not(#items){order:-1}

.srcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 14px}
.srcgrid label{margin:0}.srcgrid .wide{grid-column:1/-1}
.srcgrid textarea{width:100%}
input[type=date],input[type=time],input[type=month]{cursor:pointer}

.pfconflict{border:2px solid color-mix(in srgb,var(--brand) 35%,transparent)}
.pfconf-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.pfconf-opt{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.pfconf-opt button,.pfconf-opt .btnrow{align-self:flex-start}
.pfdl a{margin-inline-end:6px;display:inline-flex}
/* בחירת תחום בכפתורים */
.lbl{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;margin-bottom:12px}
.dompick{display:inline-flex;flex-wrap:wrap;gap:6px;font-weight:400}
.dompick .dp{position:relative;margin:0;cursor:pointer}
.dompick .dp input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.dompick .dp span{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:15px;transition:background .12s,border-color .12s,color .12s}
.dompick .dp:hover span{border-color:var(--brand)}
.dompick .dp input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:2px}
.dompick .dp input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.dompick .dp-water input:checked+span{background:#1d4ed8;border-color:#1d4ed8}
.dompick .dp-sewer input:checked+span{background:#b45309;border-color:#b45309}
.dompick .dp-drain input:checked+span{background:#15803d;border-color:#15803d}
.dompick .dp-none input:checked+span{background:#64748b;border-color:#64748b}
.mapgrid .dompick{margin-top:4px}

.jdetails .jsec{margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:16px;color:var(--brand)}
.jdetails .checks{display:flex;gap:18px;align-items:center;min-height:44px}

/* צבעי תחום ברורים: מים כחול, ביוב כתום-חום, ניקוז ירוק */
.dom{color:#fff!important;padding:3px 12px}
.dom-water{background:#1d4ed8!important}.dom-sewer{background:#b45309!important}.dom-drain{background:#15803d!important}
:root[data-theme="dark"] .dom-water{background:#2563eb!important}:root[data-theme="dark"] .dom-sewer{background:#d97706!important}:root[data-theme="dark"] .dom-drain{background:#16a34a!important}
.dompick .dp-water span{border-color:#93c5fd}.dompick .dp-sewer span{border-color:#fcd34d}.dompick .dp-drain span{border-color:#86efac}

.lsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;align-items:start}
.lsgrid .card{margin:0}
.lslist{list-style:none;margin:0 0 12px;padding:0;max-height:420px;overflow:auto}
.lsrow{padding:4px 0;border-bottom:1px solid var(--line)}
.lsform,.lsadd{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.lsform input[name=name]{flex:1 1 140px;margin:0;padding:6px 10px}
.lsadd input[name=name]{flex:1 1 160px;margin:0}
.lsform .dom{font-size:11px}

.fdrop-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.fdrop{margin-top:6px;font-weight:400}
.fdrop strong{font-size:16px}.fdrop .muted{font-size:13px}
.fdrop .fname{font-weight:700;color:var(--ok,#15803d);overflow-wrap:anywhere}
.fdrop.has{border-style:solid;border-color:var(--ok,#15803d)}
a.kpilink{text-decoration:none;color:inherit;transition:transform .12s,box-shadow .12s}
a.kpilink:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(0,0,0,.25)}
.kpilink .kgo{display:block;margin-top:6px;font-size:13px;font-weight:700;color:var(--brand)}
.dlinks a{margin-inline-start:10px;display:inline-flex;align-items:center;gap:3px}
.dlinks svg{width:18px;height:18px}
.pfd-fx{margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--brand-soft);font-weight:600}
/* ערכת שיווק — מקום לסרטון כשהספרייה ריקה, ובחירת סרטון לווצאפ */
.vlempty{display:flex;gap:14px;align-items:center;padding:14px;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2)}
.vlempty svg{flex:none}
.shvd{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-weight:600}
.shvd input{width:18px;height:18px;margin:0}
