:root{--bg:#030916;--tx:#ecf5ff;--mu:#8fa6c4;--ac:#5ccaff;--ac2:#1c7cee;--ok:#34d399;--warn:#fbbf24;--bad:#ff5a6e;--glass:rgba(10,22,44,.72);--line:rgba(140,190,255,.13);--r:20px}
[hidden]{display:none!important}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}html,body{height:100%;overflow:hidden;color:var(--tx);font:14px/1.5 "IBM Plex Sans Hebrew",-apple-system,"SF Pro Text","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:12px}
.stars{position:fixed;inset:0;z-index:-3;background:radial-gradient(1px 1px at 20% 30%,#fff8,transparent),radial-gradient(1px 1px at 70% 80%,#fff6,transparent),radial-gradient(1.5px 1.5px at 40% 60%,#fff7,transparent),radial-gradient(1px 1px at 85% 20%,#fff9,transparent),radial-gradient(1px 1px at 10% 85%,#fff5,transparent);background-size:340px 340px}
.earthwrap{position:fixed;left:50%;top:50%;width:124vh;height:124vh;margin:-62vh 0 0 -62vh;z-index:-2;opacity:.72;pointer-events:none;contain:strict}
.earth{position:absolute;inset:0;border-radius:50%;background:url(earth.webp) center/cover no-repeat;will-change:transform;backface-visibility:hidden;transform:translateZ(0) rotate(0deg);animation:spin 900s linear infinite}
@keyframes spin{from{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.earth,.orb{animation:none!important}}
.veil{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,transparent 0,#03091699 60%,#030916e6 100%)}
.app{height:100vh;height:100dvh;display:grid;grid-template-columns:76px 1fr}
nav{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0;border-left:1px solid var(--line);background:rgba(4,12,26,.6);backdrop-filter:blur(20px)}
.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--ac),var(--ac2));margin-bottom:14px}
.nv{width:60px;padding:8px 0;border-radius:14px;font-size:11px;color:var(--mu);display:flex;flex-direction:column;align-items:center;gap:3px;transition:.2s}
.nv .i{font-size:17px}.nv:hover{color:var(--tx);background:#ffffff0a}.nv.on{color:var(--tx);background:#5ccaff1f}.sp{flex:1}
main{display:grid;grid-template-rows:auto 1fr;min-height:0;padding:16px 20px 18px;gap:14px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.over{font-size:11px;letter-spacing:.16em;color:var(--ac);opacity:.8}.h1{font-size:22px;font-weight:600}
.hl{display:flex;gap:10px;align-items:center}.pill{padding:7px 13px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:12px;color:var(--mu);white-space:nowrap}
.pill b{color:var(--ok)}.clock{font-variant-numeric:tabular-nums;color:var(--tx)}
.page{display:none;min-height:0}.page.on{display:grid}
.grid{grid-template-columns:minmax(220px,.95fr) minmax(380px,1.75fr) minmax(290px,1.2fr);gap:14px}
.col{display:flex;flex-direction:column;gap:14px;min-height:0}
/* no backdrop-filter on cards: blurring 10+ panels over a rotating layer is what made the Earth stutter */
.card{background:linear-gradient(180deg,rgba(14,28,56,.70),rgba(7,16,34,.78));border:1px solid var(--line);border-radius:var(--r);padding:16px;min-height:0;box-shadow:0 10px 40px #0006,inset 0 1px 0 #ffffff0d}
.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.t{font-weight:600}
.badge{font-size:11px;padding:3px 9px;border-radius:999px;background:#5ccaff1c;color:var(--ac);white-space:nowrap}
.fill{flex:1;display:flex;flex-direction:column}.scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}
.q{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border-radius:14px;text-align:right;border:1px solid transparent;transition:.15s}
.q:hover{background:#ffffff08}.q.sel{background:#5ccaff14;border-color:#5ccaff40}
.av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:600;background:linear-gradient(135deg,#1c7cee55,#5ccaff33)}
.nm{font-weight:500}.sb{font-size:12px;color:var(--mu)}.q .tm{margin-inline-start:auto;font-size:11px;color:var(--mu);white-space:nowrap}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st{padding:10px;border-radius:14px;background:#ffffff06}.st span{font-size:11px;color:var(--mu);display:block}.st b{font-size:19px;font-weight:600}
.call{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:16px}
.live{font-size:12px;color:var(--mu);display:flex;gap:6px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#556}.dot.on{background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35}}
.person{font-size:26px;font-weight:600;margin-top:2px}.phone{color:var(--mu);direction:ltr}.dur{font-size:28px;font-weight:300;font-variant-numeric:tabular-nums;margin:0 0 8px}
.ctr{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cb{width:54px;height:54px;border-radius:50%;background:#ffffff0d;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;transition:.2s}
.cb span{font-size:10px;color:var(--mu)}.cb:hover{background:#ffffff18}.cb.sel{background:#5ccaff33;border-color:var(--ac)}
.cb.go{background:linear-gradient(135deg,#22c55e,#16a34a);border:0;width:62px;height:62px}.cb.end{background:linear-gradient(135deg,#ff5a6e,#d93a4f);border:0;width:62px;height:62px}.cb.go span,.cb.end span{color:#fff}
.cb:disabled{opacity:.3;pointer-events:none}
.mode{display:flex;gap:4px;background:#ffffff08;border-radius:999px;padding:3px;margin-top:10px;font-size:12px}.mode button{padding:5px 12px;border-radius:999px;color:var(--mu)}.mode button.on{background:#5ccaff26;color:var(--tx)}.mode button:disabled{opacity:.5;cursor:default}
.msgs{display:flex;flex-direction:column;gap:8px;padding-inline-end:4px;min-height:100%}
.m{max-width:84%;padding:9px 13px;border-radius:16px;background:#ffffff0c;align-self:flex-end;animation:in .35s}.m.a{align-self:flex-start;background:#1c7cee33}.m.int{opacity:.55}
.m small{display:block;font-size:10.5px;color:var(--mu);margin-bottom:2px}.m mark{background:#5ccaff33;color:var(--tx);border-radius:4px;padding:0 3px}
@keyframes in{from{opacity:0;transform:translateY(6px)}}
.empty{margin:auto;color:var(--mu);text-align:center;max-width:300px;padding:20px 0}
.say{display:flex;gap:6px;margin-top:10px}.say input{flex:1;min-width:0;background:#ffffff0a;border:1px solid var(--line);border-radius:999px;padding:8px 14px}.say input:disabled{opacity:.5}
.who{padding:0 12px;border-radius:999px;background:#ffffff10;font-size:12px;white-space:nowrap}.who.c{background:#5ccaff26}
.foot{font-size:10.5px;color:var(--mu);opacity:.7;margin-top:6px;text-align:center}
.nova{display:flex;align-items:center;gap:14px}
.orb{width:56px;height:56px;flex:none;border-radius:50%;background:radial-gradient(circle at 38% 37%,#f1ffff 0,#b7f4ff 9%,#5ccaff 22%,#1c7cee 42%,#0a255f 68%,#05162c 85%);filter:drop-shadow(0 0 14px #39bfff9d);animation:br 3.5s infinite alternate}
.orb.on{animation:talk .5s infinite alternate}@keyframes br{to{transform:scale(1.05)}}@keyframes talk{to{transform:scale(1.13);filter:drop-shadow(0 0 26px #5ccaff)}}
.sg{padding:12px;border-radius:14px;background:#ffffff07;border:1px solid var(--line);margin-bottom:8px;animation:in .35s}
.sg em{font-style:normal;font-size:11.5px;color:var(--ac);font-weight:600}.sg p{margin-top:4px;font-size:13px}
.sg.warn{border-color:#fbbf2466;background:#fbbf240d}.sg.warn em{color:var(--warn)}.sg.done em{color:var(--ok)}.sg.no{opacity:.55}
.acts{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.ab{padding:6px 12px;border-radius:999px;font-size:12px;background:#ffffff10}.ab:hover{background:#ffffff1c}.ab.p{background:var(--ac2)}.ab.p:hover{background:#2b8bff}.ab:disabled{opacity:.5}
.crm{font-size:13px;color:#cfe0f5;line-height:1.6}.crm b{color:var(--tx)}
.calp{grid-template-rows:auto 1fr;gap:12px}.ctool{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.days{display:grid;grid-template-columns:56px repeat(var(--n),1fr);grid-auto-rows:min-content;min-height:0;overflow:auto;position:relative;flex:1}
.dh{position:sticky;top:0;z-index:2;background:#071327;padding:8px;text-align:center;font-size:12px;border-bottom:1px solid var(--line)}.dh b{display:block;font-size:16px}.dh.istoday b{color:var(--ac)}
.hcol{position:relative}.hl2{height:48px;font-size:11px;color:var(--mu);text-align:center;border-top:1px solid #ffffff08}
.dcol{position:relative;border-right:1px solid var(--line)}.slot{height:24px;border-top:1px solid #ffffff06}.slot:nth-child(2n+1){border-top-color:#ffffff10}.slot:hover{background:#5ccaff0d;cursor:pointer}
.ev{position:absolute;inset-inline:3px;border-radius:8px;padding:3px 7px;font-size:11.5px;overflow:hidden;border-inline-start:3px solid;cursor:pointer;text-align:right}
.ev.callback{background:#1c7cee40;border-color:var(--ac)}.ev.meeting{background:#a855f740;border-color:#c084fc}.ev.internal{background:#64748b40;border-color:#94a3b8}.ev.followup{background:#22c55e33;border-color:var(--ok)}
.legend{display:flex;gap:12px;font-size:11.5px;color:var(--mu)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:4px}
.now{position:absolute;inset-inline:0;height:2px;background:var(--bad);z-index:1;pointer-events:none}
table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:10px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--mu);font-weight:500;position:sticky;top:0;background:#071327;z-index:1}
tr.click:hover{background:#ffffff06;cursor:pointer}
.btn{padding:8px 15px;border-radius:999px;background:var(--ac2);font-size:13px}.btn.g{background:#ffffff12}
.modal{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);display:none;place-items:center;z-index:9}.modal.show{display:grid}
.dlg{width:min(440px,92vw);background:#0b1830;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:10px}.dlg h3{font-weight:600}
.f{width:100%;background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:9px 12px;resize:none}.f option{background:#0b1830}
.lb{font-size:12px;color:var(--mu)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.3s;padding:10px 18px;border-radius:999px;background:#0b1830f2;border:1px solid var(--line);z-index:10;pointer-events:none;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}
.setp{align-content:start}.setp .card{max-width:640px}.srow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:12px}.srow:last-child{border:0}
@media (max-width:1150px){.grid{grid-template-columns:1fr 1.5fr}.grid .col.l{display:none}}
@media (max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:1fr auto}nav{flex-direction:row;order:2;padding:6px;border:0;border-top:1px solid var(--line);justify-content:space-around}.logo,nav .sp{display:none}main{padding:12px}.grid{grid-template-columns:1fr}.grid .col.r{display:none}.hl .pill:first-child{display:none}.legend{display:none}}

/* ---- V5: call card compact ---- */
.call{align-items:stretch;text-align:right;gap:8px}
.callrow{display:flex;align-items:center;gap:16px}.callinfo{flex:1;min-width:0}
.person{font-size:22px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dur{font-size:26px;margin:0;min-width:84px;text-align:center}
.ctr{flex-wrap:nowrap}.cb{width:50px;height:50px}.cb.go,.cb.end{width:56px;height:56px}
.call .mode{align-self:flex-start;margin-top:2px}
/* ---- actions panel ---- */
.actions .ch{margin-bottom:8px}.badge.hot{background:#fbbf2426;color:var(--warn)}.badge.hot.zero{background:#5ccaff1c;color:var(--ac)}
.pinned{display:flex;flex-direction:column;gap:8px;max-height:48%;overflow:auto;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px;scrollbar-width:thin}
.pinned:empty{display:none}
.pinned .sg{margin:0;background:#5ccaff12;border-color:#5ccaff40;box-shadow:0 0 0 1px #5ccaff14 inset}
.pinned .sg.warn{background:#fbbf2414;border-color:#fbbf2466}
.sg p{line-height:1.5}
/* ---- NOVA / heat ---- */
.nova{display:block}.novahead{display:flex;align-items:center;gap:14px}
.heat{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.heathead{display:flex;justify-content:space-between;align-items:baseline}.heathead b{font-size:20px;font-variant-numeric:tabular-nums}
.meter{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden;margin:6px 0 10px}.meter i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#5ccaff);transition:width .6s cubic-bezier(.2,.8,.2,1),background .6s}
.meter i.warm{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.meter i.hot{background:linear-gradient(90deg,#f97316,#ff5a6e)}
.stages{display:flex;flex-wrap:wrap;gap:4px}.stages span{flex:1 1 auto;text-align:center;font-size:10px;color:var(--mu);padding:4px 5px;border-radius:8px;background:#ffffff06;white-space:nowrap}.stages span.done{color:var(--tx);background:#5ccaff1f}.stages span.cur{color:#fff;background:var(--ac2)}
/* ---- quick actions ---- */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.qa{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);font-size:11px;color:var(--mu);transition:.15s}.qa span{font-size:15px;color:var(--tx)}.qa:hover{background:#5ccaff1a;color:var(--tx);border-color:#5ccaff40}
/* ---- transcript (side) ---- */
.transcript .m{font-size:12.5px;padding:7px 11px;max-width:92%}.transcript .say input{padding:6px 12px;font-size:12.5px}
/* ---- manager ---- */
.mgr{grid-template-rows:auto 1fr;gap:14px}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi{padding:12px 16px}.kpi span{font-size:11px;color:var(--mu);display:block}.kpi b{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.kpi small{font-size:11px;color:var(--ok);margin-inline-start:6px}
.mgrgrid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr auto;gap:14px;min-height:0}
.mgrgrid .sup{grid-row:1/3}
table.agents td{vertical-align:middle;padding:9px 8px;font-size:13px;white-space:nowrap}table.agents td:first-child{max-width:110px;overflow:hidden;text-overflow:ellipsis}table.agents th{padding:8px}
.stt{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;padding:3px 9px;border-radius:999px;background:#ffffff0a}.stt i{width:7px;height:7px;border-radius:50%;background:#64748b}
.stt.on_call i{background:var(--ok);box-shadow:0 0 8px var(--ok)}.stt.available i{background:var(--ac)}.stt.break i{background:var(--warn)}.stt.wrap i{background:#c084fc}
.mini{height:6px;width:64px;border-radius:999px;background:#ffffff0f;overflow:hidden;display:inline-block;vertical-align:middle}.mini i{display:block;height:100%;background:var(--ac);transition:width .5s}.mini i.hot{background:var(--bad)}.mini i.warm{background:var(--warn)}
.supbtn{display:flex;gap:4px}.supbtn .ab{padding:4px 9px;font-size:11.5px}.supbtn .ab.on{background:var(--ac2)}
.supbody{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}.supctl{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.segs{display:flex;gap:4px;background:#ffffff08;border-radius:999px;padding:3px}.sg2{flex:1;padding:6px;border-radius:999px;font-size:12px;color:var(--mu)}.sg2.on{background:#5ccaff26;color:var(--tx)}.sg2:disabled{opacity:.4}
.transfer{display:flex;gap:6px}.transfer select{flex:1;padding:6px 10px}
.m.w{align-self:center;background:#fbbf2420;border:1px dashed #fbbf2466;max-width:95%}.m.sys{align-self:center;background:transparent;color:var(--mu);font-size:11.5px}
.bars{display:flex;flex-direction:column;gap:7px}.bar{display:grid;grid-template-columns:90px 1fr 42px;align-items:center;gap:8px;font-size:12px}.bar .trk{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.bar .trk i{display:block;height:100%;background:linear-gradient(90deg,var(--ac2),var(--ac));transition:width .6s}.bar b{text-align:left;font-variant-numeric:tabular-nums}
.supmode{font-size:11px}
@media (max-width:1150px){.kpis{grid-template-columns:repeat(3,1fr)}.mgrgrid{grid-template-columns:1fr}.mgrgrid .sup{grid-row:auto}}
@media (max-width:760px){.callrow{flex-wrap:wrap}.ctr{width:100%;justify-content:center}}
/* ---- V6: login ---- */
.login{position:fixed;inset:0;display:grid;place-items:center;z-index:5}.login[hidden]{display:none}
.lbox{width:min(400px,92vw);display:flex;flex-direction:column;gap:8px;padding:28px;text-align:center}.lbox .lb{text-align:right;margin-top:6px}.lbox h1{font-size:20px;font-weight:600;margin:2px 0 10px}
.logo.big{width:56px;height:56px;font-size:26px;border-radius:18px;margin:0 auto 10px}
.btn.wide{width:100%;padding:11px;margin-top:12px;font-size:14px}.btn:disabled{opacity:.6}
.err{color:var(--bad);font-size:12.5px;min-height:18px}.demo{margin-top:8px;line-height:1.7}.demo code{background:#ffffff0f;padding:1px 6px;border-radius:6px;direction:ltr;display:inline-block}
.presence select{background:transparent;border:0;color:var(--tx);font:inherit;font-size:12px;cursor:pointer}.presence select option{background:#0b1830}
.nv .i{line-height:1}
/* whisper banner inside agent's actions */
.sg.whisper{background:#fbbf2418;border-color:#fbbf2480}.sg.whisper em{color:var(--warn)}.sg.takeover{background:#ff5a6e1f;border-color:#ff5a6e80}.sg.takeover em{color:var(--bad)}
/* numbers list */
.numlist{max-height:150px}.num{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px}.num code{direction:ltr;font-family:ui-monospace,Menlo,monospace;font-size:12px}.num .sb{flex:1}
.num .ab.danger{color:var(--bad)}.tag{font-size:10.5px;padding:2px 7px;border-radius:999px;background:#ffffff0d;color:var(--mu)}.tag.spam{background:#ff5a6e22;color:var(--bad)}.tag.active{background:#34d39922;color:var(--ok)}.tag.retired{opacity:.6}
.mgrgrid{grid-template-rows:1fr auto}
/* admin */
.adm{grid-template-rows:auto 1fr;gap:14px}.kpis.k7{grid-template-columns:repeat(7,1fr)}.k7 .kpi b{font-size:22px}
.admgrid{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:14px;min-height:0}
tr.sel td{background:#5ccaff12}
.auditlist .au{padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.au b{color:var(--ac);font-weight:500}.au .sb{display:block;font-size:11px}
.bd h4{font-size:12px;color:var(--mu);font-weight:500;margin:12px 0 6px;letter-spacing:.06em}.bd .row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px}.bd .row .sb{flex:1}
@media (max-width:1150px){.kpis.k7{grid-template-columns:repeat(4,1fr)}.admgrid{grid-template-columns:1fr}}
/* grid children must be allowed to shrink below their content width, otherwise wide tables push the page off-screen */
.page>*,.mgrgrid>*,.admgrid>*,.kpis>*,.col>*{min-width:0}
.scroll{overflow:auto}table{min-width:100%}
.admgrid{grid-template-columns:1.35fr 1fr .9fr}
.adm table.agents td,.adm table.agents th{padding:7px 6px;font-size:12px}.bd .row{flex-wrap:nowrap}.bd .row b{white-space:nowrap}.bd .row .sb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

table.agents{font-size:12.5px}table.agents td{white-space:nowrap}table.agents td:first-child b{white-space:nowrap}.mgr table.agents th{white-space:nowrap}

/* brand-tinted quick actions: --b is the channel colour; drop official brand SVGs into public/icons/ and reference them here when licensed */
.qa{--b:var(--ac)}.qa .ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--b) 18%,transparent);color:var(--b);transition:.15s}.qa .ico svg{width:18px;height:18px}
.qa:hover .ico{background:var(--b);color:#041018}.qa:hover{border-color:color-mix(in srgb,var(--b) 50%,transparent)}
.swap{margin-top:10px}.swap a{color:var(--ac)}
.chk2{display:flex;gap:8px;align-items:flex-start;text-align:right;font-size:12.5px;margin-top:10px;color:#c7d6ea}.chk2 input{margin-top:3px}
.lbox p{margin:0 0 4px}
.brandlogo{display:block;height:46px;margin:0 auto 14px}html:not([data-theme=earth]) .brandlogo{content:url(brand/logo-dark.svg)}
.ng{width:60px;margin:6px 0 1px;padding-top:7px;border-top:1px solid var(--line);font-size:9px;line-height:1.2;color:var(--mu);text-align:center;opacity:.8}
html[data-theme=earth] nav .ng{border-color:rgba(255,255,255,.12);color:#7f9bb1}
nav{overflow-y:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}
@media (max-height:900px){nav{gap:3px}.nv{padding:6px 0}nav .nv .i{font-size:15px}}
@media (max-width:760px){.ng{display:none}}
/* page guide */
.guide{position:fixed;z-index:8;bottom:20px;inset-inline-end:20px;width:min(380px,calc(100vw - 32px));background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;box-shadow:0 20px 60px #0007;backdrop-filter:blur(18px);animation:gin .25s ease}
@keyframes gin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.guide .gk{font-size:11px;color:var(--ac);font-weight:600;letter-spacing:.3px}.guide h4{font-size:16px;margin:2px 0 8px}
.guide ol{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.5}
.guide .gpath{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0 2px;font-size:11px}.guide .gpath span{padding:3px 8px;border-radius:999px;background:#ffffff0d;color:var(--mu);cursor:pointer}.guide .gpath span.on{background:var(--ac2);color:#fff}
html[data-theme=earth] .guide{background:#fff;box-shadow:0 20px 60px rgba(13,34,54,.22)}html[data-theme=earth] .guide .gpath span{background:rgba(13,34,54,.06)}html[data-theme=earth] .guide .gpath span.on{background:var(--ac2);color:#fff}
.guide .gfoot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.guide .gx{position:absolute;top:10px;inset-inline-end:12px;color:var(--mu);font-size:16px}
.helpbtn{font-weight:700;min-width:32px}
@media (max-width:760px){.guide{bottom:76px;inset-inline-end:16px}}
/* brand type: big numbers in Unbounded (₪ falls back to Plex) */
.num,.kpi b,.ktile b,.snk b,.rk b,.hkc b,.hk b,.heathead b,.pp,.fwdur,.dur{font-family:Unbounded,"IBM Plex Sans Hebrew",sans-serif;font-weight:600;letter-spacing:-.02em}
.hk b{font-weight:600}

.supnote{font-size:12.5px;line-height:1.6;color:var(--mu);padding:8px 10px;border-radius:10px;background:rgba(127,140,160,.08)}