/* פורטל — עיצוב (הוצא מ-portal.html; נטען ב-<link>) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;max-width:100%}
:root{
  --bg:#06070D; --bg2:#0B0E1A; --card:#10142A;
  --ink:#F2F5FF; --dim:#9AA4C7; --dim2:#5E6788;
  --violet:#7C6CFF; --cyan:#37D7FF; --pink:#FF5C9E; --lime:#9CFF5C; --gold:#FFC85C; --red:#FF5C5E; --charge:#FF8A3D;
  --grad:linear-gradient(110deg,#7C6CFF,#37D7FF);
  --glass:rgba(255,255,255,.045); --stroke:rgba(255,255,255,.09);
  --r:18px; --font:'Rubik','Heebo',sans-serif; --mono:'DM Mono',monospace;
}
body{font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100vh;line-height:1.6;overflow-x:hidden}
button{font-family:var(--font);cursor:pointer}
input,textarea,select{font-family:'Heebo',sans-serif}
::selection{background:#7C6CFF;color:#fff}

/* ── LOGIN ── */
#login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}
#login::before{content:'';position:absolute;width:60vw;height:60vw;border-radius:50%;background:#7C6CFF;filter:blur(140px);opacity:.13;top:-25vw;right:-15vw}
#login::after{content:'';position:absolute;width:45vw;height:45vw;border-radius:50%;background:#37D7FF;filter:blur(140px);opacity:.1;bottom:-20vw;left:-12vw}
.login-card{position:relative;z-index:1;width:400px;max-width:94vw;background:rgba(16,20,42,.75);backdrop-filter:blur(20px);border:1px solid var(--stroke);border-radius:24px;padding:44px 38px;text-align:center;animation:rise .5s cubic-bezier(.22,1,.36,1) both}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.login-logo{width:54px;height:54px;border-radius:16px;background:var(--grad);display:grid;place-items:center;font-size:24px;font-weight:900;color:#06070D;margin:0 auto 18px;box-shadow:0 0 32px rgba(124,108,255,.5)}
.login-card h1{font-size:23px;font-weight:800;margin-bottom:6px}
.login-card .sub{font-size:13px;color:var(--dim);margin-bottom:30px}
.lfield{text-align:right;margin-bottom:14px}
.lfield label{display:block;font-size:12px;font-weight:600;color:var(--dim);margin-bottom:6px}
.lfield input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:12px;padding:13px 16px;color:var(--ink);font-size:15px;direction:ltr;text-align:left;outline:none;transition:border-color .2s,box-shadow .2s}
.lfield input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(55,215,255,.15)}
.login-btn{width:100%;margin-top:8px;padding:14px;border:none;border-radius:12px;background:var(--grad);color:#06070D;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}
.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px rgba(124,108,255,.4)}
.login-btn:disabled{opacity:.5;cursor:wait}
.login-err{min-height:22px;font-size:13px;color:var(--red);margin-top:12px;white-space:pre-line;line-height:1.7}
.login-home{display:inline-block;margin-top:20px;font-size:12.5px;color:var(--dim2);text-decoration:none}
.login-home:hover{color:var(--dim)}
.login-or{display:flex;align-items:center;gap:12px;margin:18px 0 16px;color:var(--dim2);font-size:12px}
.login-or::before,.login-or::after{content:'';flex:1;height:1px;background:var(--stroke)}

/* ── APP SHELL ── */
#app{display:none;min-height:100vh}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,3vw,28px);background:rgba(6,7,13,.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--stroke)}
.tb-brand{display:flex;align-items:center;gap:10px}
.tb-logo{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-weight:900;color:#06070D}
.tb-name{font-size:14px;font-weight:700}
.tb-name small{display:block;font-size:10.5px;font-weight:400;color:var(--dim)}
.tb-right{display:flex;align-items:center;gap:10px}
.fab{position:fixed;left:22px;bottom:22px;width:56px;height:56px;border-radius:50%;border:0;background:var(--grad);color:#fff;font-size:30px;font-weight:300;box-shadow:0 8px 24px rgba(79,70,229,.35);cursor:pointer;z-index:60;transition:transform .15s}
.fab:hover{transform:scale(1.07)}
@media(max-width:860px){.fab{bottom:84px;left:16px;width:50px;height:50px}}
.gs-in{width:100%;font-size:16px;padding:12px 14px;border-radius:12px}
.gs-list{max-height:55vh;overflow:auto;margin-top:10px}
.gs-it{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;cursor:pointer;border:1px solid transparent}
.gs-it:hover,.gs-it.on{background:var(--glass);border-color:var(--violet)}
.gs-it .k{font-size:11px;color:var(--dim2);margin-inline-start:auto;white-space:nowrap}
.tb-search{font-size:12.5px}
.tb-biz{margin-inline-start:6px;font-size:13px;font-weight:700;padding:6px 10px;border-radius:10px;border:1px solid var(--stroke);background:var(--glass);color:inherit;max-width:190px;cursor:pointer}
body.light .tb-biz{background:#fff;border-color:#D0D5DD}
@media(max-width:640px){.tb-name{display:none}.tb-biz{max-width:150px}}
.tb-user{font-size:12.5px;color:var(--dim);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-btn{background:var(--glass);border:1px solid var(--stroke);color:var(--dim);font-size:12.5px;padding:7px 15px;border-radius:20px;transition:all .2s}
.tb-btn:hover{color:var(--ink);border-color:rgba(255,255,255,.3)}
.sync{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:5px 12px;border-radius:20px;border:1px solid var(--stroke);color:var(--dim2)}
.sync.ok{color:var(--lime);border-color:rgba(156,255,92,.3)}
.sync.busy{color:var(--cyan);border-color:rgba(55,215,255,.3)}
.sync.err{color:var(--red);border-color:rgba(255,92,94,.3)}
.sync .d{width:6px;height:6px;border-radius:50%;background:currentColor}
.sync.busy .d{animation:pp 1.2s infinite}
@keyframes pp{50%{opacity:.25}}

.wrap{max-width:1560px;margin:0 auto;padding:26px clamp(14px,3vw,32px) 80px}
/* פיזור רשימות ארוכות לרשת רחבה על המסך */
.rows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px}
.rows-grid .row{margin-bottom:0}
@media(max-width:640px){.rows-grid{grid-template-columns:1fr}}

/* tabs */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--stroke);padding-bottom:0}
.tab{background:none;border:none;color:var(--dim);font-size:14px;font-weight:600;padding:11px 18px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--ink);border-bottom-color:var(--cyan)}
.panel{display:none;animation:pin .25s ease both}
.panel.on{display:block}
@keyframes pin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* console layout (אזור ניהול) */
.console{display:grid;grid-template-columns:212px minmax(0,1fr);gap:22px;align-items:start}
.cnav{position:sticky;top:72px;display:flex;flex-direction:column;gap:2px;background:var(--glass);border:1px solid var(--stroke);border-radius:16px;padding:10px 8px}
.cnav .grp{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--dim2);text-transform:uppercase;padding:12px 12px 5px}
.cnav button{display:flex;align-items:center;gap:9px;background:none;border:none;color:var(--dim);font-size:13.5px;font-weight:600;padding:9px 12px;border-radius:10px;text-align:right;transition:all .15s;font-family:var(--font);width:100%;cursor:pointer}
.cnav button:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.cnav button.on{background:linear-gradient(110deg,rgba(124,108,255,.28),rgba(55,215,255,.14));color:var(--ink)}
.cnav button .ic{width:20px;text-align:center;flex-shrink:0}
.cnav .nbadge{margin-right:auto;margin-left:0}
/* ── מובייל: ניווט ראשי הופך לסרגל תחתון קבוע (כמו אפליקציה) ── */
.bnav{display:none}
@media(max-width:900px){
  .console{grid-template-columns:1fr;gap:14px}
  .cnav{display:none}
  .wrap{padding-bottom:86px}
  .bnav{
    display:flex;position:fixed;bottom:0;left:0;right:0;z-index:950;
    background:rgba(6,7,13,.97);backdrop-filter:blur(16px);border-top:1px solid var(--stroke);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
  }
  .bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--dim);font-family:var(--font);padding:7px 2px 5px;border-radius:12px;position:relative}
  .bnav button .ic{font-size:19px;line-height:1}
  .bnav button .lb{font-size:10px;font-weight:600}
  .bnav button.on{color:var(--cyan)}
  .bnav button .bdg{position:absolute;top:2px;left:50%;margin-left:6px;min-width:16px;height:16px;border-radius:8px;background:var(--pink);color:#fff;font-size:9.5px;font-weight:800;display:grid;place-items:center;padding:0 3px}
  body.light .bnav{background:rgba(255,255,255,.97);border-color:var(--stroke)}
  body.light .bnav button{color:var(--dim2)}
  body.light .bnav button.on{color:#1D4ED8}
}
/* דף ייעודי אצל הלקוח */
.custom-page{font-size:14px;line-height:1.85;font-family:'Heebo',sans-serif}
.custom-page a{color:var(--cyan)}
.custom-page img,.custom-page iframe,.custom-page video{max-width:100%;border:0;border-radius:12px}
.custom-page h1,.custom-page h2,.custom-page h3{margin:14px 0 8px}
.custom-page ul,.custom-page ol{padding-right:22px;margin:8px 0}
.custom-page table{width:auto;min-width:60%}

/* cards */
.card{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r);padding:24px}
.grid{display:grid;gap:14px}
.grid.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid.c3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
h2.sec{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.empty{text-align:center;color:var(--dim2);font-size:14px;padding:44px 16px;line-height:2}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:12px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:transform .2s,opacity .2s}
.btn.p{background:var(--grad);color:#06070D}
.btn.p:hover{transform:translateY(-1px)}
.btn.g{background:var(--glass);border:1px solid var(--stroke);color:var(--ink)}
.btn.g:hover{border-color:rgba(255,255,255,.3)}
.btn.danger{background:rgba(255,92,94,.12);border:1px solid rgba(255,92,94,.35);color:var(--red)}
.xdel{background:none;border:none;color:var(--dim2);font-size:13px;padding:4px 8px;border-radius:7px;opacity:0;transition:all .15s;cursor:pointer;font-family:inherit}
.xdel:hover{color:var(--red);background:rgba(255,92,94,.12)}
.xedit{background:none;border:none;color:var(--dim2);font-size:13px;padding:4px 8px;border-radius:7px;opacity:0;transition:all .15s;cursor:pointer;font-family:inherit}
.xedit:hover{color:var(--cyan);background:rgba(55,215,255,.12)}
*:hover>.xdel,.row:hover .xdel,*:hover>.xedit,.row:hover .xedit{opacity:1}
.shtog{background:var(--glass);border:1px solid var(--stroke);color:var(--dim);font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;font-family:var(--font)}
.shtog:hover{color:var(--ink);border-color:var(--cyan)}
.shtog.on{background:linear-gradient(110deg,rgba(156,255,92,.2),rgba(55,215,255,.14));border-color:var(--lime);color:var(--lime)}

/* client tabs bar (admin) */
.cl-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:18px;scrollbar-width:thin}
.cl-chip{flex-shrink:0;background:var(--glass);border:1px solid var(--stroke);color:var(--dim);font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:30px;transition:all .2s;display:flex;align-items:center;gap:8px}
.cl-chip:hover{color:var(--ink)}
.cl-chip.on{background:linear-gradient(110deg,rgba(124,108,255,.25),rgba(55,215,255,.15));border-color:var(--violet);color:var(--ink)}
.cl-add{flex-shrink:0;border:1px dashed var(--stroke);background:none;color:var(--cyan);font-size:13.5px;padding:9px 16px;border-radius:30px}
.cl-add:hover{border-color:var(--cyan)}
/* בורר לקוח: תפריט נפתח + פעולות — נכון גם לעשרות לקוחות וגם למובייל */
.cl-picker{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.cl-picker select{flex:1;min-width:180px;max-width:420px;background:var(--glass);border:1px solid var(--stroke);color:var(--ink);border-radius:12px;padding:11px 14px;font-size:14.5px;font-weight:700;font-family:var(--font)}
.cl-picker .btn{flex-shrink:0}
/* סעיפי לקוח: pills בדסקטופ, select נפתח במובייל */
.subtabs-mobile{display:none}
@media(max-width:760px){
  .subtabs{display:none}
  .subtabs-mobile{display:block;margin-bottom:16px}
  .subtabs-mobile select{width:100%;background:var(--glass);border:1px solid var(--stroke);color:var(--ink);border-radius:12px;padding:12px 14px;font-size:15px;font-weight:700;font-family:var(--font)}
}
/* סקירה כללית (תזכורות + KPI) — נגללת/מתקפלת במובייל כדי לרדת מהר לתוכן */
.ov-wrap{margin-bottom:14px}
.ov-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--glass);border:1px solid var(--stroke);border-radius:12px;padding:10px 16px;color:var(--ink);font-size:13.5px;font-weight:700;font-family:var(--font)}
.ov-toggle .car{transition:transform .2s;color:var(--dim2)}
.ov-toggle.open .car{transform:rotate(180deg)}
.ov-body{display:none;margin-top:10px}
.ov-body.open{display:block}
@media(max-width:760px){
  .ov-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--glass);border:1px solid var(--stroke);border-radius:12px;padding:11px 16px;color:var(--ink);font-size:13.5px;font-weight:700;font-family:var(--font)}
  .ov-toggle .car{transition:transform .2s;color:var(--dim2)}
  .ov-toggle.open .car{transform:rotate(180deg)}
  .ov-body{display:none;margin-top:10px}
  .ov-body.open{display:block}
}

/* rows / lists */
.row{display:flex;align-items:flex-start;gap:12px;background:var(--glass);border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;margin-bottom:9px;transition:border-color .2s}
.row:hover{border-color:rgba(255,255,255,.2)}
.cb{width:22px;height:22px;border-radius:50%;border:2px solid var(--dim2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;background:none;transition:all .2s}
.cb.done{background:var(--lime);border-color:var(--lime)}
.cb.done::after{content:'✓';color:#06070D;font-size:12px;font-weight:900}
.row .t{flex:1;font-size:14px}
.row .t.done{text-decoration:line-through;color:var(--dim2)}
.row .note{font-size:12px;color:var(--dim);margin-top:3px}
.pill{font-size:11px;font-weight:700;padding:3px 11px;border-radius:20px;align-self:center;flex-shrink:0}
.pill.urgent{background:rgba(255,92,94,.13);color:var(--red)}
.pill.waiting{background:rgba(255,200,92,.13);color:var(--gold)}
.pill.normal{background:rgba(255,255,255,.07);color:var(--dim)}

/* link cards */
.lk{display:block;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink);position:relative;transition:all .2s}
.lk:hover{transform:translateY(-3px);border-color:rgba(124,108,255,.5)}
.lk .ic{font-size:24px;margin-bottom:8px;display:block}
.lk b{font-size:14.5px;display:block;margin-bottom:3px}
.lk p{font-size:12px;color:var(--dim);margin-bottom:7px}
.lk .u{font-size:11px;color:var(--dim2);direction:ltr;display:block;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono)}
.lk .xdel{position:absolute;top:10px;left:10px}

/* notes */
.nt{border-radius:var(--r);padding:16px 18px;min-height:120px;position:relative;display:flex;flex-direction:column;border:1px solid var(--stroke)}
.nt.y{background:rgba(255,200,92,.09);border-color:rgba(255,200,92,.3)}
.nt.g{background:rgba(156,255,92,.07);border-color:rgba(156,255,92,.25)}
.nt.b{background:rgba(55,215,255,.07);border-color:rgba(55,215,255,.25)}
.nt.p{background:rgba(255,92,158,.07);border-color:rgba(255,92,158,.25)}
.nt b{font-size:13.5px;margin-bottom:6px}
.nt .body{font-size:13px;color:var(--dim);flex:1;white-space:pre-wrap;word-break:break-word}
.nt .dt{font-size:10.5px;color:var(--dim2);margin-top:10px}
.nt .xdel{position:absolute;top:8px;left:8px}

/* fields */
.f{margin-bottom:14px}
.f label{display:block;font-size:11.5px;font-weight:600;color:var(--dim);margin-bottom:5px;letter-spacing:.04em}
.f input,.f textarea,.f select{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:11px;padding:11px 14px;color:var(--ink);font-size:14px;outline:none;transition:border-color .2s}
.f input:focus,.f textarea:focus,.f select:focus{border-color:var(--cyan)}
.f textarea{min-height:90px;resize:vertical}
.f select option{background:var(--card)}
.emoji-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.emoji-pick .preview{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--stroke);display:grid;place-items:center;font-size:24px;flex-shrink:0}
.emoji-pick .ep-row{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.emoji-pick .ep-row button{background:rgba(255,255,255,.04);border:1px solid var(--stroke);border-radius:10px;width:36px;height:36px;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:all .15s;font-family:inherit;padding:0;color:inherit}
.emoji-pick .ep-row button:hover{background:rgba(55,215,255,.12);border-color:var(--cyan)}
.emoji-pick .ep-row button.on{background:rgba(55,215,255,.2);border-color:var(--cyan)}
.emoji-pick .ep-custom{width:90px;background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:10px;padding:9px 10px;color:var(--ink);font-size:14px;outline:none;text-align:center}
.emoji-pick .ep-custom:focus{border-color:var(--cyan)}
.picklist-row{display:flex;gap:8px}
.picklist-row select{flex:1}
.picklist-row .pl-new{flex:1.2;display:none}
.picklist-row.is-new .pl-existing{display:none}
.picklist-row.is-new .pl-new{display:block}

/* modal */
.mbg{display:none;position:fixed;inset:0;background:rgba(4,5,10,.7);backdrop-filter:blur(6px);z-index:300;align-items:center;justify-content:center;padding:18px}
.mbg.open{display:flex}
.mbox{background:var(--card);border:1px solid var(--stroke);border-radius:20px;padding:28px;width:430px;max-width:96vw;max-height:90vh;overflow-y:auto;animation:rise .25s ease both}
.mbox h3{font-size:17px;font-weight:800;margin-bottom:18px}
.mact{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}

/* users table */
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:right;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim2);padding:10px 12px;border-bottom:1px solid var(--stroke)}
td{padding:12px;border-bottom:1px solid var(--stroke);vertical-align:middle}
tr:hover td{background:rgba(255,255,255,.02)}
.mono{font-family:var(--mono);direction:ltr;text-align:left}

/* client view hero */
.cv-hero{background:linear-gradient(135deg,rgba(124,108,255,.16),rgba(55,215,255,.07));border:1px solid rgba(124,108,255,.35);border-radius:24px;padding:32px;margin-bottom:24px}
.cv-hero h1{font-size:clamp(22px,3.5vw,30px);font-weight:900}
.cv-hero p{color:var(--dim);font-size:14px;margin-top:6px;max-width:640px;line-height:1.7}
.cv-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.cv-hi{font-size:13px;color:var(--dim);font-weight:600}
.cv-actions{display:flex;gap:8px;flex-wrap:wrap}
.cv-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:22px}
.cv-kpi{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;background:var(--glass);border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;cursor:pointer;transition:transform .15s,border-color .15s;text-align:start}
.cv-kpi:hover:not([disabled]){transform:translateY(-2px);border-color:var(--violet)}
.cv-kpi[disabled]{cursor:default;opacity:.85}
.cv-kpi .l{font-size:12px;color:var(--dim);font-weight:600}
.cv-kpi b{font-size:22px;font-weight:800}
.cv-kpi .s{font-size:11.5px;color:var(--dim2)}
.cv-kpi.warn b{color:var(--gold)} .cv-kpi.debt b{color:var(--red)} .cv-kpi.good b{color:var(--lime)}
.cv-kpi:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
@media(max-width:640px){.cv-hero{padding:22px 18px;border-radius:18px}.cv-actions{width:100%}.cv-actions .btn{flex:1;justify-content:center}.cv-kpis{grid-template-columns:1fr 1fr}}
body.light .cv-kpi{background:#fff;border-color:#E4E7EC}
.kv{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--stroke);font-size:14px}
.kv:last-child{border-bottom:none}
.kv b{color:var(--dim);min-width:130px;font-weight:600}
.toast{position:fixed;bottom:24px;right:24px;z-index:500;background:var(--card);border:1px solid rgba(156,255,92,.4);color:var(--lime);padding:13px 22px;border-radius:14px;font-size:13.5px;font-weight:600;opacity:0;transform:translateY(12px);transition:all .3s;pointer-events:none}
.toast.show{opacity:1;transform:none}
.toast.bad{border-color:rgba(255,92,94,.4);color:var(--red)}

/* sub tabs (סעיפים בתוך לקוח) */
.subtabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.subtab{background:var(--glass);border:1px solid var(--stroke);color:var(--dim);font-size:13px;font-weight:600;padding:9px 16px;border-radius:11px;transition:all .15s}
.subtab:hover{color:var(--ink)}
.subtab.on{background:linear-gradient(110deg,rgba(124,108,255,.3),rgba(55,215,255,.18));border-color:var(--violet);color:var(--ink)}
.nbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--pink);color:#fff;font-size:11px;font-weight:800;padding:0 5px;margin-right:6px;vertical-align:middle}
/* finance */
.fin-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.fin-b-item{background:linear-gradient(135deg,rgba(124,108,255,.12),rgba(55,215,255,.06));border:1px solid var(--stroke);border-radius:14px;padding:13px 16px;text-align:center}
.fin-b-item .l{display:block;font-size:11.5px;color:var(--dim);margin-bottom:5px}
.fin-b-item b{font-size:21px;font-weight:800}
.fin-b-item b.pos{color:var(--red)}
.fin-b-item b.neg{color:var(--red)}
.fin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}
.fin-card{background:var(--glass);border:1px solid var(--stroke);border-radius:14px;padding:18px 14px;text-align:center;transition:border-color .2s}
.fin-card:hover{border-color:rgba(124,108,255,.4)}
.fin-card.hl{background:linear-gradient(135deg,rgba(156,255,92,.1),rgba(55,215,255,.06));border-color:rgba(156,255,92,.3)}
.fin-card span{display:block;font-size:11.5px;color:var(--dim);margin-bottom:6px}
.fin-card b{font-size:20px;font-weight:800}
@media(max-width:640px){
  .fin-banner,.fin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fin-b-item,.fin-card{padding:12px 8px;min-width:0}
  .fin-b-item b,.fin-card b{font-size:15px;word-break:break-word;white-space:normal;line-height:1.25}
  .fin-card span,.fin-b-item .l{font-size:10.5px}
  .card{padding:16px}
  .hdr{flex-direction:column;align-items:stretch}
  .hdr > div{width:100%}
  .hdr select,.hdr input[type=month]{flex:1;min-width:0}
  .hdr .btn,.hdr button{width:auto}
  table{font-size:12px}
  th,td{padding:8px 6px}
  .hdr input[type=month]{width:auto!important}
}
@media(max-width:400px){
  .fin-banner,.fin-cards{grid-template-columns:1fr}
  .fin-b-item,.fin-card{text-align:right;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .fin-b-item .l,.fin-card span{margin-bottom:0}
}
@media(max-width:520px){.row{flex-wrap:wrap}}
.rem-box{background:linear-gradient(135deg,rgba(255,200,92,.12),rgba(255,92,94,.06));border:1px solid rgba(255,200,92,.4);border-radius:16px;padding:16px 18px;margin-bottom:16px}
.rem-h{font-size:14px;font-weight:800;color:var(--gold);margin-bottom:12px}
.rem-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--stroke);font-size:14px;flex-wrap:wrap}
.rem-row.over{color:var(--ink)}
.rem-i{font-size:18px}
.rem-sub{font-size:12px;color:var(--dim);margin-top:2px}

/* chat */
.chat-box{display:flex;flex-direction:column;height:62vh;min-height:380px}
.chat-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.msg{max-width:78%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;position:relative;transition:background .15s}
.msg.me{align-self:flex-start;background:linear-gradient(110deg,rgba(124,108,255,.32),rgba(55,215,255,.2));border:1px solid rgba(124,108,255,.4)}
.msg.them{align-self:flex-end;background:var(--glass);border:1px solid var(--stroke)}
.msg .mt{font-size:10px;color:var(--dim2);margin-top:4px}
.msg .reply-btn{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.25);color:#fff;border:none;border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .15s;font-family:inherit}
.msg:hover .reply-btn{opacity:1}
.msg .reply-btn:hover{background:rgba(0,0,0,.45)}
.msg .quote{font-size:12px;color:var(--dim);background:rgba(0,0,0,.18);border-right:3px solid var(--cyan);padding:6px 10px;border-radius:7px;margin-bottom:7px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}
.msg .quote b{color:var(--ink);font-weight:600;display:block;font-size:11px;margin-bottom:2px}
.msg.flash{background:rgba(55,215,255,.18)!important}
.reply-bar{display:flex;align-items:center;gap:10px;background:rgba(55,215,255,.1);border:1px solid rgba(55,215,255,.3);border-radius:10px;padding:8px 12px;margin-top:8px;font-size:12px;color:var(--dim)}
.reply-bar .rb-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-bar .rb-text b{color:var(--cyan);margin-left:6px}
.reply-bar button{background:none;border:none;color:var(--dim);cursor:pointer;font-size:16px;padding:0 4px}
.reply-bar button:hover{color:var(--ink)}
.chat-input{display:flex;gap:8px;margin-top:12px}
.chat-input input{flex:1;background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;color:var(--ink);font-size:14px;outline:none}
.chat-input input:focus{border-color:var(--cyan)}
.thread{display:flex;align-items:center;gap:12px;cursor:pointer}
.thread .em{font-weight:700;font-size:14px}
.thread .lm{font-size:12px;color:var(--dim2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}
@media(max-width:640px){.wrap{padding:18px 12px 60px}.tb-user{display:none}}

/* ── PROPOSAL (הצעת מחיר) ── */
#prop-ov{display:none;position:fixed;inset:0;background:#EDEFF5;z-index:400;overflow-y:auto;padding:28px 16px;color:#1B2235}
#prop-ov.open{display:block}
.prop-bar{max-width:760px;margin:0 auto 20px;display:flex;gap:10px;justify-content:flex-end}
.prop-doc{max-width:760px;margin:0 auto;background:#fff;border-radius:14px;padding:48px 52px;box-shadow:0 14px 50px rgba(20,25,50,.18);font-family:'Heebo',sans-serif}
.prop-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:3px solid #1B2235;padding-bottom:22px;margin-bottom:26px;flex-wrap:wrap}
.prop-brand{display:flex;align-items:center;gap:14px}
.prop-logo{width:52px;height:52px;border-radius:14px;background:linear-gradient(110deg,#7C6CFF,#37D7FF);display:grid;place-items:center;font-size:24px;font-weight:900;color:#fff;font-family:'Rubik',sans-serif}
.prop-bizname{font-family:'Rubik',sans-serif;font-size:20px;font-weight:800}
.prop-bizsub{font-size:12px;color:#5A647F;margin-top:2px}
.prop-meta{font-size:13px;color:#5A647F;text-align:left;line-height:1.9}
.prop-title{font-family:'Rubik',sans-serif;font-size:34px;font-weight:900;margin-bottom:24px}
.prop-sec{margin-bottom:22px}
.prop-sec-t{font-size:11px;font-weight:700;letter-spacing:.14em;color:#7A86A8;text-transform:uppercase;margin-bottom:8px}
.prop-box{background:#F4F6FB;border:1px solid #E1E6F2;border-radius:10px;padding:16px 20px;font-size:14.5px;line-height:1.8}
.prop-price{background:linear-gradient(110deg,rgba(124,108,255,.1),rgba(55,215,255,.08));border:1px solid rgba(124,108,255,.35);border-radius:10px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;font-size:15px}
.prop-price b{font-family:'Rubik',sans-serif;font-size:26px;font-weight:900}
.prop-terms{font-size:12.5px;color:#5A647F;margin:26px 0 10px;border-top:1px solid #E1E6F2;padding-top:16px;line-height:1.8;white-space:pre-wrap}
.prop-sigs{display:flex;justify-content:space-between;gap:30px;margin-top:54px}
.prop-sig{flex:1;text-align:center;font-size:13px;color:#5A647F}
.prop-sig-line{border-top:1.5px solid #1B2235;margin-bottom:8px}
.prop-foot{text-align:center;font-size:11.5px;color:#9AA3BE;margin-top:40px;border-top:1px solid #E1E6F2;padding-top:14px}
@media print{
  body>*:not(#prop-ov){display:none!important}
  #prop-ov{display:block!important;position:static;background:#fff;padding:0}
  .no-print{display:none!important}
  .prop-doc{box-shadow:none;border-radius:0;padding:10mm;max-width:none}
}
@media(max-width:640px){.prop-doc{padding:26px 20px}.prop-sigs{flex-direction:column;gap:40px}}

/* ═══════════════════════════════════════════════════════════
   CONSOLE LIGHT — תמת ניהול מקצועית בהירה (אדמין בלבד)
   בהשראת Stripe / Google Cloud: משטחים לבנים, מסגרות עדינות,
   כחול ארגוני אחד, צבעי סטטוס סמנטיים.
   ═══════════════════════════════════════════════════════════ */
body.light{
  --bg:#F4F5F7; --bg2:#FFFFFF; --card:#FFFFFF;
  --ink:#111827; --dim:#4B5563; --dim2:#8A93A3;
  --violet:#4F46E5; --cyan:#1D4ED8; --pink:#BE185D; --lime:#15803D; --gold:#B45309; --red:#DC2626; --charge:#EA580C;
  --grad:linear-gradient(110deg,#2563EB,#4F46E5);
  --glass:#FFFFFF; --stroke:#E4E7EC;
  background:var(--bg); color:var(--ink);
}
body.light .topbar{background:rgba(255,255,255,.92);border-bottom:1px solid var(--stroke)}
body.light .tb-logo{color:#fff}
body.light .tb-btn{background:#fff;border-color:#D0D5DD;color:var(--dim)}
body.light .tb-btn:hover{color:var(--ink);border-color:#98A2B3}
body.light .sync{border-color:var(--stroke)}
body.light .card,body.light .cnav,body.light .row,body.light .fin-card,body.light .fin-b-item,body.light .lk{box-shadow:0 1px 2px rgba(16,24,40,.05)}
body.light .cnav button:hover{background:#F3F4F6;color:var(--ink)}
body.light .cnav button.on{background:#EEF2FF;color:#1D4ED8}
body.light .cnav .grp{color:#98A2B3}
body.light h2.sec{color:#1D4ED8}
body.light .btn.p{color:#fff;box-shadow:0 1px 2px rgba(37,99,235,.35)}
body.light .btn.g{background:#fff;border-color:#D0D5DD;color:var(--ink)}
body.light .btn.g:hover{border-color:#98A2B3;background:#F9FAFB}
body.light .f input,body.light .f textarea,body.light .f select,
body.light .chat-input input,body.light .picklist-row select{background:#fff;border-color:#D0D5DD;color:var(--ink)}
body.light .f input:focus,body.light .f textarea:focus,body.light .f select:focus,body.light .chat-input input:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
body.light .f select option{background:#fff}
body.light input[type=date],body.light input[type=month]{color-scheme:light}
body.light .row:hover{border-color:#C7CDD6}
body.light .cb{border-color:#CBD5E1}
body.light .pill.normal{background:#F1F3F7;color:#5B6472}
body.light .pill.urgent{background:#FEE2E2;color:#DC2626}
body.light .pill.waiting{background:#FEF3C7;color:#B45309}
body.light table th{color:#8A93A3;border-color:var(--stroke)}
body.light table td{border-color:var(--stroke)}
body.light tr:hover td{background:#F8FAFC}
body.light .mbg{background:rgba(15,23,42,.45)}
body.light .mbox{background:#fff;border-color:var(--stroke);box-shadow:0 20px 60px rgba(16,24,40,.2)}
body.light .toast{background:#fff;border-color:#BBF7D0;color:#15803D;box-shadow:0 8px 30px rgba(16,24,40,.15)}
body.light .toast.bad{border-color:#FECACA;color:#DC2626}
body.light .cl-chip{background:#fff;border-color:#D0D5DD;color:var(--dim)}
body.light .cl-chip.on{background:#EEF2FF;border-color:#A5B4FC;color:#3730A3}
body.light .cl-add{color:#1D4ED8;border-color:#C7CDD6}
body.light .cl-picker select,body.light .subtabs-mobile select,body.light .ov-toggle{background:#fff;border-color:#D0D5DD;color:var(--ink)}
body.light .ov-toggle:hover{border-color:#98A2B3}
body.light .subtab{background:#fff;border-color:#D0D5DD;color:var(--dim)}
body.light .subtab.on{background:#EEF2FF;border-color:#A5B4FC;color:#3730A3}
body.light .shtog{background:#fff;border-color:#D0D5DD;color:var(--dim)}
body.light .shtog.on{background:#ECFDF5;border-color:#6EE7B7;color:#047857}
body.light .xdel:hover{color:#DC2626;background:#FEE2E2}
body.light .xedit:hover{color:#1D4ED8;background:#DBEAFE}
body.light .fin-b-item{background:#fff}
body.light .fin-card.hl{background:#F0FDF4;border-color:#BBF7D0}
body.light .rem-box{background:#FFFBEB;border-color:#FCD34D}
body.light .rem-h{color:#B45309}
body.light .nt.y{background:#FFFBEB;border-color:#FDE68A}
body.light .nt.g{background:#F0FDF4;border-color:#BBF7D0}
body.light .nt.b{background:#EFF6FF;border-color:#BFDBFE}
body.light .nt.p{background:#FDF2F8;border-color:#FBCFE8}
body.light .nt b{color:var(--ink)}
body.light .nt .body{color:var(--dim)}
body.light .msg.me{background:#EEF2FF;border-color:#C7D2FE}
body.light .msg.them{background:#F3F4F6;border-color:var(--stroke)}
body.light .msg .reply-btn{background:rgba(15,23,42,.55)}
body.light .msg .quote{background:#fff;border-right-color:#2563EB;color:var(--dim)}
body.light .emoji-pick .preview,body.light .emoji-pick .ep-row button{background:#F9FAFB;border-color:#D0D5DD}
body.light .emoji-pick .ep-custom{background:#fff;border-color:#D0D5DD;color:var(--ink)}
body.light .nbadge{background:#DC2626}
body.light ::selection{background:#BFDBFE;color:#111827}
/* ═══ CRM: לוח בקרה, פרויקטים, חשבונות, מיילים ═══ */
.mbox.wide{width:860px}
.ct-in{width:100%;min-width:90px;background:#fff;border:1px solid #D0D5DD;border-radius:8px;padding:7px 9px;font-size:13px;font-family:inherit;color:var(--ink)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--glass);border:1px solid var(--stroke);border-radius:14px;padding:16px 18px;cursor:default}
.kpi[onclick]{cursor:pointer}
.kpi[onclick]:hover{border-color:var(--cyan)}
.kpi .l{font-size:12px;color:var(--dim);font-weight:600}
.kpi b{display:block;font-size:24px;font-weight:800;margin-top:4px;font-family:var(--font)}
.kpi .s{font-size:11.5px;color:var(--dim2);margin-top:2px}
.kpi.warn b{color:var(--gold)} .kpi.bad b{color:var(--red)} .kpi.good b{color:var(--lime)}
.qa{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.att{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--stroke);font-size:13.5px}
.att:first-of-type{border-top:none}
.att .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--bg)}
.att .tx{flex:1;min-width:0}
.att .tx small{display:block;color:var(--dim2);font-size:12px}
.st{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}
.st-lead{background:#F1F5F9;color:#475569} .st-planning{background:#E0F2FE;color:#0369A1}
.st-active{background:#DBEAFE;color:#1D4ED8} .st-review{background:#EDE9FE;color:#6D28D9}
.st-paused{background:#FEF3C7;color:#B45309} .st-done{background:#DCFCE7;color:#15803D}
.st-cancelled{background:#F3F4F6;color:#9CA3AF;text-decoration:line-through}
.st-draft{background:#F1F5F9;color:#475569} .st-sent{background:#DBEAFE;color:#1D4ED8}
.st-partial{background:#FEF3C7;color:#B45309} .st-paid{background:#DCFCE7;color:#15803D}
.st-overdue{background:#FEE2E2;color:#DC2626} .st-accepted{background:#DCFCE7;color:#15803D}
.st-rejected{background:#F3F4F6;color:#9CA3AF}
.prog{height:6px;background:#E5E7EB;border-radius:4px;overflow:hidden;min-width:70px}
.prog i{display:block;height:100%;background:var(--cyan);border-radius:4px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.toolbar input,.toolbar select{background:var(--glass);border:1px solid var(--stroke);color:var(--ink);border-radius:10px;padding:9px 12px;font-size:13.5px;font-family:inherit}
.toolbar input[type=search]{flex:1;min-width:180px}
.seg{display:inline-flex;border:1px solid var(--stroke);border-radius:10px;overflow:hidden}
.seg button{background:var(--glass);border:none;padding:8px 14px;font-size:13px;font-weight:600;color:var(--dim);font-family:inherit}
.seg button.on{background:#EEF2FF;color:#1D4ED8}
.dtable{width:100%;font-size:13.5px}
.dtable td,.dtable th{padding:11px 10px}
.dtable tr.click{cursor:pointer}
.dtable .num{font-family:var(--mono);direction:ltr;text-align:left;white-space:nowrap}
.dtable .muted{color:var(--dim2);font-size:12px}
.late{color:var(--red);font-weight:700}
/* Gantt */
.gantt{position:relative;border:1px solid var(--stroke);border-radius:12px;background:var(--glass);overflow-x:auto}
.g-inner{min-width:760px;position:relative}
.g-inner{--lw:200px}
.g-head{display:flex;border-bottom:1px solid var(--stroke);margin-right:var(--lw);font-size:11px;color:var(--dim2)}
.g-head span{flex:1;text-align:center;padding:7px 0;border-left:1px solid var(--stroke)}
.g-row{display:flex;align-items:center;border-bottom:1px solid var(--stroke);min-height:40px}
.g-row:last-child{border-bottom:none}
.g-lbl{width:var(--lw);flex-shrink:0;padding:6px 12px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.g-lbl small{display:block;color:var(--dim2);font-size:11px}
.g-track{flex:1;position:relative;height:40px}
.g-bar{position:absolute;top:10px;height:20px;border-radius:6px;background:#93C5FD;cursor:pointer;overflow:hidden;min-width:6px}
.g-bar i{position:absolute;top:0;bottom:0;right:0;background:#2563EB}
.g-bar.done{background:#86EFAC}.g-bar.done i{background:#16A34A}
.g-bar.late{background:#FCA5A5}.g-bar.late i{background:#DC2626}
.g-today{position:absolute;top:0;bottom:0;width:2px;background:var(--red);opacity:.6;z-index:2;pointer-events:none}
/* line items editor */
.li-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-bottom:8px}
.li-tbl th{font-size:11px;padding:6px}
.li-tbl td{padding:4px;border:none}
.li-tbl input{width:100%;background:#fff;border:1px solid #D0D5DD;border-radius:8px;padding:8px 10px;font-size:13.5px;font-family:inherit;color:var(--ink)}
.totals{margin-right:auto;max-width:300px;font-size:14px}
.totals div{display:flex;justify-content:space-between;padding:4px 0}
.totals .grand{border-top:2px solid var(--ink);margin-top:4px;padding-top:8px;font-weight:800;font-size:16px}
.mrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 12px}
.ms{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--stroke);font-size:13.5px}
.ms .t{flex:1}
.ms .t.done{text-decoration:line-through;color:var(--dim2)}
.bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:10px}
.bars .b{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--dim2);height:100%;justify-content:flex-end}
.bars .b i{display:block;width:100%;max-width:46px;background:#3B82F6;border-radius:6px 6px 0 0;min-height:2px}
.bars .b span{font-family:var(--mono);color:var(--dim);font-size:10.5px}
.info-banner{background:#EFF6FF;border:1px solid #BFDBFE;color:#1E3A8A;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.8;margin-bottom:14px}
.info-banner.warn{background:#FFFBEB;border-color:#FDE68A;color:#78350F}
.mail-prev{background:#F8FAFC;border:1px solid var(--stroke);border-radius:10px;padding:12px 14px;font-size:13.5px;white-space:pre-wrap;line-height:1.75;max-height:220px;overflow:auto}
.console > div{min-width:0}
@media(max-width:760px){.toolbar input[type=search]{flex:1 1 100%;min-width:0}.toolbar select{flex:1 1 40%;min-width:0}.toolbar .seg{flex:1 1 100%}.toolbar .seg button{flex:1}.kpi b{font-size:20px}.mbox{padding:20px 16px}}
@media(max-width:760px){.dtable .hide-m{display:none}.g-inner{--lw:130px}.page-head{flex-wrap:wrap}.page-head .btn.g{display:none}.page-head h1{font-size:19px}}
/* אזור הלקוח בתמה הבהירה */
body.light .cv-hero{background:linear-gradient(135deg,#EFF4FF,#F8FAFC);border-color:#C7D7FE}
body.light .cv-hero h1{color:#0F172A}
body.light .chat-msgs{background:#F8FAFC;border-radius:10px}
body.light .prog{background:#E5E7EB!important}
body.light #login{background:#F4F5F7}
body.light .login-card{background:#fff;box-shadow:0 20px 60px rgba(16,24,40,.12)}
/* סרגל לקוח פעיל */
.ctxbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--stroke);border-radius:12px;padding:8px 12px;margin-bottom:14px;font-size:13.5px}
.ctxbar input{flex:1;min-width:180px;border:1px solid #D0D5DD;border-radius:9px;padding:7px 10px;font-family:inherit;font-size:13.5px}
.ctxbar.on{background:#EEF2FF;border-color:#C7D2FE}
.ctxnav{display:flex;gap:4px;flex-wrap:wrap;margin-right:auto}
.ctxnav button{background:#fff;border:1px solid #C7D2FE;color:#3730A3;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer}
.ctxnav button.on{background:#4F46E5;color:#fff;border-color:#4F46E5}
.ctx-x{background:none;border:none;color:var(--dim2);font-size:12.5px;cursor:pointer;font-family:inherit}
.ctx-x:hover{color:var(--red)}
a.clink{color:inherit;text-decoration:none;border-bottom:1px dashed #A5B4FC;cursor:pointer}
a.clink:hover{color:#4F46E5}
/* כותרת עמוד בקונסולה */
.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 18px}
.page-head h1{font-size:21px;font-weight:800;letter-spacing:-.01em}
.page-head .crumb{font-size:12px;color:var(--dim2);margin-top:3px}