/* Desktop My Plan overview, matching the supplied reference. */
@layer my-plan-desktop-reference {
 @media (min-width:1101px) {
  #profile-section .banymay-my-plan {
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;padding:14px 30px 18px !important;
    width:100% !important;max-width:none !important;min-height:0 !important;
  }
  #profile-section .my-plan-main {display:contents !important;}
  #profile-section .my-plan-sidebar {
    grid-column:1 !important;grid-row:1 !important;position:static !important;
    min-height:0 !important;padding:0 !important;margin:0 !important;
    border:0 !important;background:transparent !important;box-shadow:none !important;
    align-self:start !important;
  }
  #profile-section .my-plan-sidebar-title,
  #profile-section .my-plan-nav-icon,
  #profile-section .my-plan-heading .my-plan-primary-action,
  #profile-section .my-plan-breadcrumb > span:not(:first-child) {display:none !important;}
  #profile-section .my-plan-nav {display:flex !important;gap:32px !important;width:max-content !important;border-bottom:1px solid var(--plan-border) !important;}
  #profile-section .my-plan-nav-item {
    width:auto !important;height:40px !important;padding:0 0 12px !important;
    border:0 !important;border-bottom:2px solid transparent !important;
    border-radius:0 !important;background:transparent !important;
    font-size:14px !important;font-weight:400 !important;white-space:nowrap !important;
  }
  #profile-section .my-plan-nav-item.is-active {color:var(--plan-accent) !important;border-bottom-color:var(--plan-accent) !important;font-weight:700 !important;}
  #profile-section .my-plan-heading {display:none !important;}
  #profile-section .my-plan-breadcrumb {margin:0 0 4px !important;font-size:30px !important;line-height:34px !important;color:var(--plan-text) !important;font-weight:700 !important;}
  #profile-section #my-plan-heading-subtitle {font-size:15px !important;line-height:20px !important;margin:0 !important;white-space:nowrap !important;color:var(--plan-text) !important;}
  #profile-section .my-plan-view {grid-column:1 / -1 !important;}
  #profile-section .my-plan-overview.is-active {display:grid !important;gap:13px !important;}
  #profile-section .my-plan-overview :is(.my-plan-panel,.my-plan-kpis) {border:1px solid var(--plan-border) !important;border-radius:4px !important;box-shadow:none !important;}
  #profile-section .my-plan-overview .my-plan-panel {padding:14px 24px !important;min-height:0 !important;}
  #profile-section .my-plan-overview h3 {font-size:18px !important;line-height:22px !important;font-weight:700 !important;margin:0 0 10px !important;}
  #profile-section .my-plan-kpis {display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important;padding:18px 0 !important;background:var(--plan-surface) !important;}
  #profile-section .my-plan-kpi-card {display:flex !important;align-items:center !important;gap:32px !important;padding:0 30px !important;min-height:62px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}
  #profile-section .my-plan-kpi-card + .my-plan-kpi-card {border-left:1px solid var(--plan-divider) !important;}
  #profile-section .my-plan-kpi-icon {font-size:30px !important;width:34px !important;height:34px !important;background:transparent !important;color:var(--plan-text) !important;}
  #profile-section .my-plan-kpi-label {font-size:14px !important;line-height:20px !important;}
  #profile-section .my-plan-kpi-value {font-size:26px !important;line-height:32px !important;font-weight:750 !important;color:var(--plan-text) !important;}
  #profile-section #profile-current-balance {color:var(--plan-accent) !important;}
  #profile-section #profile-annual-dividends {color:var(--plan-positive) !important;}
  #profile-section .ffi-bar-wrap {padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;}
  #profile-section .ffi-bar-track {height:15px !important;min-height:15px !important;margin:0 !important;border-radius:2px !important;}
  #profile-section .ffi-bar-labels {margin-top:6px !important;font-size:13px !important;line-height:16px !important;}
  #profile-section .my-plan-middle-grid {display:grid !important;grid-template-columns:1.425fr 1fr !important;gap:13px !important;}
  #profile-section .my-plan-fi-progress {display:grid !important;grid-template-columns:1fr auto auto 1fr !important;align-content:start !important;column-gap:12px !important;row-gap:6px !important;}
  #profile-section .my-plan-panel-head {grid-column:1 / -1 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;margin:0 !important;}
  #profile-section .my-plan-panel-head h3 {margin:0 !important;}
  #profile-section .my-plan-inline-link {font-size:14px !important;padding:0 !important;color:var(--plan-accent) !important;text-decoration:underline !important;}
  #profile-section .my-plan-fi-value {grid-column:2 !important;font-size:34px !important;line-height:40px !important;margin:0 !important;color:var(--plan-accent) !important;}
  #profile-section .my-plan-fi-sub {grid-column:3 !important;align-self:center !important;font-size:14px !important;line-height:20px !important;margin:0 !important;}
  #profile-section .my-plan-fi-track {grid-column:1 / -1 !important;height:15px !important;margin:0 0 8px !important;border-radius:3px !important;}
  #profile-section .my-plan-fi-metrics {grid-column:1 / -1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;margin:0 !important;padding:0 !important;}
  #profile-section .my-plan-fi-metrics > div {text-align:center !important;padding:0 !important;}
  #profile-section .my-plan-fi-metrics > div + div {border-left:1px solid var(--plan-divider) !important;}
  #profile-section .my-plan-fi-metrics > div > span {font-size:14px !important;line-height:20px !important;}
  #profile-section .my-plan-fi-metrics strong {font-size:24px !important;line-height:30px !important;color:var(--plan-accent) !important;}
  #profile-section .my-plan-fi-metrics strong > span {font:inherit !important;}
  #profile-section .my-plan-note {grid-column:1 / -1 !important;text-align:center !important;font-size:12px !important;line-height:16px !important;margin:0 !important;}
  #profile-section .my-plan-legacy-progress,
  #profile-section .my-plan-retirement .my-plan-secondary-action {display:none !important;}
  #profile-section .my-plan-retirement-row {display:grid !important;grid-template-columns:36px 1fr auto !important;gap:20px !important;padding:12px 0 !important;min-height:46px !important;font-size:14px !important;}
  #profile-section .my-plan-retirement-row strong {font-size:16px !important;}
  #profile-section .my-plan-row-icon {font-size:25px !important;color:var(--plan-text) !important;background:transparent !important;}
  #profile-section .my-plan-lifestyle-grid {display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0 !important;}
  #profile-section .my-plan-lifestyle-item {display:flex !important;align-items:center !important;gap:40px !important;padding:0 30px !important;border:0 !important;}
  #profile-section .my-plan-lifestyle-item + .my-plan-lifestyle-item {border-left:1px solid var(--plan-divider) !important;}
  #profile-section .my-plan-lifestyle-icon {display:grid !important;place-items:center !important;width:58px !important;height:58px !important;flex:0 0 58px !important;border:1px solid var(--plan-accent-border) !important;border-radius:50% !important;font-size:30px !important;background:transparent !important;color:var(--plan-text) !important;}
  #profile-section .my-plan-lifestyle-item > div > span {font-size:14px !important;}
  #profile-section .my-plan-lifestyle-item strong {font-size:24px !important;line-height:30px !important;color:var(--plan-accent) !important;}
  #profile-section .my-plan-overview strong small {font-size:14px !important;font-weight:400 !important;color:var(--plan-secondary) !important;margin-left:8px !important;}
  #profile-section .my-plan-indicator-grid {display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;}
  #profile-section .my-plan-indicator-item {padding:0 14px !important;text-align:center !important;border:0 !important;}
  #profile-section .my-plan-indicator-item + .my-plan-indicator-item {border-left:1px solid var(--plan-divider) !important;}
  #profile-section .my-plan-indicator-label {font-size:14px !important;line-height:22px !important;}
  #profile-section .my-plan-indicator-item strong {font-size:23px !important;line-height:30px !important;color:var(--plan-positive) !important;}
 }
}