:root{--navy:#0b1736;--navy2:#172953;--blue:#2b6ef2;--blue-soft:#eaf1ff;--ink:#142039;--muted:#6e7890;--line:#e8ecf3;--bg:#f6f8fc;--paper:#fff;--green:#15a37b;--amber:#f0a64a;--slate:#91a0b8;--red:#df6a6a;--shadow:0 10px 28px rgba(22,39,79,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Hebrew",Assistant,Arial,sans-serif}.shell{width:min(1220px,calc(100% - 40px));margin-inline:auto}.topbar{height:70px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:700}.brand b{color:var(--blue)}.brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--navy);color:#fff;font-family:Georgia,serif;font-weight:700}.nav nav{display:flex;gap:25px;margin-right:auto;margin-left:20px}.nav nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav nav a:hover{color:var(--blue)}.edition{font-size:12px;border:1px solid var(--line);color:var(--muted);padding:7px 10px;border-radius:99px}.intro{padding:26px 0 31px;display:block}.intro-copy-wide{max-width:860px}.kicker,.section-label{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.2px}.intro h1{font-size:clamp(34px,4vw,48px);margin:8px 0 10px;letter-spacing:-1.2px;line-height:1.1}.intro p{font-size:17px;color:var(--muted);margin:0;max-width:720px;line-height:1.6}.intro-status{min-width:190px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:15px 18px;box-shadow:var(--shadow);display:grid;gap:2px}.intro-status span,.intro-status small{font-size:12px;color:var(--muted)}.intro-status b{font-size:18px;color:var(--navy)}.app-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start;padding-bottom:42px}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.controls{padding:23px;position:sticky;top:16px}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:22px}.card-head h2{margin:4px 0 0;font-size:19px;line-height:1.25}.card-head.compact{margin-bottom:18px}.text-button{border:0;background:transparent;color:var(--blue);font:600 13px inherit;cursor:pointer;padding:0}.field-label,.fee-grid label>span{font-size:13px;font-weight:600;display:block;margin-bottom:8px}.money-field,.inline-input{border:1px solid #dfe6f2;background:#fbfcff;border-radius:10px;height:47px;display:flex;align-items:center;gap:7px;padding:0 12px}.money-field span{font-weight:700;color:var(--muted)}input[type=number]{font:600 16px inherit;width:100%;border:0;background:transparent;outline:0;color:var(--ink)}.control-block{padding-top:22px}.range-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:9px}.range-head output{color:var(--blue);font-size:18px;font-weight:700}input[type=range]{appearance:none;width:100%;height:5px;border-radius:10px;background:#dfe6f2;outline:0;accent-color:var(--blue)}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:3px solid white;border-radius:50%;background:var(--blue);box-shadow:0 1px 5px #8ca5d8}.range-foot{display:flex;justify-content:space-between;color:#98a3b7;font-size:11px;margin-top:7px}.option-set{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:22px 0 0}.option-set legend{font-size:13px;font-weight:600;margin-bottom:11px;padding:0}.pill-options{display:flex;gap:7px}.pill-options label{flex:1;cursor:pointer}.pill-options input{position:absolute;opacity:0;pointer-events:none}.pill-options span{height:35px;border:1px solid #e0e6f0;border-radius:9px;display:grid;place-items:center;font-size:12px;color:var(--muted);white-space:nowrap}.pill-options input:checked+span{border-color:#acc6ff;background:var(--blue-soft);color:var(--blue);font-weight:700}.fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.fee-grid label>span{font-size:11px;white-space:nowrap}.inline-input{height:39px;padding:0 9px}.inline-input input{font-size:13px}.inline-input b{font-size:12px;color:var(--muted)}.dashboard{display:grid;gap:18px}.hero-result{background:linear-gradient(112deg,var(--navy),#1b397b);color:#fff;border:0;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero-result:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(75,133,255,.18);left:-60px;top:-80px}.hero-result>*{position:relative;z-index:1}.hero-result .section-label{color:#a8c5ff}.hero-result h2{font-size:24px;margin:6px 0}.hero-result p{margin:0;color:#c7d5f6;font-size:14px}.hero-score{text-align:left;display:grid;gap:3px}.hero-score span{font-size:12px;color:#b8c8ed}.hero-score strong{font-size:42px;letter-spacing:-1px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{padding:18px}.metric span{display:block;font-size:12px;color:var(--muted)}.metric strong{display:block;margin:7px 0 4px;font-size:21px;white-space:nowrap;letter-spacing:-.4px}.metric small{font-size:11px;color:#9ba4b5}.metric.accent{border-color:#b9d0ff;background:#f8fbff}.metric.accent strong{color:var(--blue)}.allocation{padding:24px}.total-inline{text-align:left;display:grid;gap:3px}.total-inline span{font-size:11px;color:var(--muted)}.total-inline strong{font-size:16px}.allocation-rows{display:grid}.allocation-row{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(120px,.75fr) 72px minmax(120px,1fr);gap:15px;align-items:center;padding:14px 0;border-top:1px solid #eef1f6}.asset-name{font-weight:700;font-size:14px}.asset-name small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.asset-amount{font-size:14px;font-weight:600}.asset-weight{text-align:center;color:var(--blue);font-size:14px;font-weight:700}.bar{background:#edf1f7;height:7px;border-radius:9px;overflow:hidden}.bar i{height:100%;display:block;border-radius:9px;background:linear-gradient(90deg,var(--blue),#78a3ff)}.analysis-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}.allocation-view,.performance{padding:23px}.allocation-visual{min-height:205px;display:flex;gap:28px;align-items:center}.ring{width:158px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--blue) 0 50%,var(--amber) 50% 87%,var(--slate) 87% 100%);position:relative;flex:none}.ring:after{content:"";position:absolute;inset:20px;background:#fff;border-radius:50%}.ring-center{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.ring-center strong{font-size:25px;letter-spacing:-.5px}.ring-center span{color:var(--muted);font-size:11px}.legend{display:grid;gap:13px;flex:1}.legend div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:7px}.chart-note{font-size:11px;color:var(--muted);padding-top:3px;line-height:1.45;text-align:left}.performance-chips{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:7px}.ytd-chip{display:inline-block;border:1px solid #dfe7f6;background:#f7faff;border-radius:999px;padding:4px 8px;color:var(--muted);font-size:11px;font-weight:400}.ytd-chip b{color:var(--blue);font-size:12px}.chart-wrap{height:212px;position:relative;padding:4px 7px 0 35px}.axis-labels{position:absolute;left:0;top:4px;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;color:#a0a9b9;font-size:10px}.years-chart{height:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:9px;align-items:stretch;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.33% - 1px),#e9edf4 calc(33.33% - 1px),#e9edf4 33.33%)}.year-col{position:relative;height:100%}.zero-line{position:absolute;left:0;right:0;top:66.666%;border-top:1.5px solid #cdd5e2}.bar-positive,.bar-negative{position:absolute;width:62%;right:19%;border-radius:5px 5px 1px 1px}.bar-positive{bottom:33.333%;background:linear-gradient(180deg,#6996ff,var(--blue))}.bar-negative{top:66.666%;background:#e87b7b;border-radius:1px 1px 5px 5px}.year-col .value{position:absolute;width:100%;text-align:center;font-size:10px;font-weight:700}.year-col.positive .value{bottom:calc(33.333% + var(--h) + 5px);color:var(--blue)}.year-col.negative .value{top:calc(66.666% + var(--h) - 17px);color:#fff;z-index:2;text-shadow:0 1px 1px rgba(112,35,35,.22)}.year-col .year{position:absolute;bottom:-21px;width:100%;text-align:center;font-size:11px;color:var(--muted)}.disclaimer{padding:15px 18px;display:flex;align-items:flex-start;gap:12px;background:#fffdf8;border-color:#f4e8cc;box-shadow:none}.notice-icon{flex:none;width:20px;height:20px;border-radius:50%;background:#f5c568;color:#6f4d10;display:grid;place-items:center;font-size:13px;font-family:Georgia,serif;font-weight:700}.disclaimer p{margin:0;font-size:12px;line-height:1.7;color:#6d644c}.disclaimer p a{color:#4e432b;font-weight:700;text-decoration:underline}.disclaimer b{color:#4e432b}
@media(max-width:1020px){.app-grid{grid-template-columns:290px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:1fr}.controls{padding:20px}.allocation-row{grid-template-columns:1.2fr .7fr 52px}.bar{display:none}}
@media(max-width:760px){.nav nav,.edition{display:none}.intro{padding:20px 0 24px;display:block}.intro p{font-size:15px}.app-grid{grid-template-columns:1fr}.controls{position:static}.hero-result{padding:21px;align-items:flex-start}.hero-result h2{font-size:20px}.hero-score strong{font-size:34px}.metric-grid{gap:10px}.metric{padding:15px}.metric strong{font-size:18px}.allocation,.allocation-view,.performance{padding:19px}.allocation-row{grid-template-columns:1fr auto auto;gap:8px}.asset-amount{font-size:12px}.asset-name{font-size:13px}.asset-weight{font-size:13px}.allocation-visual{justify-content:center}.card-head h2{font-size:18px}.performance-chips{gap:6px}}
@media(max-width:460px){.shell{width:min(100% - 24px,1220px)}.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:16px}.metric small{font-size:10px}.hero-result{display:block}.hero-score{text-align:right;margin-top:16px}.fee-grid{grid-template-columns:1fr 1fr}.pill-options span{font-size:10px}.allocation-visual{gap:18px}.ring{width:135px}.legend{gap:9px}.legend div{font-size:12px}.chart-wrap{padding-left:28px}.years-chart{gap:7px}}

/* סטטוס סנכרון Google Sheets */
#syncStatus{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;line-height:1.35}
#syncStatus[data-mode="live"]{color:#177245}
#syncStatus[data-mode="fallback"]{color:#8a5a00}
#syncStatus a{color:inherit;text-decoration:underline}
.sync-dot{width:7px;height:7px;border-radius:50%;background:#16a05d;display:inline-block;margin-left:5px;vertical-align:middle}


.floating-cta-copy{padding:7px 8px}.floating-cta-copy strong{font-size:9px;line-height:1.35}}




.sidebar-cta{display:block;margin-top:38px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);text-decoration:none;color:var(--navy);box-shadow:0 8px 18px rgba(11,23,54,.08);transition:transform .18s ease,box-shadow .18s ease}
.sidebar-cta:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(11,23,54,.13)}
.sidebar-cta img{display:block;width:100%;height:auto;background:#11183a}
.sidebar-cta span{display:block;padding:9px 10px;font-size:11px;line-height:1.35;font-weight:700;text-align:center;border-bottom:1px solid var(--line)}
@media(max-width:760px){.sidebar-cta{max-width:220px;margin:38px auto 0}.sidebar-cta span{font-size:10px;padding:8px 9px}}


/* באנר IBI: בדסקטופ באזור העמלות; בנייד אחרי כל המחשבון */
.mobile-cta{display:none}
@media(max-width:760px){
  .controls .sidebar-cta{display:none}
  .mobile-cta{display:block;width:min(320px,calc(100% - 24px));margin:28px auto 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);text-decoration:none;color:var(--navy);box-shadow:0 8px 18px rgba(11,23,54,.08)}
  .mobile-cta span{display:block;padding:9px 10px;font-size:11px;line-height:1.35;font-weight:700;text-align:center;border-bottom:1px solid var(--line)}
  .mobile-cta img{display:block;width:100%;height:auto;background:#11183a}
}


/* סרגל חשיפה: 0% ירוק, 50% כתום, 100% אדום */
input[type=range]{background:linear-gradient(to left,#22a06b 0%,#22a06b 8%,#f1a33a 50%,#df6262 100%)}
input[type=range]::-moz-range-track{height:5px;border:0;border-radius:10px;background:linear-gradient(to left,#22a06b 0%,#22a06b 8%,#f1a33a 50%,#df6262 100%)}
.mobile-equity-control{display:none}
@media(max-width:760px){
  input[type=range]{height:7px}
  input[type=range]::-webkit-slider-thumb{width:21px;height:21px}
  input[type=range]::-moz-range-thumb{width:21px;height:21px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 1px 5px #8ca5d8}
  .mobile-equity-control{display:block;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}
  .mobile-equity-control .range-head{margin-bottom:11px}
  .mobile-equity-control output{color:var(--blue);font-size:18px;font-weight:700}
}


/* סליידר ישראל–ארה"ב נשאר בעיצוב המקורי, ללא מדרג סיכון */
#global{background:#dfe6f2;accent-color:var(--blue)}
#global::-moz-range-track{height:5px;border:0;border-radius:10px;background:#dfe6f2}
#global::-webkit-slider-thumb{background:var(--blue)}

/* נגישות בנייד: סליידרים קצרים מעט מהכרטיס וכפתורי גרירה גדולים יותר */
@media(max-width:760px){
  input[type=range]{
    width:90%;
    display:block;
    margin-inline:auto;
  }
  input[type=range]::-webkit-slider-thumb{
    width:23px;
    height:23px;
  }
  input[type=range]::-moz-range-thumb{
    width:23px;
    height:23px;
  }
}


/* בקרת פרופיל מלאה מתחת לגרף בנייד */
.mobile-controls-panel{display:none}
#globalMobile{background:#dfe6f2;accent-color:var(--blue)}
#globalMobile::-moz-range-track{height:5px;border:0;border-radius:10px;background:#dfe6f2}
#globalMobile::-webkit-slider-thumb{background:var(--blue)}
@media(max-width:760px){
  .mobile-controls-panel{display:block}
  .mobile-equity-control{display:block}
  .mobile-extra-control{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}
  .mobile-option-set{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:22px 0 0}
  .mobile-option-set legend{font-size:13px;font-weight:600;margin-bottom:11px;padding:0}
  .mobile-controls-panel input[type=range]{touch-action:pan-y;overscroll-behavior:contain}
}