/* PATCH32: restrained motion, inspectable charts and a five-year portfolio horizon. */
.portfolio-card .finance-planning-link{display:flex;flex-direction:row;align-items:center;gap:15px;margin:18px 18px 4px;padding:18px;border:1px solid #d7caa644;border-radius:15px;background:linear-gradient(125deg,#122f49,#092238);color:#fff9ec;box-shadow:0 5px 16px #06192d0b;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.portfolio-card .finance-planning-link:hover{border-color:#c5a96b;box-shadow:0 6px 20px #09223817}
.finance-planning-link .finance-file-icon{flex:none;display:grid;place-items:center;width:48px;height:58px;border:1px solid #d9bb7436;border-radius:11px;background:#e2c1740b}
.finance-file-icon svg{width:34px;height:38px;fill:#153950;stroke:#dcc18a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.finance-planning-link .finance-planning-copy{display:flex;flex-direction:column;gap:6px;min-width:0;color:inherit}
.finance-planning-copy small{font-size:9px;color:#d8bd83}.finance-planning-copy strong{font-size:13px;line-height:1.9;color:#fff9ec}.finance-planning-link .finance-planning-copy>span{font-size:10px;color:#b7c7d1;line-height:1.9}
.finance-planning-copy b{display:flex;align-items:center;gap:7px;font-size:10px;color:#e0c98f;margin-top:3px}.finance-planning-copy b svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#todayForecast .hero-summary-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);column-gap:18px}
#todayForecast .hero-summary-spark{display:flex;flex-direction:column;align-items:center;justify-content:center;height:74px;width:100%;padding:0;margin:0;align-self:center;min-width:0}
#todayForecast .weekly-price-chart{display:block;flex:none;height:52px;width:100%;margin:0}
#todayForecast .weekly-period-label{display:block;margin:5px 0 0;color:#96a1aa;font:400 8px/1.5 Vazirmatn,sans-serif;text-align:center;direction:rtl;white-space:nowrap}
#todayForecast .hero-summary-quote{justify-self:stretch}
#todayForecast .direction{position:relative;overflow:hidden;isolation:isolate;box-shadow:none}
#todayForecast .direction.up{color:#51856e;background:#edf5f0;border-color:#d4e6dc}
#todayForecast .direction.down{color:#aa666b;background:#faf0f1;border-color:#ead7da}
#todayForecast .direction-sheen{position:absolute;z-index:1;inset-block:-35%;left:0;width:32%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#71b69755,transparent);transform:translateX(-210%) skewX(-23deg)}
#todayForecast .direction.down .direction-sheen{background:linear-gradient(90deg,transparent,#c5888e55,transparent)}
.detail-tooltip{position:fixed;z-index:1500;left:0;top:0;width:max-content;max-width:min(290px,calc(100vw / var(--site-scale,1.1) - 22px));padding:13px 15px;border:1px solid #c9af733d;border-radius:13px;background:#092238f7;color:#fff9ec;box-shadow:0 9px 30px #04132624;direction:rtl;text-align:right;font:400 11px/1.9 Vazirmatn,sans-serif;pointer-events:none;overflow-wrap:anywhere}
.detail-tooltip[hidden]{display:none}.detail-tooltip strong{display:block;font-size:12px;color:#e3ca95;margin-bottom:6px}.detail-tooltip p{margin:3px 0;color:#d3dfe6;font-size:10px;line-height:1.9}
#wealthCurve{cursor:crosshair;touch-action:pan-y}#wealthCurve:focus-visible{outline:1px solid #cbb06c;outline-offset:3px;border-radius:8px}
.daily-outcome-grid button.daily-market-cell{padding:0;cursor:pointer;min-height:0;appearance:none}.daily-outcome-grid button.daily-market-cell:focus-visible{outline:2px solid #b99a57;outline-offset:2px}.daily-outcome-grid button.daily-market-cell:hover{filter:brightness(1.1)}
#dailyAccuracySelection a{display:inline-block;color:#96773c;margin-inline-start:12px;text-decoration:underline;text-underline-offset:3px}.daily-accuracy-day{cursor:default}
@media(min-width:761px) and (max-width:1100px){#todayForecast .hero-summary-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:11px}#todayForecast .hero-summary-price{font-size:13px}#todayForecast .hero-summary-identity{gap:4px}}
@media(max-width:760px){
 .portfolio-card .finance-planning-link{margin:13px 13px 3px;padding:15px 13px;gap:11px}.finance-planning-link .finance-file-icon{width:40px;height:49px}.finance-file-icon svg{width:29px;height:33px}.finance-planning-copy strong{font-size:12px}.finance-planning-link .finance-planning-copy>span{font-size:9px}
 #todayForecast .hero-summary-row{grid-template-columns:minmax(0,1fr) minmax(100px,1fr);grid-template-rows:auto 62px;gap:16px 18px;min-height:160px}
 #todayForecast .hero-summary-spark{grid-column:1/-1;height:62px;justify-self:center;width:100%}#todayForecast .weekly-price-chart{height:44px}#todayForecast .weekly-period-label{font-size:8px;margin-top:4px}
 .detail-tooltip{font-size:10px;padding:11px 13px}.detail-tooltip strong{font-size:11px}
}
@media(max-width:360px){#todayForecast .hero-summary-row{column-gap:12px;grid-template-columns:minmax(0,1fr) minmax(96px,1fr)}.finance-planning-copy strong{font-size:11px}.finance-planning-link .finance-file-icon{width:34px;height:44px}.portfolio-card .finance-planning-link{gap:9px;padding:13px 10px}}
@media(prefers-reduced-motion:reduce){.portfolio-card .finance-planning-link{transition:none}}
/* Keep live calculation edits from moving the page through browser scroll anchoring. */
html:has(#plannerForm){overflow-anchor:none}
@media(max-width:760px){#plannerForm .range-label{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:48px}#plannerForm .range-label>span{white-space:nowrap}#plannerForm .range-label output{align-self:flex-end}}
