/* My Plan overview reference proportions; retain existing dark page and panel surfaces. */
/* Overview alignment refinements */
@media (max-width:760px) {
html[data-appearance="light"] body.theme-blue #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-sidebar:has([data-my-plan-target="overview"].is-active) .my-plan-nav-item.is-active {
  border:1px solid #51dced !important; background:#e4f8fb !important; color:#00a9c0 !important; box-shadow:0 1px 4px rgba(30,150,180,.12) !important;
}
html[data-appearance="light"] body.theme-blue #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-sidebar:has([data-my-plan-target="overview"].is-active) .my-plan-nav-item.is-active .my-plan-nav-icon {
  color:#00a9c0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-card { align-items:flex-start !important; padding-left:16px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-card > div { width:100% !important; min-width:0 !important; text-align:left !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-value { display:block !important; text-align:left !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement-row { text-align:left !important; justify-items:start !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement-row > span:nth-child(2) { justify-self:start !important; text-align:left !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement-row strong { justify-self:start !important; text-align:left !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-icon { border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-appearance="light"] body.theme-blue #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-grid { margin:0 !important; border:1px solid #dce9f2 !important; background:#fff !important; }
html[data-appearance="light"] body.theme-blue #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html[data-appearance="light"] body.theme-blue #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item + .my-plan-lifestyle-item { border-top:1px solid #dce9f2 !important; }
html[data-appearance="light"] body.theme-blue #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item:last-child { border-left:3px solid #08bfd0 !important; background:#e9f9fb !important; }
html[data-appearance="light"] body.theme-blue #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics > div + div::after { color:var(--mp-ref-teal,#009fb5) !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item:last-child .my-plan-indicator-label { white-space:nowrap !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item:last-child .my-plan-indicator-label::before { content:"Growth Multiplier (to Retirement)" !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item:last-child .my-plan-indicator-label::after { content:none !important; }
}
@media (max-width:760px) {
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item:last-child .my-plan-indicator-label { font-size:0 !important; line-height:16px !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item:last-child .my-plan-indicator-label::before { content:"Growth Multiplier"; font-size:11.5px; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item:last-child .my-plan-indicator-label::after { content:"(to Retirement)"; display:block; font-size:10.5px; color:var(--mp-ref-muted,#aec1cf); }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicators .profile-info-tip { vertical-align:middle !important; flex-shrink:0 !important; }
}
@media (max-width:760px) {
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .profile-page.banymay-my-plan:has(.my-plan-overview.is-active:not([hidden])) {
  padding:6px 9px 22px !important; gap:9px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-sidebar:has([data-my-plan-target="overview"].is-active) {
  padding:3px !important; border-radius:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav:has([data-my-plan-target="overview"].is-active) {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav:has([data-my-plan-target="overview"].is-active) .my-plan-nav-item {
  height:43px !important; min-height:43px !important; padding:4px 6px !important; font-size:11px !important; line-height:14px !important; gap:8px !important; border-radius:4px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav:has([data-my-plan-target="overview"].is-active) .my-plan-nav-icon {
  width:20px !important; height:20px !important; flex:0 0 20px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview.is-active:not([hidden]) {
  display:flex !important; flex-direction:column !important; gap:9px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpis {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; order:1 !important; border:1px solid var(--plan-border,#29424f) !important; background:var(--app-mobile-panel-surface) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-card {
  display:flex !important; align-items:center !important; min-height:66px !important; padding:12px 16px !important; border:0 !important; border-radius:0 !important; gap:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-card:nth-child(even) {
  border-left:1px solid var(--plan-border,#29424f) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-card:nth-child(n+3) {
  border-top:1px solid var(--plan-border,#29424f) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-icon {
  display:none !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-card::after {
  display:none !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-label {
  font-size:10.5px !important; line-height:14px !important; color:var(--mp-ref-muted,#aec1cf) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-kpi-value {
  font-size:22px !important; font-weight:750 !important; line-height:25px !important; margin-top:3px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview #profile-current-balance {
  color:var(--mp-ref-teal,#00cbd9) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview #profile-annual-dividends {
  color:var(--mp-ref-green,#46dfa9) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-middle-grid {
  display:contents !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-progress {
  order:2 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement {
  order:3 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle {
  order:4 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-global-cost {
  order:5 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicators {
  order:6 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-panel {
  padding:12px !important; border-radius:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-panel h3 {
  font-size:16px !important; font-weight:750 !important; line-height:20px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-panel-head {
  align-items:center !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-progress h3 {
  font-size:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-progress h3::after {
  content:"Financial independence" !important; font-size:15px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-inline-link {
  font-size:0 !important; text-decoration:none !important; border-bottom:1px solid currentColor !important; padding-bottom:3px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-inline-link > span {
  display:none !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-inline-link::after {
  content:"View details →" !important; font-size:11px !important; font-weight:700 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-value {
  margin:15px 0 0 !important; font-size:40px !important; line-height:43px !important; text-align:center !important; color:var(--mp-ref-teal,#00cbd9) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-sub {
  font-size:13px !important; line-height:17px !important; text-align:center !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-track {
  height:12px !important; margin:10px 0 !important; border-radius:3px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; margin:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics > div {
  display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; padding:0 !important; min-height:38px !important; text-align:center !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics > div > span {
  display:none !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics strong {
  font-size:18px !important; line-height:22px !important; color:var(--mp-ref-teal,#00cbd9) !important; margin:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics strong span {
  font-size:18px !important; line-height:22px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics strong small {
  display:none !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics > div::after {
  content:"/ month covered" !important; font-size:12px !important; line-height:16px !important; color:var(--mp-ref-muted,#aec1cf) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-fi-metrics > div + div::after {
  content:"/ month target" !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-note {
  text-align:center !important; margin:10px 0 0 !important; font-size:10.5px !important; line-height:14px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement-rows {
  margin-top:7px !important; gap:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement-row {
  grid-template-columns:28px minmax(0,1fr) auto !important; min-height:32px !important; gap:10px !important; font-size:11.5px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement-row + .my-plan-retirement-row {
  border-top:1px solid var(--plan-border,#29424f) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-row-icon, html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-row-icon svg {
  width:20px !important; height:20px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-retirement-row strong {
  font-size:15px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle > h3, html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicators > h3 {
  font-size:16px !important; margin:0 0 8px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle::after, html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicators::after {
  display:none !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-grid {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; margin:0 -6px -4px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item {
  min-height:39px !important; grid-template-columns:30px minmax(0,1fr) !important; gap:10px !important; padding:4px 22px 4px 10px !important; border-radius:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item + .my-plan-lifestyle-item {
  border-top:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item:last-child {
  border-left:3px solid #00cbd9 !important; padding-left:8px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-icon, html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-icon svg {
  width:21px !important; height:21px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item > div > span {
  font-size:12px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item strong {
  font-size:17px !important; color:var(--mp-ref-teal,#00cbd9) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item strong span {
  font-size:17px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-lifestyle-item small {
  font-size:10px !important; font-weight:400 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-global-cost .ffi-bar-title {
  font-size:12px !important; line-height:16px !important; margin:0 12px 11px 0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-global-cost .ffi-bar-track {
  height:14px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-global-cost .ffi-bar-labels {
  margin-top:8px !important; justify-content:space-around !important; font-size:10px !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-grid {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; margin:0 !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item {
  display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; min-height:39px !important; padding:8px 2px !important; border:0 !important; border-top:1px solid var(--plan-border,#29424f) !important; border-radius:0 !important; background:transparent !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-label {
  display:block !important; min-width:0 !important; font-size:11.5px !important; line-height:16px !important; color:var(--mp-ref-muted,#aec1cf) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .my-plan-indicator-item strong {
  flex:0 0 auto !important; margin:0 !important; text-align:right !important; white-space:nowrap !important; font-size:20px !important; line-height:24px !important; color:var(--mp-ref-green,#46dfa9) !important;
}
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-overview .profile-info-tip {
  display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:16px !important; font-size:12px !important; margin-left:3px !important;
}
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .profile-page.banymay-my-plan {
  --mp-ref-muted:#627f9d !important; --mp-ref-teal:#009fb5 !important; --mp-ref-green:#008c70 !important; --plan-border:#dfebf4 !important;
}
}
/* Mobile Light navigation matches Allocation's segmented tabs. */
@media (max-width:760px) {
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-sidebar { padding:0 !important; border:1px solid #d7e6ef !important; border-radius:8px !important; background:#fff !important; box-shadow:none !important; overflow:hidden !important; }
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav { gap:0 !important; padding:0 !important; border:0 !important; border-radius:8px !important; background:#fff !important; box-shadow:none !important; }
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav-item { box-sizing:border-box !important; border:0 !important; border-bottom:3px solid transparent !important; border-radius:0 !important; background:transparent !important; color:#536f8a !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; }
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav-item + .my-plan-nav-item { border-left:1px solid rgba(120,150,175,.22) !important; }
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav-item.is-active { border-bottom-color:#00aaa5 !important; background:#e5f6f4 !important; color:#008f89 !important; }
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav-item :is(span,svg,.my-plan-nav-icon) { color:inherit !important; }
html[data-appearance="light"] body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .my-plan-nav-item:focus-visible { outline:2px solid #00aaa5 !important; outline-offset:-2px !important; }
}
/* Mobile spending coverage: plain-text state, using the calculated coverage classes. */
@media (max-width:760px) {
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .rr-spending .rr-lifestyle-list > div { grid-template-columns:minmax(0,1fr) auto auto !important; gap:10px !important; min-height:42px !important; height:auto !important; padding:10px 0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .rr-spending .rr-lifestyle-list b { width:auto !important; height:auto !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; white-space:nowrap !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .rr-spending .rr-lifestyle-list b:is(.rr-ok,.rr-warn,.rr-bad) { font-size:0 !important; }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .rr-spending .rr-lifestyle-list b:is(.rr-warn,.rr-bad)::after { content:"Not Covered"; font-size:11px; color:var(--rr-danger,#ed6670); }
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .rr-spending .rr-lifestyle-list b.rr-ok::after { content:"Covered"; font-size:11px; color:var(--rr-green,#27d4cb); }
}
/* Natural-case labels for the six mobile Financial Independence KPIs. */
@media (max-width:760px) {
html body #profile-section#profile-section#profile-section#profile-section#profile-section#profile-section#profile-section .rr-kpi-strip .rr-kpi > span {
  text-transform:none !important;
  letter-spacing:normal !important;
  white-space:normal !important;
}
}