/* NestMint Workplace — canonical presentation stylesheet (v149.559)
   One Workplace CSS source for shared shell, Employee, and Retiree presentation.
   Consumer-direct NestMint remains in app.css. */

/* Shared Workplace design system and Overview components */

.nm-wp-demo-switch { position: fixed; right: 16px; bottom: 16px; z-index: 9000; display: flex; align-items: center; gap: 8px; background: var(--color-surface, #fff); border: 1px solid var(--color-border, #d8dee6); border-radius: 999px; padding: 6px 10px; box-shadow: 0 6px 20px rgba(15, 33, 55, .18); }
.nm-wp-demo-label { font-size: 11px; font-weight: 600; color: var(--color-text-muted, #667); padding-right: 2px; }
.nm-wp-demo-switch button { border: 1px solid transparent; background: transparent; border-radius: 999px; padding: 4px 12px; font-size: 12px; font-weight: 600; cursor: pointer; color: var(--color-text, #223); }
.nm-wp-demo-switch button.active { background: var(--nm-tenant-accent, var(--color-primary)); color: #fff; }


.nm-wp-tenant-name { font-size: 15px; font-weight: 800; letter-spacing: .06em; color: var(--nm-tenant-accent, var(--color-primary)); }
.nm-wp-product { font-size: 13px; font-weight: 600; color: var(--color-text, #223); border-left: 1px solid var(--color-border, #d8dee6); padding-left: 8px; }
.nm-wp-powered { font-size: 11px; color: var(--color-text-muted, #667); }
body.nm-workplace .nm-ws-modes { display: none; } 


body[data-wp-shell="employee"] #workspace-kpis-growth, body[data-wp-shell="employee"] #workspace-growth-hint, body[data-wp-shell="employee"] #workspace-kpis-retirement, body[data-wp-shell="employee"] #workspace-kpi-hint, body[data-wp-shell="employee"] .nm-dash-middle { display: none; }
.nm-wpo { display: flex; flex-direction: column; gap: 18px; }
.nm-wpo-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; }
.nm-wpo-main, .nm-wpo-side { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.nm-wpo-snapshot header, .nm-wpo-strategies header { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.nm-wpo-chips { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; }
.nm-wpo-chips li { background: var(--color-surface-2, #f6f8fa); border: 1px solid var(--color-border, #e3e8ee); border-radius: 10px; padding: 10px; display: flex; flex-direction: column; gap: 2px; }
.nm-wpo-chips strong { font-size: 16px; }
.nm-wpo-chips small, .nm-wpo-figures small { color: var(--color-text-muted, #667); font-size: 11px; }
.nm-wpo-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin-top: 10px; }
.nm-wpo-figures strong { font-size: 20px; display: block; }
#wpo-strategies { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
/* Workplace owns the panel padding on the surfaces it renders. Previously the
 * winning declaration was `#view-workspace .nm-panel` in app.css (consumer
 * sheet) at 18px, while workplace.css carried an inert `14px 16px` that lost
 * on specificity -- a cross-product ownership leak. Same value, declared by
 * the product that owns the surface, so the sheet says what the user sees. */
body.nm-workplace #view-workspace .nm-panel { padding: 18px; }

#wpo-strategies li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--color-border, #e3e8ee); border-radius: 10px; }
#wpo-strategies li span { flex: 1; font-size: 13px; }
#wpo-strategies li b { font-variant-numeric: tabular-nums; }
#wpo-strategies li em { font-style: normal; font-weight: 700; color: var(--nm-tenant-accent, var(--color-primary)); min-width: 44px; text-align: right; }
.nm-wpo-track-row { display: flex; align-items: center; gap: 14px; margin: 8px 0; }
.nm-wpo-ring { width: 120px; flex: none; }
.nm-wpo-track-num strong { font-size: 26px; display: block; }
.nm-wpo-track-num em { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .05em; color: var(--color-success, #1a7f4e); }
.nm-wpo-track-facts { margin: 8px 0 10px; }
.nm-wpo-track-facts div { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; border-bottom: 1px dashed var(--color-border, #e3e8ee); }
.nm-wpo-track-facts dt { color: var(--color-text-muted, #667); font-size: 12px; }
.nm-wpo-track-facts dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.nm-wpo-goal strong { font-size: 24px; display: block; margin: 2px 0 6px; }
.nm-wpo-goal-sub { margin: 6px 0 0; color: var(--color-text-muted, #667); font-size: 12px; }
@media (max-width: 900px) { .nm-wpo-grid { grid-template-columns: 1fr; } }


[data-nm-wp-retired="1"] { display: none ; }



.nm-wpo { gap: 14px; }
.nm-wpo-grid, .nm-wpo-main, .nm-wpo-side { gap: 14px; }
.nm-wpo-main .nm-panel h2, .nm-wpo-side .nm-panel h2 { margin-bottom: 10px; }
.nm-wpo-chips { margin-top: 8px; gap: 8px; }
.nm-wpo-chips li { padding: 8px; }
.nm-wpo-figures { margin-top: 6px; gap: 10px; }
.nm-wpo-strategies ul { gap: 5px; }
.nm-wpo-benefits p { margin: 4px 0; font-size: 12px; }
.nm-wpo-track-facts { margin: 6px 0 8px; }
.nm-wpo-goal strong { margin: 2px 0 4px; }


body[data-wp-shell="retiree"] #workspace-kpis-retirement, body[data-wp-shell="retiree"] #workspace-kpis-growth, body[data-wp-shell="retiree"] #workspace-kpi-hint, body[data-wp-shell="retiree"] #workspace-growth-hint, body[data-wp-shell="retiree"] .nm-dash-middle { display: none; }
.nm-wpr { display: flex; flex-direction: column; gap: 16px; }

/* The two overview shells declare display on .nm-wpo/.nm-wpr, which outranks
 * the UA stylesheet's [hidden]{display:none}. Without an authoritative
 * override, whichever shell is NOT current stays laid out and both mount at
 * once. The visibility contract belongs here, next to those declarations, and
 * must NOT be gated on a data-wp-shell VALUE: an overview is hidden whenever
 * its own renderer says so, regardless of which shell is current. The
 * attribute-presence selector only raises specificity so this reliably
 * outranks the shell-scoped display declarations further down the file. */
body.nm-workplace[data-wp-shell] #wp-emp-overview[hidden],
body.nm-workplace[data-wp-shell] #wp-ret-overview[hidden] { display: none; }
.nm-wpr-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.nm-wrt-tabs { display: flex; gap: 2px; background: var(--color-surface-2, #f2f5f8); border: 1px solid var(--color-border, #e3e8ee); border-radius: 10px; padding: 3px; overflow-x: auto; }
.nm-wrt-tab { padding: 7px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--color-text-muted, #556); text-decoration: none; white-space: nowrap; }
.nm-wrt-tab.active { background: var(--color-surface, #fff); color: var(--nm-tenant-accent, var(--color-primary)); box-shadow: 0 1px 3px rgba(15,33,55,.12); }
.nm-wpr-content { display: flex; flex-direction: column; gap: 16px; }


.nm-wpr-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.nm-wpr-kpis strong { font-size: 24px; display: block; margin: 4px 0 2px; }
.nm-wpr-kpis small { color: var(--color-text-muted, #667); font-size: 11px; }
.nm-wpr-pos-row { display: flex; align-items: center; gap: 12px; }
.nm-wpr-ring { width: 84px; height: 84px; flex: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(var(--nm-tenant-accent, #1a7f4e) calc(var(--wpr-pos, 0) * 1%), var(--color-surface-2, #eef1f5) 0); }
.nm-wpr-ring::before { content: ''; position: absolute; width: 62px; height: 62px; border-radius: 50%; background: var(--color-surface, #fff); }
.nm-wpr-ring { position: relative; }
.nm-wpr-ring strong { position: relative; font-size: 17px; margin: 0; }
.nm-wpr-ring.is-empty { background: var(--color-surface-2, #eef1f5); }
.nm-wpr-pos-row em { font-style: normal; font-size: 12px; color: var(--color-text-muted, #667); }
.nm-wpr-chart-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
#wpr-chart { width: 100%; height: 200px; margin-top: 8px; }
.nm-wpr-chart-legend { list-style: none; display: flex; gap: 14px; margin: 0; padding: 0; font-size: 11px; color: var(--color-text-muted, #667); }
.nm-wpr-chart-legend .is-median { color: var(--nm-tenant-accent, #1a7f4e); font-weight: 700; }
.nm-wpr-row2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; align-items: start; }
.nm-wpr-donut-wrap { display: flex; align-items: center; gap: 16px; margin: 10px 0; }
.nm-wpr-donut { width: 110px; height: 110px; border-radius: 50%; flex: none; position: relative; }
.nm-wpr-donut::before { content: ''; position: absolute; inset: 26px; border-radius: 50%; background: var(--color-surface, #fff); }
.nm-wpr-donut.is-empty { background: var(--color-surface-2, #eef1f5); }
.nm-wpr-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; font-size: 12px; flex: 1; }
.nm-wpr-legend li { display: flex; align-items: center; gap: 7px; }
.nm-wpr-legend i { width: 9px; height: 9px; border-radius: 3px; flex: none; }
.nm-wpr-legend span { flex: 1; }
.nm-wpr-legend b { font-variant-numeric: tabular-nums; }
.nm-wpr-legend em { font-style: normal; color: var(--color-text-muted, #667); min-width: 34px; text-align: right; }
.nm-wpr-donut-total { display: flex; justify-content: space-between; border-top: 1px solid var(--color-border, #e3e8ee); padding-top: 8px; font-size: 13px; }


.nm-wpr-row3 { display: grid; grid-template-columns: 1.2fr 1fr; gap: 16px; align-items: start; }
@media (max-width: 900px) { .nm-wpr-row3 { grid-template-columns: 1fr; } }
.nm-wpo-snapshot-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.nm-wpr-strat-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.nm-wpr-strat-list li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--color-border, #e3e8ee); border-radius: 10px; }
.nm-wpr-strat-list li span { flex: 1; font-size: 13px; }
.nm-wpr-strat-list li b { font-variant-numeric: tabular-nums; }
.nm-wpr-strat-list li em { font-style: normal; font-weight: 700; min-width: 84px; text-align: right; font-size: 12px; }
.nm-wpr-strat-list li em.is-up { color: var(--color-success, #1a7f4e); }
.nm-wpr-strat-list li em.is-down { color: var(--color-danger, #c0392b); }
.nm-wpr-strat-list li em.is-current { color: var(--color-text-muted, #667); }
.nm-wpr-next-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.nm-wpr-next-list a { display: flex; flex-direction: column; gap: 2px; padding: 9px 10px; border: 1px solid var(--color-border, #e3e8ee); border-radius: 10px; text-decoration: none; color: inherit; }
.nm-wpr-next-list a:hover { border-color: var(--nm-tenant-accent, var(--color-primary)); }
.nm-wpr-next-list strong { font-size: 13px; }
.nm-wpr-next-list small { color: var(--color-text-muted, #667); font-size: 11.5px; }



.nm-dash-user { flex-wrap: wrap; }
.nm-dash-user .nm-wp-user-role {
  display: block;
  flex-basis: 100%;
  order: 5;
  font-style: normal;
  font-size: 11px;
  line-height: 1.1;
  color: var(--color-text-muted, #6b7686);
  text-align: left;
  padding-left: calc(28px + var(--space-2, 8px)); 
}
body.nm-workplace .nm-dash-user { padding-top: 4px; padding-bottom: 4px; }


  font-size: 10px;
  color: var(--color-text-muted, #6b7686);
  opacity: .8;
  margin-left: var(--space-2, 8px);
  letter-spacing: .02em;
}





body.nm-workplace { --wp-navy:#062b4d; --wp-navy-2:#0a3a61; --wp-green:#0c8a49; --wp-bg:#f6f8fa; --wp-line:#dfe5eb; --wp-muted:#64748b; background:var(--wp-bg); }
body.nm-workplace .app-header { display:none; }
body.nm-workplace #main-content { padding-top:0; }
body.nm-workplace .view.active:not(#view-workspace):not(#view-welcome) { margin-left:220px; padding-top:64px; min-height:100vh; background:var(--wp-bg); }
body.nm-workplace .view.active:not(#view-workspace):not(#view-welcome) > .calc-container,
body.nm-workplace .view.active:not(#view-workspace):not(#view-welcome) > .container,
body.nm-workplace .view.active:not(#view-workspace):not(#view-welcome) > .dashboard-container { max-width:none; width:auto; margin:0; padding:22px 28px 34px; }
.nm-wp-global-sidebar { position:fixed; left:0; top:0; bottom:0; z-index:1200; width:220px; min-height:100vh; overflow-y:auto; border-radius:0; box-shadow:none; }
.nm-wp-global-sidebar[hidden], .nm-wp-global-topbar[hidden] { display:none; }
.nm-wp-global-topbar { position:fixed; z-index:1190; left:220px; right:0; top:0; height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 28px; background:#fff; border-bottom:1px solid var(--wp-line); }
.nm-wp-global-brand { display:flex; align-items:center; gap:16px; min-width:0; }
.nm-wp-global-brand strong { color:#1745b8; font-size:20px; letter-spacing:.04em; }
.nm-wp-global-brand span { border-left:1px solid var(--wp-line); padding-left:16px; color:#102a43; font-size:14px; font-weight:700; }
.nm-wp-global-actions { display:flex; align-items:center; gap:16px; font-size:12px; }
.nm-wp-global-actions a { color:#183b56; text-decoration:none; font-weight:600; }
body.nm-workplace .nm-dash-sidebar { background:linear-gradient(180deg,#032846 0%,#062f53 55%,#052a4c 100%); }
body.nm-workplace .nm-dash-brand { color:#fff; }
body.nm-workplace .nm-dash-brand svg { color:#17b963; }
body.nm-workplace .nm-nav-section-label { color:#19b75f; letter-spacing:.08em; font-size:10px; }
body.nm-workplace .nm-dash-nav a, body.nm-workplace .nm-howto-sidelink { border-radius:7px; color:#f6fbff; font-size:13px; }
body.nm-workplace .nm-dash-nav a.active, body.nm-workplace .nm-dash-nav a:hover, body.nm-workplace .nm-howto-sidelink:hover { background:linear-gradient(90deg,#0d7b48,#0a6347); color:#fff; }
body.nm-workplace .nm-dash-help { border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.04); border-radius:10px; }
body.nm-workplace .nm-dash-help strong, body.nm-workplace .nm-dash-help p, body.nm-workplace .nm-dash-help a { color:#fff; }


body.nm-workplace .calc-container, body.nm-workplace .dashboard-container, body.nm-workplace .wizard-shell { background:transparent; }
body.nm-workplace .calc-header, body.nm-workplace .dash-header, body.nm-workplace .nm-planner-header, body.nm-workplace .wz-step-head { border:none; background:transparent; box-shadow:none; }
body.nm-workplace .page-title, body.nm-workplace .dash-header h1, body.nm-workplace .wz-step-head h1, body.nm-workplace .nm-legacy-hero h2 { color:#102a43; letter-spacing:-.025em; }
body.nm-workplace .input-card, body.nm-workplace .sim-card, body.nm-workplace .dashboard-card, body.nm-workplace .planning-tool-card,
body.nm-workplace .wz-card, body.nm-workplace .wz8-sidecard, body.nm-workplace .nm-panel, body.nm-workplace .post-strategy-section,
body.nm-workplace .nm-legacy-context, body.nm-workplace .nm-legacy-main, body.nm-workplace .nm-report-card { background:#fff; border:1px solid var(--wp-line); border-radius:11px; box-shadow:0 1px 3px rgba(15,42,65,.04); }
body.nm-workplace .input-card-title, body.nm-workplace .planning-tool-label, body.nm-workplace .wz-card h2 { color:#102a43; }
body.nm-workplace .btn-primary, body.nm-workplace .wz-btn-primary { background:var(--wp-green); border-color:var(--wp-green); }
body.nm-workplace .btn-primary:hover, body.nm-workplace .wz-btn-primary:hover { background:#08763e; border-color:#08763e; }
body.nm-workplace input:focus, body.nm-workplace select:focus, body.nm-workplace textarea:focus { border-color:var(--wp-green); box-shadow:0 0 0 3px rgba(12,138,73,.10); }
body.nm-workplace table { border-color:var(--wp-line); }
body.nm-workplace th { background:#f4f7f9; color:#31475b; }
body.nm-workplace tbody tr:hover { background:#f7fbf8; }


body.nm-workplace #view-pre-retirement .calc-layout { gap:16px; }
body.nm-workplace #view-pre-retirement .calc-inputs, body.nm-workplace #view-pre-retirement .calc-results { gap:14px; }
body.nm-workplace #view-pre-retirement .se-hero-card, body.nm-workplace #view-pre-retirement .chart-card,
body.nm-workplace #view-pre-retirement .planning-tools-section, body.nm-workplace #view-pre-retirement .saved-scenarios-section { border-radius:11px; border-color:var(--wp-line); box-shadow:0 1px 3px rgba(15,42,65,.04); }
body.nm-workplace #view-pre-simulator .sim-card { padding:18px; }


body.nm-workplace #view-planner-wizard .wizard-container { max-width:1280px; margin:0 auto; padding:20px 26px 40px; }
body.nm-workplace #view-planner-wizard .wz-progress { background:#fff; border:1px solid var(--wp-line); border-radius:11px; }
body.nm-workplace #view-planner-wizard .wz-card { box-shadow:none; }
body.nm-workplace #view-post-retirement .form-section, body.nm-workplace #view-post-retirement details.form-section { border:1px solid var(--wp-line); border-radius:11px; background:#fff; }


body.nm-workplace #view-dashboard .dashboard-shell { background:transparent; }
body.nm-workplace #view-dashboard .tab-bar, body.nm-workplace #view-dashboard .dashboard-tabs { background:#fff; border:1px solid var(--wp-line); border-radius:10px; padding:4px; }
body.nm-workplace #view-dashboard .tab-btn.active, body.nm-workplace #view-dashboard [role="tab"].active { color:var(--wp-green); border-color:var(--wp-green); }
body.nm-workplace #dash-strategies-view .strategy-card, body.nm-workplace #dash-strategies-view .comparison-card { border-radius:11px; border-color:var(--wp-line); }
body.nm-workplace #dash-charts-view .chart-card { border:1px solid var(--wp-line); border-radius:11px; background:#fff; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-card, body.nm-workplace #dash-spreadsheet-view .table-card { border:1px solid var(--wp-line); border-radius:11px; background:#fff; }
body.nm-workplace #dash-deepdive-view .planning-tool-card { margin-bottom:10px; overflow:hidden; }
body.nm-workplace #dash-deepdive-view .planning-tool-toggle { min-height:54px; padding:12px 16px; background:#fff; }
body.nm-workplace #dash-deepdive-view .planning-tool-body { border-top:1px solid var(--wp-line); background:#fbfcfd; padding:16px; }
body.nm-workplace #dash-legacy-view .nm-legacy-hero { border:1px solid var(--wp-line); border-radius:11px; background:linear-gradient(120deg,#fff 0%,#f1faf5 100%); }
body.nm-workplace #dash-legacy-view .nm-legacy-layout { gap:14px; }


.nm-wp-page { max-width:1320px; margin:0 auto; padding:20px 28px 26px; }
.nm-wp-page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:14px; }
.nm-wp-page-head h1 { margin:2px 0 4px; color:#102a43; font-size:27px; letter-spacing:-.025em; }
.nm-wp-page-head p { margin:0; color:var(--wp-muted); font-size:13px; }
.nm-wp-eyebrow { color:var(--wp-green); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.nm-al-info { display:flex; align-items:center; gap:12px; padding:10px 14px; border:1px solid #cfdcf1; border-radius:9px; background:#f8fbff; margin-bottom:12px; }
.nm-al-info>span { width:24px; height:24px; border-radius:50%; display:grid; place-items:center; color:#165ec9; border:2px solid #165ec9; font-weight:800; }
.nm-al-info p { margin:0; font-size:12px; line-height:1.4; }
.nm-al-summary-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:12px; }
.nm-al-summary-row article { background:#fff; border:1px solid var(--wp-line); border-radius:10px; padding:12px 16px; }
.nm-al-summary-row small { display:block; color:var(--wp-muted); font-size:11px; }
.nm-al-summary-row strong { display:block; color:var(--wp-green); font-size:21px; margin-top:3px; }
.nm-al-summary-row .is-liability strong, .is-liability { color:#d22f3f; }
.nm-al-input-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.nm-al-input-card { padding:14px 16px; }
.nm-al-input-card h2 { margin:0 0 2px; font-size:17px; color:#102a43; }
.nm-al-card-note { margin:0 0 6px; color:var(--wp-muted); font-size:10.5px; }
.nm-al-row { display:grid; grid-template-columns:1fr 150px; align-items:center; gap:10px; padding:6px 0; border-bottom:1px solid #edf0f3; }
.nm-al-row label { font-size:12px; font-weight:600; color:#223b53; }
.nm-money-input { display:flex; align-items:center; border:1px solid #d6dde5; border-radius:7px; background:#fff; overflow:hidden; }
.nm-money-input b { padding-left:9px; font-size:12px; }
.nm-money-input input { width:100%; border:0; box-shadow:none; padding:7px 8px; text-align:right; font-size:12px; }
.nm-al-bottom-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:12px; }
.nm-al-bottom-row article { padding:12px 16px; }
.nm-al-bottom-row h3 { margin:0 0 4px; font-size:14px; }
.nm-al-bottom-row p { margin:0; font-size:11px; color:var(--wp-muted); line-height:1.45; }
.nm-al-actions { display:flex; justify-content:flex-end; gap:12px; padding-top:12px; }
.nm-al-actions .btn { min-width:190px; }
.nm-al-networth { padding:14px 18px; margin-bottom:12px; }
.nm-al-networth h2 { margin:0 0 10px; font-size:15px; }
.nm-al-networth-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.nm-al-networth-grid>div { padding:0 22px; border-right:1px solid var(--wp-line); }
.nm-al-networth-grid>div:last-child { border-right:0; }
.nm-al-networth-grid small { color:var(--wp-muted); font-size:10px; display:block; }
.nm-al-networth-grid strong { color:#102a43; font-size:22px; }
.nm-al-networth-grid>div:first-child strong { color:var(--wp-green); }
.nm-al-networth>p { margin:9px 0 0; padding-top:7px; border-top:1px solid var(--wp-line); color:var(--wp-muted); font-size:10px; }
.nm-al-overview-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:12px; }
.nm-al-breakdown { padding:13px 15px; }
.nm-al-breakdown>header { display:flex; justify-content:space-between; align-items:center; }
.nm-al-breakdown h2 { margin:0; font-size:16px; }
.nm-al-breakdown header>strong { color:var(--wp-green); font-size:19px; }
.nm-al-breakdown-body { display:grid; grid-template-columns:180px 1fr; gap:14px; align-items:center; margin-top:8px; }
.nm-al-donut { width:150px; height:150px; margin:auto; border-radius:50%; position:relative; }
.nm-al-donut::after { content:''; position:absolute; inset:40px; background:#fff; border-radius:50%; }
.nm-al-thead,.nm-al-data-row { display:grid; grid-template-columns:minmax(130px,1fr) 92px 70px; gap:8px; align-items:center; }
.nm-al-thead { color:var(--wp-muted); font-size:9.5px; font-weight:700; padding:5px 0; border-bottom:1px solid var(--wp-line); }
.nm-al-data-row { padding:6px 0; border-bottom:1px solid #edf0f3; font-size:10.5px; }
.nm-al-data-row b,.nm-al-data-row em { text-align:right; font-style:normal; font-variant-numeric:tabular-nums; }
.nm-al-overview-lower { display:grid; grid-template-columns:1.6fr .9fr .9fr; gap:12px; margin-top:12px; }
.nm-al-history,.nm-al-top { padding:12px 14px; min-height:185px; }
.nm-al-history header { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.nm-al-history h2,.nm-al-top h2 { margin:0 0 6px; font-size:15px; }
.nm-al-history header small { color:var(--wp-muted); font-size:9.5px; }
#al-history-chart { width:100%; height:120px; }
.nm-al-top-row { display:flex; justify-content:space-between; gap:12px; padding:7px 0; border-bottom:1px solid #edf0f3; font-size:10.5px; }
.nm-al-top-row b { font-variant-numeric:tabular-nums; }
.nm-al-note { margin-top:12px; border:1px solid #d7e3ef; background:#f8fbfd; border-radius:9px; padding:9px 12px; color:#40566b; font-size:10px; }

@media (max-width: 980px) {
  body.nm-workplace .view.active:not(#view-workspace):not(#view-welcome) { margin-left:0; padding-top:64px; }
  .nm-wp-global-sidebar { display:none; }
  .nm-wp-global-topbar { left:0; }
  .nm-al-input-grid,.nm-al-overview-grid,.nm-al-overview-lower { grid-template-columns:1fr; }
  .nm-al-summary-row { grid-template-columns:1fr; }
  .nm-al-breakdown-body { grid-template-columns:150px 1fr; }
}


body.nm-workplace {
  --wp-ink:#102a43;
  --wp-ink-2:#193b59;
  --wp-muted:#65758b;
  --wp-green:#0b8a49;
  --wp-green-dark:#08753e;
  --wp-green-soft:#eef9f3;
  --wp-blue:#175bc5;
  --wp-bg:#f7f9fb;
  --wp-card:#ffffff;
  --wp-line:#e1e7ed;
  --wp-line-strong:#d3dce5;
  --wp-danger:#d63a43;
  --wp-warning:#d69512;
  --wp-shadow:0 1px 3px rgba(15,42,65,.045);
  --wp-radius:10px;
  color:var(--wp-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.nm-workplace * { box-sizing:border-box; }
body.nm-workplace .view.active:not(#view-welcome):not(#view-workspace) {
  background:var(--wp-bg);
}
body.nm-workplace .view.active:not(#view-welcome):not(#view-workspace) > .calc-container,
body.nm-workplace .view.active:not(#view-welcome):not(#view-workspace) > .container,
body.nm-workplace .view.active:not(#view-welcome):not(#view-workspace) > .dashboard-container,
body.nm-workplace .view.active:not(#view-welcome):not(#view-workspace) > .wz-shell {
  max-width:1500px;
  margin:0 auto;
}


body.nm-workplace .calc-header,
body.nm-workplace .dash-header,
body.nm-workplace .nm-planner-header,
body.nm-workplace .wz-step-head,
body.nm-workplace .nm-report-header,
body.nm-workplace .budget-header {
  padding:0 0 14px;
  margin:0 0 14px;
  border:0;
  background:transparent;
  box-shadow:none;
}
body.nm-workplace .page-title,
body.nm-workplace .dash-header h1,
body.nm-workplace .nm-planner-header h1,
body.nm-workplace .wz-step-head h1,
body.nm-workplace .nm-report-header h1,
body.nm-workplace .budget-header h1 {
  margin:0;
  color:var(--wp-ink);
  font-size:26px;
  line-height:1.15;
  font-weight:760;
  letter-spacing:-.032em;
}
body.nm-workplace .page-subtitle,
body.nm-workplace .dash-header p,
body.nm-workplace .wz-step-head p,
body.nm-workplace .nm-report-header p,
body.nm-workplace .budget-header p {
  margin:5px 0 0;
  color:var(--wp-muted);
  font-size:12.5px;
  line-height:1.5;
}
body.nm-workplace h2 { color:var(--wp-ink); letter-spacing:-.015em; }
body.nm-workplace h3 { color:var(--wp-ink-2); }


body.nm-workplace :is(.input-card,.sim-card,.dashboard-card,.chart-card,.spreadsheet-card,.table-card,.planning-tool-card,.post-strategy-section,.strategy-card,.comparison-card,.wz-card,.wz8-sidecard,.nm-panel,.nm-legacy-context,.nm-legacy-main,.nm-report-card,.form-section,.budget-card,.dd-card,.dd-rail-card,.dd-strip-card,.roth-ex-kpi,.st-scenario-card,.ov-panel) {
  border:1px solid var(--wp-line);
  border-radius:var(--wp-radius);
  background:var(--wp-card);
  box-shadow:var(--wp-shadow);
}
body.nm-workplace :is(.input-card,.sim-card,.dashboard-card,.chart-card,.post-strategy-section,.wz-card,.nm-panel,.nm-report-card) {
  padding:16px;
}
body.nm-workplace :is(.input-card-title,.chart-title,.planning-tool-label,.wz-card h2,.nm-panel h2,.post-strategy-section h2) {
  color:var(--wp-ink);
  font-weight:740;
}
body.nm-workplace :is(.field-hint,.chart-note,.form-hint,.wz-hint,.planning-tool-desc,.nm-muted) {
  color:var(--wp-muted);
}


body.nm-workplace :is(input[type="text"],input[type="number"],input[type="email"],input[type="date"],select,textarea,.form-select) {
  min-height:38px;
  border:1px solid #d6dee7;
  border-radius:7px;
  background:#fff;
  color:var(--wp-ink);
  box-shadow:none;
}
body.nm-workplace :is(input,select,textarea):focus {
  border-color:var(--wp-green);
  box-shadow:0 0 0 3px rgba(11,138,73,.10);
  outline:0;
}
body.nm-workplace :is(.btn,.wz-btn,.wz-btn-primary,.wz-btn-secondary) {
  min-height:36px;
  border-radius:7px;
  box-shadow:none;
  font-weight:700;
}
body.nm-workplace :is(.btn-primary,.btn-accent,.wz-btn-primary) {
  background:var(--wp-green);
  border-color:var(--wp-green);
  color:#fff;
}
body.nm-workplace :is(.btn-primary,.btn-accent,.wz-btn-primary):hover { background:var(--wp-green-dark); }
body.nm-workplace :is(.btn-secondary,.btn-ghost,.wz-btn-secondary) {
  background:#fff;
  border:1px solid var(--wp-line-strong);
  color:var(--wp-ink-2);
}
body.nm-workplace input[type="range"] { accent-color:var(--wp-green); }


body.nm-workplace :is(.kpi-row,.dash-kpis,.wz2-summary,.wz6-summary,.wz7-summary) {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid var(--wp-line);
  border-radius:var(--wp-radius);
  background:#fff;
  box-shadow:var(--wp-shadow);
}
body.nm-workplace :is(.kpi-card,.wz2-summary-item,.wz6-summary-item,.wz7-summary-item) {
  min-width:0;
  padding:14px 16px;
  border:0;
  border-right:1px solid var(--wp-line);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
body.nm-workplace :is(.kpi-card,.wz2-summary-item,.wz6-summary-item,.wz7-summary-item):last-child { border-right:0; }
body.nm-workplace .kpi-label,
body.nm-workplace :is(.wz2-summary-label,.wz6-summary-label,.wz7-summary-label) {
  color:var(--wp-muted);
  font-size:10px;
  font-weight:700;
  line-height:1.3;
  text-transform:none;
  letter-spacing:0;
}
body.nm-workplace .kpi-value,
body.nm-workplace :is(.wz2-summary-value,.wz6-summary-value,.wz7-summary-value) {
  margin-top:4px;
  color:var(--wp-green);
  font-size:22px;
  line-height:1.05;
  font-weight:760;
  letter-spacing:-.025em;
}
body.nm-workplace .kpi-delta,
body.nm-workplace :is(.wz2-summary-sub,.wz6-summary-sub,.wz7-summary-sub) { color:var(--wp-muted); font-size:9.5px; }


body.nm-workplace :is(.spreadsheet-card,.table-card) { padding:0; overflow:hidden; }
body.nm-workplace :is(.spreadsheet-header,.table-card-header) {
  padding:13px 16px;
  border-bottom:1px solid var(--wp-line);
  background:#fff;
}
body.nm-workplace table { border-collapse:separate; border-spacing:0; width:100%; }
body.nm-workplace th {
  padding:9px 10px;
  background:#f5f7f9;
  border-color:var(--wp-line);
  color:#53657a;
  font-size:9.5px;
  font-weight:750;
  text-transform:none;
  letter-spacing:0;
}
body.nm-workplace td {
  padding:9px 10px;
  border-color:#edf0f3;
  color:#263b50;
  font-size:10.5px;
}
body.nm-workplace tbody tr:nth-child(even) td { background:#fbfcfd; }
body.nm-workplace tbody tr:hover td { background:#f3faf6; }


body.nm-workplace #view-pre-retirement .calc-container { padding:22px 28px 32px; }
body.nm-workplace #view-pre-retirement .calc-layout {
  display:grid;
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
body.nm-workplace #view-pre-retirement .calc-inputs,
body.nm-workplace #view-pre-retirement .calc-results { gap:12px; }
body.nm-workplace #view-pre-retirement .calc-inputs .input-card { padding:14px 15px; }
body.nm-workplace #view-pre-retirement .form-field { margin-bottom:10px; }
body.nm-workplace #view-pre-retirement .form-field label { color:#334b62; font-size:10.5px; font-weight:700; }
body.nm-workplace #view-pre-retirement .prex-savings-block { border:0; padding:0; background:transparent; }
body.nm-workplace #view-pre-retirement .prex-savings-grand-total {
  margin-top:8px; padding:10px 12px; border:1px solid #d9ebe1;
  border-radius:8px; background:var(--wp-green-soft);
}
body.nm-workplace #view-pre-retirement .se-hero-grid {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0;
  border:1px solid var(--wp-line); border-radius:var(--wp-radius); background:#fff; overflow:hidden;
}
body.nm-workplace #view-pre-retirement .se-hero-card {
  border:0; border-right:1px solid var(--wp-line); border-radius:0; box-shadow:none; background:#fff; padding:14px;
}
body.nm-workplace #view-pre-retirement .se-hero-card:last-child { border-right:0; }
body.nm-workplace #view-pre-retirement .se-hero-label { color:var(--wp-muted); font-size:9.5px; }
body.nm-workplace #view-pre-retirement .se-hero-value { color:var(--wp-ink); font-size:20px; }
body.nm-workplace #view-pre-retirement .view-toggle {
  display:inline-flex; padding:3px; gap:2px; border:1px solid var(--wp-line); border-radius:8px; background:#fff;
}
body.nm-workplace #view-pre-retirement .view-toggle-btn { border:0; border-radius:6px; background:transparent; color:var(--wp-muted); }
body.nm-workplace #view-pre-retirement .view-toggle-btn.active { background:var(--wp-green-soft); color:var(--wp-green); }
body.nm-workplace #view-pre-retirement .chart-grid { gap:12px; }
body.nm-workplace #view-pre-retirement .chart-card { min-height:280px; }
body.nm-workplace #view-pre-retirement .planning-tools-section {
  padding:16px; border:1px solid var(--wp-line); border-radius:var(--wp-radius); background:#fff; box-shadow:var(--wp-shadow);
}
body.nm-workplace #view-pre-retirement .planning-tools-grid { gap:8px; }
body.nm-workplace #view-pre-retirement .planning-tool-card { padding:12px 14px; box-shadow:none; }
body.nm-workplace #view-pre-retirement .pre-scenarios-card { border:1px solid var(--wp-line); border-radius:var(--wp-radius); background:#fff; box-shadow:var(--wp-shadow); }


body.nm-workplace #view-pre-simulator .calc-container { padding:22px 28px 32px; }
body.nm-workplace #view-pre-simulator .sim-starting-balance {
  border:1px solid #d7e5dd; border-radius:var(--wp-radius); background:var(--wp-green-soft); color:var(--wp-ink);
}
body.nm-workplace #view-pre-simulator .sim-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
}
body.nm-workplace #view-pre-simulator .sim-card { padding:16px; min-height:0; }
body.nm-workplace #view-pre-simulator .sim-card-header { gap:10px; margin-bottom:12px; }
body.nm-workplace #view-pre-simulator .sim-card-icon { background:var(--wp-green-soft); color:var(--wp-green); border-radius:8px; }
body.nm-workplace #view-pre-simulator .sim-answer { color:var(--wp-green); font-weight:760; }


body.nm-workplace #view-planner-wizard { --wz-green:var(--wp-green); }
body.nm-workplace #view-planner-wizard .wz-shell {
  display:block; width:auto; max-width:1500px; min-height:0; padding:22px 28px 32px; background:transparent;
}

body.nm-workplace #view-planner-wizard .wz-side {
  position:relative; inset:auto; width:100%; min-height:0; margin:0 0 14px; padding:14px 16px;
  border:1px solid var(--wp-line); border-radius:var(--wp-radius); background:#fff; box-shadow:var(--wp-shadow); color:var(--wp-ink);
}
body.nm-workplace #view-planner-wizard .wz-side-head { display:flex; align-items:center; gap:14px; margin:0 0 10px; }
body.nm-workplace #view-planner-wizard .wz-kicker { color:var(--wp-green); font-size:10px; }
body.nm-workplace #view-planner-wizard .wz-tagline { margin:0; color:var(--wp-muted); font-size:11px; }
body.nm-workplace #view-planner-wizard .wz-changeplan,
body.nm-workplace #view-planner-wizard .wz-dashboard-btn,
body.nm-workplace #view-planner-wizard .wz-howto-link { display:none; }
body.nm-workplace #view-planner-wizard .wz-progress { padding:0; margin:0 0 10px; border:0; border-radius:0; box-shadow:none; }
body.nm-workplace #view-planner-wizard .wz-progress-label,
body.nm-workplace #view-planner-wizard .wz-progress-count { color:var(--wp-muted); font-size:9.5px; }
body.nm-workplace #view-planner-wizard .wz-progress-bar { height:4px; background:#e8edf1; }
body.nm-workplace #view-planner-wizard .wz-progress-fill { background:var(--wp-green); }
body.nm-workplace #view-planner-wizard .wz-side-nav {
  display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:6px; margin:0;
}
body.nm-workplace #view-planner-wizard .wz-side-step {
  min-height:38px; padding:7px 8px; border:1px solid var(--wp-line); border-radius:7px; background:#fff; color:#506276; font-size:9.5px; line-height:1.2; justify-content:flex-start;
}
body.nm-workplace #view-planner-wizard .wz-side-step.active { border-color:#a8d7ba; background:var(--wp-green-soft); color:var(--wp-green); }
body.nm-workplace #view-planner-wizard .wz-step-dot { width:20px; height:20px; min-width:20px; background:#edf2f5; color:#617286; font-size:9px; }
body.nm-workplace #view-planner-wizard .wz-side-step.active .wz-step-dot { background:var(--wp-green); color:#fff; }
body.nm-workplace #view-planner-wizard .wz-side-divider,
body.nm-workplace #view-planner-wizard .wz-side-link,
body.nm-workplace #view-planner-wizard .wz-help { display:none; }
body.nm-workplace #view-planner-wizard .wz-main { margin:0; padding:0; width:100%; max-width:none; }
body.nm-workplace #view-planner-wizard .wz-step { padding:0; }
body.nm-workplace #view-planner-wizard .wz-step-head { display:block; }
body.nm-workplace #view-planner-wizard .wz-step-head h1 { font-size:25px; }
body.nm-workplace #view-planner-wizard :is(.wz1-layout,.wz2-layout,.wz3-layout,.wz4-layout,.wz5-layout,.wz6-layout,.wz7-layout,.wz8-layout) { gap:12px; }
body.nm-workplace #view-planner-wizard .wz-card { padding:16px; }
body.nm-workplace #view-planner-wizard :is(.wz1-card-head,.wz2-card-head,.wz3-card-head,.wz4-card-head,.wz5-card-head,.wz6-card-head,.wz7-card-head) { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #edf0f3; }
body.nm-workplace #view-planner-wizard .wz-footer {
  position:static; margin:14px 0 0; padding:12px 0 0; border-top:1px solid var(--wp-line); background:transparent; box-shadow:none;
}
body.nm-workplace #view-planner-wizard .wz8-actions { margin:14px 0 0; padding:12px 0 0; background:transparent; }


body.nm-workplace #view-post-retirement .calc-container { padding:22px 28px 32px; }
body.nm-workplace #view-post-retirement .calc-layout { gap:12px; }
body.nm-workplace #view-post-retirement details.form-section { margin-bottom:10px; overflow:hidden; padding:0; }
body.nm-workplace #view-post-retirement .form-section-header {
  padding:12px 15px; background:#fff; color:var(--wp-ink); font-size:12px; font-weight:740; border:0;
}
body.nm-workplace #view-post-retirement .form-section[open] .form-section-header { border-bottom:1px solid var(--wp-line); background:#fbfcfd; }
body.nm-workplace #view-post-retirement .form-section > :not(summary) { padding-left:15px; padding-right:15px; }


body.nm-workplace #view-dashboard .dashboard-container { padding:22px 28px 32px; }
body.nm-workplace #view-dashboard .dashboard-shell { max-width:none; }
body.nm-workplace #view-dashboard .dash-header { align-items:flex-end; }
body.nm-workplace #view-dashboard .dash-actions { gap:8px; }
body.nm-workplace #view-dashboard :is(.dashboard-tabs,.tab-bar,.view-toggle) {
  display:flex; width:100%; min-height:42px; margin:0 0 14px; padding:3px;
  border:1px solid var(--wp-line); border-radius:8px; background:#fff; box-shadow:none; overflow-x:auto;
}
body.nm-workplace #view-dashboard :is(.tab-btn,.view-toggle-btn,[role="tab"]) {
  min-height:34px; padding:7px 12px; border:0; border-radius:6px; background:transparent; color:#64758a; font-size:10.5px; font-weight:700;
}
body.nm-workplace #view-dashboard :is(.tab-btn.active,.view-toggle-btn.active,[role="tab"].active) { background:var(--wp-green-soft); color:var(--wp-green); }
body.nm-workplace #view-dashboard .dash-kpis { margin-bottom:12px; }
body.nm-workplace #view-dashboard .chart-grid { gap:12px; }
body.nm-workplace #view-dashboard .chart-card { padding:14px 16px; }
body.nm-workplace #view-dashboard .chart-title { margin-bottom:3px; font-size:12.5px; }


body.nm-workplace #dash-overview-view .ov-panel { padding:15px; }
body.nm-workplace #dash-overview-view :is(.ov-grid,.overview-grid) { gap:12px; }


body.nm-workplace #dash-strategies-view { color:var(--wp-ink); }
body.nm-workplace #dash-strategies-view .post-strategy-section { margin-bottom:12px; padding:15px; }
body.nm-workplace #dash-strategies-view :is(.strategy-card,.comparison-card,.st-scenario-card) { box-shadow:none; }
body.nm-workplace #dash-strategies-view :is(.strategy-card,.st-scenario-card) { padding:13px; }
body.nm-workplace #dash-strategies-view .strategy-card.is-current,
body.nm-workplace #dash-strategies-view .st-scenario-card.is-current { border-color:#9fd2b2; background:#f8fdf9; }
body.nm-workplace #dash-strategies-view :is(.strategy-name,.st-card-title) { color:var(--wp-ink); font-weight:750; }
body.nm-workplace #dash-strategies-view :is(.strategy-value,.strategy-delta-positive) { color:var(--wp-green); }
body.nm-workplace #dash-strategies-view .strategy-delta-negative { color:var(--wp-danger); }
body.nm-workplace #dash-strategies-view .strategy-comparison-bars { background:#f6f8fa; border-radius:7px; }


body.nm-workplace #dash-deepdive-view .nm-deepdive-hero,
body.nm-workplace #dash-deepdive-view .deepdive-hero {
  padding:18px; margin-bottom:12px; border:1px solid var(--wp-line); border-radius:var(--wp-radius); background:linear-gradient(115deg,#fff 0%,#f0faf4 100%); box-shadow:var(--wp-shadow);
}
body.nm-workplace #dash-deepdive-view .dd-grid { gap:10px; }
body.nm-workplace #dash-deepdive-view .dd-card { padding:14px; }
body.nm-workplace #dash-deepdive-view .dd-icon,
body.nm-workplace #dash-deepdive-view .planning-tool-icon { background:var(--wp-green-soft); color:var(--wp-green); border-radius:8px; }
body.nm-workplace #dash-deepdive-view .planning-tool-card { margin-bottom:8px; overflow:hidden; }
body.nm-workplace #dash-deepdive-view .planning-tool-toggle {
  min-height:52px; padding:11px 14px; border:0; background:#fff; color:var(--wp-ink);
}
body.nm-workplace #dash-deepdive-view .planning-tool-body {
  padding:14px; border-top:1px solid var(--wp-line); background:#fbfcfd;
}

body.nm-workplace #dash-deepdive-view .planning-tool-body [style*="background"] { box-shadow:none; }
body.nm-workplace #dash-deepdive-view :is(.roth-ex-kpi,.dd-rail-card,.dd-strip-card,.st-scenario-card) { padding:12px; }
body.nm-workplace #dash-deepdive-view .roth-ex-kpi-value { color:var(--wp-green); font-size:19px; }
body.nm-workplace #dash-deepdive-view .roth-ex-kpi-label { color:var(--wp-muted); font-size:9.5px; }


body.nm-workplace #dash-legacy-view .nm-legacy-hero {
  padding:18px; margin-bottom:12px; border:1px solid var(--wp-line); border-radius:var(--wp-radius); background:linear-gradient(115deg,#fff 0%,#f0faf4 100%); box-shadow:var(--wp-shadow);
}
body.nm-workplace #dash-legacy-view .nm-legacy-hero h2 { font-size:25px; }
body.nm-workplace #dash-legacy-view .nm-legacy-layout { gap:12px; }
body.nm-workplace #dash-legacy-view .nm-legacy-context,
body.nm-workplace #dash-legacy-view .nm-legacy-main { padding:15px; }
body.nm-workplace #dash-legacy-view #legacy-section-nav {
  display:flex; gap:5px; flex-wrap:wrap; padding:3px; border:1px solid var(--wp-line); border-radius:8px; background:#fff;
}
body.nm-workplace #dash-legacy-view #legacy-section-nav button { border:0; border-radius:6px; background:transparent; color:var(--wp-muted); }
body.nm-workplace #dash-legacy-view #legacy-section-nav button.active { background:var(--wp-green-soft); color:var(--wp-green); }


body.nm-workplace #view-budget .calc-container,
body.nm-workplace #view-reports .container { padding:22px 28px 32px; }
body.nm-workplace #view-budget .budget-layout { gap:12px; }
body.nm-workplace #view-budget details.form-section { margin-bottom:10px; overflow:hidden; }
body.nm-workplace #view-budget .form-section-header { padding:12px 14px; background:#fff; color:var(--wp-ink); border-bottom:1px solid transparent; }
body.nm-workplace #view-budget details[open] .form-section-header { background:#fbfcfd; border-bottom-color:var(--wp-line); }
body.nm-workplace #view-budget .budget-row { border-color:#edf0f3; }
body.nm-workplace #view-budget .budget-total-row { background:var(--wp-green-soft); border-radius:7px; }
body.nm-workplace #view-reports .nm-report-card { margin-bottom:10px; }


body.nm-workplace #view-profile .profile-container { padding:22px 28px 32px; max-width:1500px; }
body.nm-workplace #view-profile :is(.profile-card,.settings-card,.account-card) { border:1px solid var(--wp-line); border-radius:var(--wp-radius); background:#fff; box-shadow:var(--wp-shadow); }


@media (max-width:1180px) {
  body.nm-workplace #view-planner-wizard .wz-side-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.nm-workplace #view-pre-retirement .calc-layout { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  body.nm-workplace #view-planner-wizard .wz-side-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.nm-workplace #view-pre-simulator .sim-grid { grid-template-columns:1fr; }
  body.nm-workplace :is(.kpi-row,.dash-kpis,.wz2-summary,.wz6-summary,.wz7-summary) { grid-template-columns:1fr 1fr; }
}


body.nm-workplace #dash-charts-view {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.nm-workplace #dash-charts-view:not(.active) { display:none; }
body.nm-workplace #dash-charts-view .chart-card { margin:0; min-width:0; }
body.nm-workplace #dash-charts-view .chart-large { grid-column:1 / -1; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-card { margin:0; }
@media (max-width:900px){ body.nm-workplace #dash-charts-view { grid-template-columns:1fr; } body.nm-workplace #dash-charts-view .chart-large{grid-column:auto;} }


body.nm-workplace .nm-wp-brand-suffix {
  display: block; font-size: 10px; letter-spacing: .3em;
  text-transform: uppercase; color: var(--wp-green); font-weight: 700;
}



body.nm-workplace .nm-reports-shell { gap: 14px; }
body.nm-workplace .nm-report-group { border-top: 1px solid var(--wp-line); padding-top: 14px; margin-top: 4px; }
body.nm-workplace .nm-report-note {
  color: var(--wp-muted); font-size: 12px; line-height: 1.45;
  border-left: 3px solid var(--wp-line-strong); padding: 8px 10px;
  background: var(--wp-green-soft); border-radius: 6px;
}
body.nm-workplace #dash-scenario-summary,
body.nm-workplace #dash-final-year-assumptions,
body.nm-workplace .assumptions-disclosure {
  border: 1px solid var(--wp-line); border-radius: var(--wp-radius);
  background: var(--wp-card); padding: 6px 10px;
}
body.nm-workplace .assumptions-disclosure summary,
body.nm-workplace #dash-scenario-summary-label {
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--wp-muted); font-weight: 700; cursor: pointer;
}
body.nm-workplace .dd-asm-foot { color: var(--wp-muted); font-size: 12px; border-top: 1px solid var(--wp-line); padding-top: 6px; margin-top: 6px; }
body.nm-workplace .dash-charts { gap: 14px; }
body.nm-workplace .dash-container { padding: 0; }
body.nm-workplace .nm-dash-shell { min-height: 0; } 
body.nm-workplace .nm-kpi-context { color: var(--wp-muted); font-size: 12px; } 



body.nm-workplace #dash-charts-view { gap: 14px; }
body.nm-workplace #dash-charts-view .chart-card {
  border-radius: var(--wp-radius);
  box-shadow: var(--wp-shadow);
  padding: 16px 18px 14px;
  transition: box-shadow .15s ease, transform .15s ease;
}
body.nm-workplace #dash-charts-view .chart-card:hover {
  box-shadow: 0 6px 18px rgba(16, 42, 67, .10);
  transform: translateY(-1px);
}
body.nm-workplace #dash-charts-view .chart-title {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--wp-muted);
  font-weight: 700;
  margin: 0 0 2px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--wp-green);
  display: inline-block;
}
body.nm-workplace #dash-charts-view .chart-subtitle {
  color: var(--wp-muted);
  font-size: 12px;
  margin: 6px 0 0;
}
body.nm-workplace #dash-charts-view .chart-note {
  color: var(--wp-muted);
  font-size: 12px;
  line-height: 1.45;
  border-left: 3px solid var(--wp-line-strong);
  padding-left: 10px;
  margin-top: 10px;
}
body.nm-workplace #dash-charts-view .chart-wrapper {
  margin-top: 10px;
  border-top: 1px solid var(--wp-line);
  padding-top: 10px;
}
body.nm-workplace #dash-charts-view .chart-card.chart-large {
  border-top: 3px solid var(--wp-navy);
}
body.nm-workplace #dash-charts-view .chart-card.chart-large .chart-title {
  color: var(--wp-navy);
  border-bottom-color: var(--wp-navy);
}
body.nm-workplace #dash-charts-view .chart-wrapper canvas,
body.nm-workplace #dash-charts-view .chart-wrapper svg {
  display: block;
  max-width: 100%;
}
body.nm-workplace #dash-charts-view .dash-networth-note,
body.nm-workplace #dash-charts-view .dash-rmd-note {
  background: var(--wp-green-soft);
  border-left-color: var(--wp-green);
  border-radius: 6px;
  padding: 8px 10px;
}





body.nm-workplace .btn-secondary { background:#fff; border:1px solid var(--wp-line); color:#102a43; font-weight:600; }
body.nm-workplace .btn-secondary:hover { background:#f0f4f8; border-color:#c7d2dc; color:#062b4d; }


body.nm-workplace #dash-spreadsheet-view .ss-controls { padding:12px 16px; border-bottom:1px solid var(--wp-line); background:#fff; border-radius:var(--wp-radius) var(--wp-radius) 0 0; gap:10px; }
body.nm-workplace #dash-spreadsheet-view .ss-years { color:var(--wp-muted); font-size:12px; font-weight:600; }
body.nm-workplace #dash-spreadsheet-view .ss-years select { border:1px solid var(--wp-line); border-radius:7px; padding:5px 8px; font-size:12px; color:#102a43; background:#fff; }
body.nm-workplace #dash-spreadsheet-view .ss-scroll-hint,
body.nm-workplace #dash-spreadsheet-view .ss-foot-note { color:var(--wp-muted); font-size:11px; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-toolbar { padding:16px 16px 6px; }
body.nm-workplace #dash-spreadsheet-view .chart-title { color:#102a43; letter-spacing:-.02em; font-size:18px; }
body.nm-workplace #dash-spreadsheet-view .ss-subtitle { color:var(--wp-muted); font-size:12px; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-scroll { border-top:1px solid var(--wp-line); }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table { font-size:12px; border-collapse:separate; border-spacing:0; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table thead { position:sticky; top:0; z-index:5; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table .ss-group-row th { background:var(--wp-navy); color:#eaf3fb; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; padding:7px 10px; border-bottom:0; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table thead tr:not(.ss-group-row) th { background:#f0f4f8; color:#102a43; font-weight:700; font-size:11px; padding:8px 10px; border-bottom:1px solid var(--wp-line); white-space:nowrap; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table tbody td { padding:7px 10px; border-bottom:1px solid #edf1f5; color:#1f3346; font-variant-numeric:tabular-nums; white-space:nowrap; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table tbody tr:nth-child(even) td { background:#fafbfc; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table tbody tr:hover td { background:#f2f7f4; }
body.nm-workplace #dash-spreadsheet-view .spreadsheet-table tbody td:first-child { font-weight:700; color:#062b4d; }


body.nm-workplace #view-reports .nm-reports-header { margin-bottom:18px; }
body.nm-workplace #view-reports .nm-reports-header h1 { color:#102a43; letter-spacing:-.025em; }
body.nm-workplace #view-reports .nm-eyebrow { color:var(--wp-green); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
body.nm-workplace #view-reports .nm-report-group-heading { color:var(--wp-green); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin:20px 0 10px; }
body.nm-workplace #view-reports .nm-report-grid { gap:14px; }
body.nm-workplace #view-reports .nm-report-card { padding:16px 18px; transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
body.nm-workplace #view-reports .nm-report-card:hover { transform:translateY(-1px); box-shadow:0 4px 14px rgba(15,42,65,.10); border-color:#c9dccf; }
body.nm-workplace #view-reports .nm-report-featured { border-left:4px solid var(--wp-green); background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%); }
body.nm-workplace #view-reports .nm-report-icon { width:38px; height:38px; border-radius:9px; background:rgba(12,138,73,.10); color:var(--wp-green); display:flex; align-items:center; justify-content:center; }
body.nm-workplace #view-reports .nm-report-tag { display:inline-block; padding:2px 8px; border-radius:999px; background:#f0f4f8; color:var(--wp-muted); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
body.nm-workplace #view-reports .nm-report-status { color:var(--wp-muted); font-size:12px; }
body.nm-workplace #view-reports .nm-report-card h3 { color:#102a43; font-size:15px; letter-spacing:-.01em; }
body.nm-workplace #view-reports .nm-report-card p { color:#41566b; font-size:12.5px; }


body.nm-workplace #view-profile .profile-dash-title,
body.nm-workplace #view-profile .section-title { color:#102a43; letter-spacing:-.025em; }
body.nm-workplace #view-profile .profile-dash-desc { color:var(--wp-muted); }
body.nm-workplace #view-profile .profile-card { padding:0; overflow:hidden; }
body.nm-workplace #view-profile .profile-card-header { padding:14px 18px; border-bottom:1px solid var(--wp-line); background:#fff; }
body.nm-workplace #view-profile .profile-card-header h3 { margin:0; color:#102a43; font-size:15px; letter-spacing:-.01em; }
body.nm-workplace #view-profile .profile-card-meta { color:var(--wp-muted); font-size:12px; }
body.nm-workplace #view-profile .profile-form,
body.nm-workplace #view-profile .profile-dashboard { padding:16px 18px; }
body.nm-workplace #view-profile .profile-avatar { background:linear-gradient(135deg,var(--wp-navy) 0%,var(--wp-navy-2) 100%); color:#fff; box-shadow:0 0 0 2px rgba(12,138,73,.25); }
body.nm-workplace #view-profile .profile-field label { color:var(--wp-muted); font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
body.nm-workplace #view-profile .profile-field input,
body.nm-workplace #view-profile .profile-field select { border:1px solid var(--wp-line); border-radius:7px; padding:8px 10px; font-size:13px; color:#102a43; background:#fff; }
body.nm-workplace #view-profile .profile-row { gap:14px; }
body.nm-workplace #view-profile .profile-member-since { color:var(--wp-muted); font-size:12px; }
body.nm-workplace #view-profile .profile-save-status { color:var(--wp-green); font-weight:700; font-size:12px; }
body.nm-workplace #view-profile .profile-actions { padding:12px 18px; border-top:1px solid var(--wp-line); background:#fafbfc; }



body.nm-workplace #view-workspace .nm-dash-shell{padding-top:64px}
body.nm-workplace #view-workspace .nm-dash-main{padding:20px 24px 24px;max-width:none;background:#f7f9fb}
body.nm-workplace .nm-wp-overview-page{max-width:1320px;margin:0 auto}
.nm-wp-overview-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:28px;align-items:center;margin:0 0 14px}
.nm-wp-overview-intro h1{font-size:31px;line-height:1.1;margin:0 0 10px;color:#0e2946;letter-spacing:-.03em}
.nm-wp-overview-intro p{margin:0;color:#183b56;line-height:1.55;font-size:15px}
.nm-wp-hero-image{height:112px;border-radius:10px;padding:24px 26px;display:flex;align-items:center;color:#fff;background:linear-gradient(100deg,#17384c,#102c3d 48%,#b66f34);position:relative;overflow:hidden}
.nm-wp-hero-image:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(255,206,130,.45),transparent 25%),linear-gradient(135deg,transparent 20%,rgba(12,82,69,.5) 70%)}
.nm-wp-hero-image strong{position:relative;z-index:1;font-size:18px;line-height:1.35}
.nm-wpo-grid{grid-template-columns:minmax(0,2.35fr) minmax(300px,.95fr);gap:14px}.nm-wpo-main,.nm-wpo-side{gap:12px}
body.nm-workplace .nm-wp-overview-page .nm-panel{padding:14px 16px;border-radius:9px;box-shadow:0 1px 3px rgba(15,42,65,.03)}
.nm-wpo-snapshot header,.nm-wpo-saved header,.nm-wpo-goal header,.nm-wpo-strategies header{display:flex;align-items:center;justify-content:space-between}.nm-wpo-snapshot h2,.nm-wpo-projected h2,.nm-wpo-actions h2,.nm-wpo-saved h2,.nm-wpo-side h2,.nm-wpr h2{font-size:14px;margin:0;color:#102a43}
.nm-wpo-chips{grid-template-columns:repeat(6,1fr);gap:0;margin:12px 0 8px}.nm-wpo-chips li{border:0;border-right:1px solid #e2e8ef;border-radius:0;background:#fff;align-items:center;text-align:center;padding:4px 8px}.nm-wpo-chips li:last-child{border-right:0}.nm-wpo-chips i{color:#0c8a49;margin-bottom:4px}.nm-wpo-chips strong{font-size:18px;color:#0e2946}.nm-wpo-all-inputs{font-size:11px;font-weight:700;color:#0c8a49;text-decoration:none}
.nm-wpo-projected-body{display:grid;grid-template-columns:190px 1fr;gap:18px;margin-top:10px}.nm-wpo-figures{display:flex;flex-direction:column;gap:10px;margin:0}.nm-wpo-figures strong{font-size:25px;color:#0c8a49}.nm-wpo-figures b{font-size:14px;color:#102a43}.nm-wpo-figures em{display:block;font-style:normal;font-size:10px;color:#64748b}.nm-wpo-chart-wrap{min-width:0}.nm-wpo-chart-wrap svg{width:100%;height:190px;background:repeating-linear-gradient(to bottom,transparent,transparent 43px,#edf1f4 44px)}.nm-wpo-chart-legend{display:flex;justify-content:center;gap:28px;font-size:10px}.nm-wpo-chart-legend span:before{content:'';display:inline-block;width:16px;border-top:2px solid #0c8a49;margin-right:5px;vertical-align:middle}.nm-wpo-chart-legend span+span:before{border-color:#2865e8;border-top-style:dashed}
.nm-wpo-mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e8ee;border-radius:8px;margin-top:8px}.nm-wpo-mini-metrics>div{padding:9px 12px;border-right:1px solid #e3e8ee}.nm-wpo-mini-metrics>div:last-child{border-right:0}.nm-wpo-mini-metrics span,.nm-wpo-mini-metrics b{display:block;font-size:12px;font-weight:700}.nm-wpo-mini-metrics b{color:#0c8a49;font-size:15px}.nm-wpo-mini-metrics small{font-size:9px;color:#64748b}
.nm-wpo-action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:9px}.nm-wpo-action-grid a{border:1px solid #e1e7ed;border-radius:7px;padding:10px;text-decoration:none;color:#102a43;display:flex;flex-direction:column}.nm-wpo-action-grid b{font-size:11px}.nm-wpo-action-grid small{font-size:9px;color:#64748b;margin-top:3px}
.nm-wpo-saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.nm-wpo-saved-grid>*{border:1px dashed #cad5df;border-radius:7px;padding:10px;font-size:10px;color:#64748b}
.nm-wpo-track-row{display:grid;grid-template-columns:1fr 110px;position:relative}.nm-wpo-track-row>div:first-child{align-self:center}.nm-wpo-track-row>div:first-child em{display:block;font-style:normal;color:#0c8a49;font-weight:800;font-size:14px}.nm-wpo-track-row>div:first-child small{font-size:10px;color:#64748b}.nm-wpo-track-num{position:absolute;right:22px;top:38px;text-align:center}.nm-wpo-track-num strong{font-size:23px}.nm-wpo-track-num small{font-size:9px}.nm-wpo-track .btn,.nm-wpo-goal .btn{width:100%;justify-content:center}
.nm-wpo-goal p,.nm-wpo-strategies p{font-size:10px;color:#64748b}.nm-wpo-goal-scale{display:flex;justify-content:space-between;align-items:center}.nm-wpo-goal-scale strong{font-size:14px;color:#0c8a49}.nm-wpo-goal-bar{height:4px;background:#d7dee5;border-radius:4px;position:relative;margin:8px 0 12px}.nm-wpo-goal-bar span{position:absolute;top:-5px;width:14px;height:14px;border-radius:50%;background:#0c8a49;transform:translateX(-50%)}.nm-wpo-goal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nm-wpo-goal-stats div{text-align:center}.nm-wpo-goal-stats small{font-size:8px;display:block;color:#64748b}.nm-wpo-goal-stats b{font-size:12px;color:#0c8a49}
#wpo-strategies li{border:0;border-bottom:1px solid #edf0f3;border-radius:0;padding:7px 0}.nm-wpo-strategies .nm-view-link{font-size:10px}
.nm-wpr-status{color:#0c8a49;font-weight:700}.nm-wp-retiree-intro small{display:block;margin-top:8px;color:#64748b}.nm-wpr-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,.92fr);gap:14px}.nm-wpr-main,.nm-wpr-side{display:flex;flex-direction:column;gap:12px}.nm-wpr-kpis{grid-template-columns:repeat(3,1fr);gap:12px}.nm-wpr-kpis article{text-align:center}.nm-wpr-kpis strong{font-size:27px;color:#0c8a49}.nm-wpr-chart-card svg{width:100%;height:200px;background:repeating-linear-gradient(to bottom,transparent,transparent 47px,#edf1f4 48px)}.nm-wpr-row2{grid-template-columns:1.2fr .85fr .85fr;gap:12px}.nm-wpr-row2 article{min-height:200px}.nm-wpr-donut{width:90px;height:90px}.nm-wpr-donut::before{inset:23px}.nm-wpr-current{border:1px solid #73c695;border-radius:8px;padding:10px;margin-top:8px;display:flex;flex-direction:column}.nm-wpr-current small{color:#0c8a49;font-weight:700}.nm-wpr-current strong{font-size:18px}.nm-wpr-current span{font-size:9px;color:#64748b}.nm-wpr-current div{display:flex;justify-content:space-between;margin-top:8px;color:#0c8a49}.nm-wpr-strat-list li{padding:7px 0;border:0;border-bottom:1px solid #edf0f3;border-radius:0}.nm-wpr-next-list a{border:0;border-bottom:1px solid #edf0f3;border-radius:0;padding:9px 0}.nm-wpr-privacy{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #87a9bd;border-radius:8px;background:#fff;padding:11px 15px;margin-top:12px;font-size:10px}.nm-wpr-privacy a{color:#0c8a49;text-decoration:none;font-weight:700}
.nm-wp-global-user{display:flex;align-items:center;gap:8px}.nm-wp-global-user i{width:32px;height:32px;border-radius:50%;background:#0b3458;color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px}.nm-wp-global-user span{display:flex;flex-direction:column}.nm-wp-global-user b{font-size:11px}.nm-wp-global-user small{font-size:9px;color:#64748b}.nm-wp-global-user em{font-style:normal}.nm-wp-global-brand strong:before{content:'▦ ';color:#1745b8}
@media(max-width:1050px){.nm-wpo-grid,.nm-wpr-layout{grid-template-columns:1fr}.nm-wpo-chips{grid-template-columns:repeat(3,1fr)}.nm-wpo-action-grid{grid-template-columns:repeat(2,1fr)}}



body.nm-workplace #view-pre-retirement > .calc-container > .view-toggle-bar,
body.nm-workplace #view-pre-retirement .calc-container > .view-toggle-bar,
body.nm-workplace #view-dashboard .dashboard-container > .view-toggle-bar,
body.nm-workplace #view-dashboard .dash-container > .view-toggle-bar,
body.nm-workplace #view-post-retirement .nm-planner-section-nav {
  display:none;
}


body.nm-workplace .nm-wp-global-topbar nav,
body.nm-workplace .nm-wp-global-topbar .header-nav,
body.nm-workplace .nm-wp-global-topbar .view-toggle-bar {
  display:none;
}


body.nm-workplace #view-post-retirement .nm-planner-back {
  display:none;
}


body.nm-workplace #view-pre-retirement .calc-header,
body.nm-workplace #view-post-retirement .calc-header,
body.nm-workplace #view-dashboard .dash-header {
  margin-bottom:16px;
}



body.nm-workplace .nm-wp-brand-suffix{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#26c36a;margin-top:1px;}
body.nm-workplace .nm-wp-sidebar-footer{margin-top:auto;padding:18px 16px 14px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:8px;color:#fff;}
body.nm-workplace .nm-wp-sidebar-tenant{font-size:23px;font-weight:800;font-style:italic;letter-spacing:-.04em;color:#fff;min-height:28px;display:flex;align-items:center;}
body.nm-workplace .nm-wp-sidebar-tenant img{max-width:104px;max-height:34px;object-fit:contain;filter:brightness(0) invert(1);}
body.nm-workplace .nm-wp-sidebar-powered{font-size:11px;color:rgba(255,255,255,.78);}
body.nm-workplace .nm-wp-sidebar-copy{font-size:9px;color:rgba(255,255,255,.58);}
body.nm-workplace .nm-wp-global-brand{display:flex;align-items:center;gap:18px;min-width:340px;}
body.nm-workplace .nm-wp-global-tenant-logo{font-size:21px;font-weight:800;font-style:italic;color:#143f94;letter-spacing:-.04em;padding-right:18px;border-right:1px solid #dbe3ea;display:flex;align-items:center;min-width:74px;}
body.nm-workplace .nm-wp-global-tenant-logo img{max-width:88px;max-height:30px;object-fit:contain;}
body.nm-workplace .nm-wp-global-product{font-size:15px;font-weight:700;color:#102a43;}
body.nm-workplace .nm-wp-global-actions{position:relative;}
body.nm-workplace .nm-wp-global-bell{width:34px;height:34px;border:0;background:transparent;color:#15385f;font-size:22px;cursor:pointer;border-radius:50%;}
body.nm-workplace .nm-wp-global-bell:hover{background:#f1f5f8;}
body.nm-workplace .nm-wp-notifications{position:absolute;right:130px;top:48px;width:230px;padding:14px;background:#fff;border:1px solid #dbe3ea;border-radius:10px;box-shadow:0 12px 30px rgba(15,42,65,.16);z-index:30;}
body.nm-workplace .nm-wp-notifications strong,body.nm-workplace .nm-wp-notifications span{display:block;color:#102a43;}
body.nm-workplace .nm-wp-notifications span{margin-top:8px;font-size:12px;color:#63788d;}
body.nm-workplace #view-input-guide{padding:88px 32px 36px 250px;background:#f5f7f9;min-height:100vh;}
body.nm-workplace .nm-wp-input-guide{max-width:1120px;margin:0 auto;}
body.nm-workplace .nm-wp-ig-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;}
body.nm-workplace .nm-wp-ig-header h1{font-size:30px;margin:4px 0 6px;color:#102a43;}
body.nm-workplace .nm-wp-ig-header p{max-width:680px;color:#60758a;margin:0;}
body.nm-workplace .nm-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#0c8a49;}
body.nm-workplace .nm-wp-ig-progress{background:#fff;border:1px solid #dfe6ec;border-radius:11px;padding:16px 18px;margin-bottom:14px;}
body.nm-workplace .nm-wp-ig-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
body.nm-workplace .nm-wp-ig-progress span{font-size:11px;color:#60758a;}
body.nm-workplace .nm-wp-ig-progress b{color:#102a43;}
body.nm-workplace .nm-wp-ig-track{height:6px;background:#edf1f4;border-radius:9px;overflow:hidden;}
body.nm-workplace .nm-wp-ig-track span{display:block;height:100%;background:#0c8a49;border-radius:9px;transition:width .2s ease;}
body.nm-workplace .nm-wp-ig-fields{background:#fff;border:1px solid #dfe6ec;border-radius:11px;overflow:hidden;}
body.nm-workplace .nm-wp-ig-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,420px);gap:28px;align-items:center;padding:17px 20px;border-bottom:1px solid #edf1f4;}
body.nm-workplace .nm-wp-ig-row:last-child{border-bottom:0;}
body.nm-workplace .nm-wp-ig-row strong{display:block;color:#102a43;font-size:14px;}
body.nm-workplace .nm-wp-ig-row small{display:block;margin-top:4px;color:#718497;font-size:11px;}
body.nm-workplace .nm-wp-ig-field input,body.nm-workplace .nm-wp-ig-field select{width:100%;height:42px;border:1px solid #ccd7e0;border-radius:7px;padding:0 12px;background:#fff;}
body.nm-workplace .nm-wp-ig-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;background:#fff;border:1px solid #dfe6ec;border-radius:11px;padding:14px 18px;}
body.nm-workplace .nm-wp-ig-footer p{margin:0;color:#718497;font-size:11px;}
@media(max-width:900px){body.nm-workplace #view-input-guide{padding:80px 16px 28px}.nm-wp-ig-row{grid-template-columns:1fr}.nm-wp-ig-header{flex-direction:column}.nm-wp-ig-footer p{display:none}}



body.nm-workplace .nm-wp-brand-suffix{display:block;margin-left:38px;margin-top:-4px;font-size:10px;line-height:1;letter-spacing:.22em;text-transform:uppercase;color:#39d071;}
body.nm-workplace .nm-wp-global-bell{position:relative;display:inline-grid;place-items:center;font-size:0;}
body.nm-workplace .nm-wp-global-bell .nm-ui-icon{width:20px;height:20px;display:inline-flex;}
body.nm-workplace .nm-wp-bell-badge{position:absolute;right:0;top:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#0c8a49;color:#fff;font-size:9px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px #fff;}
body.nm-workplace .nm-wp-hero-image{height:116px;align-items:center;background-position:center;background-size:cover;background-repeat:no-repeat;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-retiree-hero{background-image:linear-gradient(90deg,rgba(4,24,42,.67),rgba(4,24,42,.08) 58%,rgba(4,24,42,.30)),url('img/wp-hero-retiree.jpg');}
body.nm-workplace .nm-wp-hero-image:after{display:none;}
body.nm-workplace .nm-wp-hero-cta{position:absolute;right:16px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#123b6c;color:#fff;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.18);}
body.nm-workplace .nm-wp-hero-cta:hover{background:#0b2e58;transform:translateY(-1px);}
body.nm-workplace #site-footer{display:none;}
body.nm-workplace .nm-wpr-meta{margin:10px 0 0;color:#64788e;font-size:12px;}
body.nm-workplace .nm-wpr-plan-tools{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:-2px 0 12px;color:#65798c;font-size:12px;}
body.nm-workplace .nm-wpr-plan-tools .btn{display:inline-flex;align-items:center;gap:7px;}
body.nm-workplace .nm-wp-sidebar-copy{display:none;}
body.nm-workplace .nm-wp-disclosures-link{width:max-content;padding:0;border:0;background:transparent;color:rgba(255,255,255,.72);font-size:10px;text-decoration:underline;cursor:pointer;}
body.nm-workplace .nm-wp-disclosures-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(6,24,42,.56);}
body.nm-workplace .nm-wp-disclosures-card{position:relative;width:min(620px,100%);padding:28px;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25);color:#17324d;}
body.nm-workplace .nm-wp-disclosures-card h2{margin:0 0 12px;font-size:22px;}
body.nm-workplace .nm-wp-disclosures-card p{margin:0;color:#5d7185;line-height:1.65;font-size:13px;}
body.nm-workplace .nm-wp-disclosures-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#60758a;font-size:26px;cursor:pointer;}



body.nm-workplace #view-workspace{padding:64px 0 0 220px;background:var(--wp-bg);min-height:100vh;}
body.nm-workplace #view-workspace .nm-dash-shell{display:block;max-width:none;width:100%;min-height:calc(100vh - 64px);margin:0;border:0;border-radius:0;box-shadow:none;background:var(--wp-bg);overflow:visible;}
body.nm-workplace #view-workspace .nm-dash-sidebar{display:none;}
body.nm-workplace #view-workspace .nm-dash-main{padding:22px 28px 34px;max-width:1600px;margin:0 auto;}
body.nm-workplace #view-workspace .nm-dash-head{display:none;}
/* v149.562 — retire the consumer overview bottom band (Spending & Withdrawals
 * by Age, Taxes by Age, Recent Plans) in workplace mode, both personas. Each
 * persona already reaches richer dedicated destinations from the workplace
 * sidebar, and this band's empty-state copy plus its "View all plans" link
 * point at consumer products that do not exist in the workplace nav.
 *
 * SPECIFICITY IS LOAD-BEARING — do not "simplify" this selector. app.css has
 *   #view-workspace.nm-ws-stage-growth:not(.nm-ws-stated) .nm-dash-bottom
 *   { display: contents }            -> [1,3,0]
 * The neighbouring .nm-dash-head shape (body.nm-workplace #view-workspace X)
 * is only [1,2,1] and would LOSE. The [data-wp-shell] qualifier buys the third
 * class -> [1,3,1]. Drop it and the band silently comes back.
 *
 * That is precisely how the previous attempt failed: the per-persona
 *   body[data-wp-shell="…"] .nm-ws-charts-col { display: none }
 * entries were [0,2,1] against app.css's #view-workspace .nm-ws-charts-col
 * [1,1,0], so they looked like they retired the charts column and never did.
 * Those entries are removed rather than repaired — .nm-ws-charts-col is this
 * band's only chart container (one occurrence in index.html) and is retired
 * with its parent, so a separate rule would be redundant.
 *
 * Consumer is untouched: the body.nm-workplace scope keeps this off
 * nestmint.ai. Verified in Chromium in both shells; guarded by
 * tests/v149.542-design-audit.spec.js B2/B3. */
body.nm-workplace[data-wp-shell] #view-workspace .nm-dash-bottom{display:none;}
body.nm-workplace .nm-wp-global-sidebar{background:var(--wp-navy);border-right:0;}
body.nm-workplace .nm-wp-global-topbar{box-shadow:none;}
body.nm-workplace .view.active:not(#view-welcome){border:0;border-radius:0;box-shadow:none;}
body.nm-workplace .view.active:not(#view-welcome) > :is(.calc-container,.container,.dashboard-container,.wz-shell,.nm-wp-page){border:0;border-radius:0;box-shadow:none;}

body.nm-workplace #view-input-guide{padding:86px 28px 34px 248px;}
body.nm-workplace .nm-wp-input-guide{max-width:1040px;}
body.nm-workplace .nm-wp-ig-header{margin-bottom:14px;}
body.nm-workplace .nm-wp-ig-header h1{font-size:28px;letter-spacing:-.035em;}
body.nm-workplace .nm-wp-ig-header p{font-size:13px;}
body.nm-workplace .nm-wp-ig-progress{padding:14px 16px 12px;}
body.nm-workplace .nm-wp-ig-progress-head{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:start;margin-bottom:10px;}
body.nm-workplace .nm-wp-ig-progress-head>div{display:flex;flex-direction:column;gap:2px;}
body.nm-workplace .nm-wp-ig-progress-head b{font-size:15px;}
body.nm-workplace .nm-wp-ig-progress-head small{color:var(--wp-muted);font-size:11px;}
body.nm-workplace .nm-wp-ig-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px;}
body.nm-workplace .nm-wp-ig-step{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:#6b7d90;text-align:left;cursor:pointer;}
body.nm-workplace .nm-wp-ig-step:hover{background:#f3f7f5;color:var(--wp-ink);}
body.nm-workplace .nm-wp-ig-step i{width:20px;height:20px;flex:0 0 20px;border:1px solid #cdd7df;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800;}
body.nm-workplace .nm-wp-ig-step span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;}
body.nm-workplace .nm-wp-ig-step.active{background:var(--wp-green-soft);color:var(--wp-green);}
body.nm-workplace .nm-wp-ig-step.active i,body.nm-workplace .nm-wp-ig-step.complete i{border-color:var(--wp-green);background:var(--wp-green);color:#fff;}
body.nm-workplace .nm-wp-ig-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:10px;}
body.nm-workplace .nm-wp-ig-row{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:15px 17px;min-height:112px;border-bottom:1px solid #edf1f4;}
body.nm-workplace .nm-wp-ig-row:nth-child(odd){border-right:1px solid #edf1f4;}
body.nm-workplace .nm-wp-ig-row strong{font-size:13px;}
body.nm-workplace .nm-wp-ig-row small{min-height:26px;line-height:1.35;}
body.nm-workplace .nm-wp-ig-field input,body.nm-workplace .nm-wp-ig-field select{height:40px;}
body.nm-workplace .nm-wp-ig-footer{padding:12px 16px;}
body.nm-workplace .nm-wp-ig-footer p{font-size:10px;}
@media(max-width:980px){body.nm-workplace #view-workspace{padding-left:0;}body.nm-workplace #view-input-guide{padding-left:18px;}.nm-wp-ig-steps{grid-template-columns:1fr 1fr}.nm-wp-ig-fields{grid-template-columns:1fr}.nm-wp-ig-row:nth-child(odd){border-right:0}}



body.nm-workplace .nm-wp-overview-intro{
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);
  gap:24px;
  align-items:stretch;
  min-width:0;
}
body.nm-workplace .nm-wp-overview-intro>div{min-width:0;}
body.nm-workplace .nm-wp-overview-intro>div:first-child{align-self:center;}
body.nm-workplace .nm-wp-overview-intro p{max-width:46ch;min-width:0;}
body.nm-workplace .nm-wp-hero-image{position:relative;min-width:0;width:100%;overflow:hidden;}
body.nm-workplace .nm-wpo-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-width:0;}
body.nm-workplace .nm-wpo-main,body.nm-workplace .nm-wpo-side,body.nm-workplace .nm-panel{min-width:0;}
body.nm-workplace .nm-wpo-mini-metrics{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;}
body.nm-workplace .nm-wpo-mini-metrics>div{min-width:0;overflow:hidden;}
body.nm-workplace .nm-wpo-mini-metrics span,body.nm-workplace .nm-wpo-mini-metrics b,body.nm-workplace .nm-wpo-mini-metrics small{overflow-wrap:anywhere;}
body.nm-workplace .nm-wpo-track-facts dd{min-width:0;overflow-wrap:anywhere;text-align:right;}
body.nm-workplace .nm-wp-global-topbar{min-width:0;overflow:visible;}
body.nm-workplace .nm-wp-global-brand{min-width:0;flex:1 1 auto;overflow:hidden;}
body.nm-workplace .nm-wp-global-tenant-logo{flex:0 0 auto;}
body.nm-workplace .nm-wp-global-product{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.nm-workplace .nm-wp-global-actions{display:flex;flex:0 0 auto;align-items:center;gap:12px;white-space:nowrap;}
body.nm-workplace .nm-wp-global-privacy{display:inline-flex;}
body.nm-workplace .nm-wp-global-bell,body.nm-workplace .nm-wp-global-actions>a[aria-label="Help"],body.nm-workplace .nm-wp-global-user{display:inline-flex;}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-brand-suffix{display:block;margin:2px 0 0 38px;color:#39d071;font-size:10px;line-height:1;letter-spacing:.22em;text-transform:uppercase;}
@media(max-width:1280px){
  body.nm-workplace .nm-wp-overview-intro{grid-template-columns:minmax(230px,.72fr) minmax(320px,1.28fr);gap:18px;}
  body.nm-workplace .nm-wpo-grid{grid-template-columns:minmax(0,1fr) minmax(270px,310px);}
  body.nm-workplace .nm-wpo-mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.nm-workplace .nm-wpo-mini-metrics>div:nth-child(2){border-right:0;}
  body.nm-workplace .nm-wpo-mini-metrics>div:nth-child(-n+2){border-bottom:1px solid #e3e8ee;}
  body.nm-workplace .nm-wp-global-actions{gap:9px;}
  body.nm-workplace .nm-wp-global-privacy{font-size:11px;}
}
@media(max-width:1050px){
  body.nm-workplace .nm-wp-overview-intro{grid-template-columns:1fr;}
  body.nm-workplace .nm-wp-hero-image{min-height:126px;}
  body.nm-workplace .nm-wpo-grid{grid-template-columns:1fr;}
}
@media(max-width:900px){
  body.nm-workplace .nm-wp-global-privacy{display:none;}
  body.nm-workplace .nm-wp-global-user span{display:none;}
}


body.nm-workplace{
  --wp-sidebar-w:188px;
  --wp-header-h:66px;
}
body.nm-workplace .nm-wp-global-sidebar{width:var(--wp-sidebar-w);}
body.nm-workplace .nm-wp-global-topbar{left:var(--wp-sidebar-w);height:var(--wp-header-h);padding:0 24px;}
body.nm-workplace .view.active{margin-left:var(--wp-sidebar-w);padding-top:var(--wp-header-h);}
body.nm-workplace #view-workspace .nm-dash-main{max-width:none;width:100%;padding:18px 24px 28px;margin:0;overflow:visible;}
body.nm-workplace .nm-wp-overview-page{max-width:1320px;margin:0 auto;box-sizing:border-box;}
body.nm-workplace .nm-panel{border:1px solid #e2e8ee;border-radius:8px;box-shadow:none;background:#fff;}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-brand{display:block;padding:18px 16px 14px;line-height:1;}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-brand-suffix{display:block;margin:5px 0 0 32px;color:#39d071;font-size:9px;font-weight:800;letter-spacing:.22em;}
body.nm-workplace .nm-wp-global-topbar .nm-wp-global-actions{display:flex;align-items:center;gap:14px;white-space:nowrap;}
body.nm-workplace .nm-wp-global-topbar .nm-wp-global-product{min-width:0;display:flex;align-items:center;gap:18px;}


body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wpo-grid{display:contents;}
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-main{grid-area:main;display:flex;flex-direction:column;gap:14px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-side{grid-area:side;display:flex;flex-direction:column;gap:14px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-hero-image{height:116px;min-width:0;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;padding:18px;box-sizing:border-box;}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-hero-image strong{font-size:16px;line-height:1.28;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-snapshot{padding:14px 16px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:10px 0 6px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips li{min-width:0;padding:0 10px;border-right:1px solid #e5eaef;text-align:center;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips li:last-child{border-right:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected{padding:15px 16px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected-body{display:grid;grid-template-columns:205px minmax(0,1fr);gap:18px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures{min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures strong{font-size:24px;line-height:1.15;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures b{font-size:14px;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chart-wrap{min-width:0;overflow:hidden;}
body.nm-workplace[data-wp-shell="employee"] #wpo-chart{height:205px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:10px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics>div{min-width:0;padding:10px 12px;border-right:1px solid #e5eaef;overflow:hidden;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics>div:last-child{border-right:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics span{font-size:11px;line-height:1.25;overflow-wrap:normal;word-break:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics b{font-size:16px;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics small{font-size:9px;line-height:1.3;word-break:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid a{min-width:0;padding:12px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track{padding:16px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-row{position:relative;min-height:112px;display:grid;grid-template-columns:1fr 132px;align-items:center;gap:8px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-ring{width:132px;height:82px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-num{right:19px;top:47px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-num strong{font-size:25px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-facts dd{font-size:13px;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal,
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-strategies{padding:15px 16px;}


body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview{display:block;}
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview>.nm-wp-overview-intro{
  display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.45fr);gap:24px;align-items:center;margin:0 0 12px;min-width:0;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-hero-image{height:114px;min-width:0;overflow:hidden;border-radius:8px;background-size:cover;background-position:center;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-plan-tools{margin:0 0 10px;min-height:34px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;min-width:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-main,
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-side{min-width:0;gap:14px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis article{min-width:0;padding:16px 12px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis strong{font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-card{padding:15px;overflow:hidden;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-card svg{height:205px;min-width:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2{display:grid;grid-template-columns:1.25fr .82fr .82fr;gap:12px;min-width:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 article{min-width:0;padding:15px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat,
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next{padding:15px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-privacy{margin-top:14px;}


@media(max-width:1220px){
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview{grid-template-columns:minmax(0,1fr) 290px;}
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro{grid-template-columns:minmax(220px,.72fr) minmax(360px,1.28fr);gap:16px;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips strong{font-size:15px;}
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-layout{grid-template-columns:minmax(0,1fr) 310px;}
}
@media(max-width:1080px){
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview{grid-template-columns:1fr;grid-template-areas:"intro" "side" "main";}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-strategies{grid-column:1/-1;}
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-layout{grid-template-columns:1fr;}
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  body.nm-workplace .nm-wp-global-topbar{left:0;}
  body.nm-workplace .view.active{margin-left:0;}
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview>.nm-wp-overview-intro{grid-template-columns:1fr;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected-body{grid-template-columns:1fr;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-side,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-side,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2{grid-template-columns:1fr;}
}


body.nm-workplace{
  --wp-sidebar-w:clamp(186px,12.9vw,205px);
  --wp-header-h:68px;
  --wp-navy:#042b4a;
  --wp-navy-deep:#03243f;
  --wp-green:#0a9b4f;
  --wp-green-bright:#35c765;
  --wp-ink:#0a2450;
  --wp-muted:#61738e;
  --wp-line:#dfe6ed;
  --wp-soft:#f7fafc;
  background:#fff;
  color:var(--wp-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
body.nm-workplace .nm-wp-global-sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--wp-sidebar-w);
  min-height:100vh;box-sizing:border-box;padding:0 14px 14px;
  display:flex;flex-direction:column;background:linear-gradient(180deg,#042e50 0%,#03233e 100%);
  border:0;border-radius:0;box-shadow:none;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent;z-index:1200;
}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-brand{
  height:72px;min-height:72px;margin:0;padding:9px 4px 7px;
  display:flex;align-items:center;justify-content:flex-start;background:transparent;
}
body.nm-workplace .nm-wp-sidebar-lockup{display:block;width:min(160px,100%);height:auto;object-fit:contain;}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-nav{display:flex;flex-direction:column;gap:2px;min-height:0;}
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;}
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section-label{
  display:block;margin:12px 6px 5px;color:#39d06e;font-size:9.5px;
  line-height:1.2;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-nav>a,
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section>a,
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section>button{
  min-height:38px;box-sizing:border-box;margin:0;padding:8px 9px;
  display:flex;align-items:center;gap:10px;border:0;border-radius:6px;
  background:transparent;color:#fff;text-align:left;text-decoration:none;
  font:600 12.5px/1.25 Inter,"Segoe UI",Arial,sans-serif;white-space:normal;cursor:pointer;
}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-nav>a:hover,
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section>a:hover,
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section>button:hover{background:rgba(255,255,255,.07);}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-nav>a.active,
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section>a.active,
body.nm-workplace .nm-wp-global-sidebar .nm-nav-section>button.active{
  color:#fff;background:linear-gradient(90deg,#0b9f50,#0f9c4e);box-shadow:none;
}
body.nm-workplace .nm-wp-global-sidebar .nm-ui-icon{width:18px;height:18px;min-width:18px;color:#eef5fb;opacity:.95;}
body.nm-workplace .nm-wp-global-sidebar .active .nm-ui-icon{color:#fff;}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-help{
  margin:14px 0 0;padding:14px 14px 13px;min-height:130px;box-sizing:border-box;
  border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(255,255,255,.055);color:#fff;
}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-help strong{margin:0 0 8px;color:#fff;font-size:11px;line-height:1.45;}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-help p{margin:0 0 11px;color:#e5eef7;font-size:9.5px;line-height:1.55;}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-help a,
body.nm-workplace .nm-wp-global-sidebar .nm-dash-help .nm-dash-help-button{
  display:flex;align-items:center;justify-content:center;height:30px;border:0;border-radius:4px;
  background:#164f7b;color:#fff;font-size:10px;font-weight:800;text-decoration:none;
}
body.nm-workplace .nm-wp-global-sidebar .nm-dash-help>span{display:none;}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-footer{
  margin-top:auto;padding:15px 4px 0;display:flex;flex-direction:column;align-items:center;gap:9px;color:#fff;
}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-tenant img{display:block;width:88px;height:auto;filter:none;}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-powered{font-size:10px;color:#fff;opacity:.95;}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-powered:before{content:"♧";color:#36d06f;margin-right:4px;}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-disclosures-link{display:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-global-sidebar .nm-wp-sidebar-powered{font-size:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-global-sidebar .nm-wp-sidebar-powered:before{content:"© 2025 NestMint, Inc.";font-size:9px;color:#fff;margin:0;opacity:.85;}

body.nm-workplace .nm-wp-global-topbar{
  position:fixed;left:var(--wp-sidebar-w);right:0;top:0;height:var(--wp-header-h);
  box-sizing:border-box;padding:0 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;
  background:#fff;border:0;border-bottom:1px solid #e8edf2;box-shadow:none;z-index:1190;overflow:visible;
}
body.nm-workplace .nm-wp-global-brand{display:flex;align-items:center;min-width:0;height:100%;gap:18px;overflow:hidden;}
body.nm-workplace .nm-wp-global-tenant-logo{display:flex;align-items:center;flex:0 0 auto;font-size:23px;font-style:italic;font-weight:900;color:#1239bf;}
body.nm-workplace .nm-wp-global-tenant-logo img{display:block;width:92px;height:auto;max-height:46px;object-fit:contain;}
body.nm-workplace .nm-wp-global-divider{display:block;width:1px;height:34px;background:#dfe4ea;flex:0 0 auto;}
body.nm-workplace .nm-wp-global-product{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#071c44;font-size:15px;font-weight:800;}
body.nm-workplace .nm-wp-global-actions{display:flex;align-items:center;gap:12px;height:100%;white-space:nowrap;}
body.nm-workplace .nm-wp-global-privacy{display:flex;align-items:center;gap:8px;color:#15305b;text-decoration:none;font-size:11px;font-weight:600;}
body.nm-workplace .nm-wp-global-privacy .nm-ui-icon{width:16px;height:16px;color:#0aa056;}
body.nm-workplace .nm-wp-global-privacy em{font-style:normal;color:#0b244b;font-size:12px;margin-left:3px;}
body.nm-workplace .nm-wp-global-separator{display:block;width:1px;height:30px;background:#e2e7ec;}
body.nm-workplace .nm-wp-global-help,
body.nm-workplace .nm-wp-global-bell{position:relative;width:34px;height:34px;display:grid;place-items:center;box-sizing:border-box;border:0;background:#fff;color:#0a2c60;text-decoration:none;font-size:18px;line-height:1;}
body.nm-workplace .nm-wp-global-help{border:1.5px solid #31558d;border-radius:50%;font-size:15px;font-weight:700;}
body.nm-workplace .nm-wp-global-bell .nm-ui-icon{width:20px;height:20px;color:#173b6d;}
body.nm-workplace .nm-wp-bell-badge{position:absolute;right:-1px;top:-2px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border:2px solid #fff;border-radius:10px;background:#07964d;color:#fff;font-size:8px;font-weight:900;line-height:13px;text-align:center;}
body.nm-workplace .nm-wp-global-user{display:grid;grid-template-columns:34px auto 12px;align-items:center;column-gap:9px;color:#071e48;text-decoration:none;}
body.nm-workplace .nm-wp-global-user>i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#072b58;color:#fff;font-style:normal;font-size:10px;font-weight:800;}
body.nm-workplace .nm-wp-global-user>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;}
body.nm-workplace .nm-wp-global-user b{font-size:11px;color:#071e48;}
body.nm-workplace .nm-wp-global-user small{font-size:9px;color:#64758d;}
body.nm-workplace .nm-wp-global-user em{font-style:normal;color:#071e48;font-size:12px;}

body.nm-workplace .view.active{margin-left:var(--wp-sidebar-w);padding-top:var(--wp-header-h);min-height:100vh;box-sizing:border-box;background:#fff;}
body.nm-workplace #view-workspace{padding-left:0;}
body.nm-workplace #view-workspace .nm-dash-shell{display:block;max-width:none;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible;}
body.nm-workplace #view-workspace .nm-dash-sidebar{display:none;}
body.nm-workplace #view-workspace .nm-dash-main{width:100%;max-width:none;margin:0;padding:20px 24px 24px;box-sizing:border-box;background:#fff;overflow:visible;}
body.nm-workplace [data-nm-wp-retired]{display:none;}
body.nm-workplace .nm-wp-overview-page{box-sizing:border-box;margin:0 auto;color:#0a2450;}
body.nm-workplace .nm-panel{box-sizing:border-box;margin:0;border:1px solid #e2e8ee;border-radius:7px;background:#fff;box-shadow:none;overflow:hidden;}
body.nm-workplace .nm-panel h2{margin:0;color:#091f47;font-size:13px;line-height:1.3;font-weight:800;}
body.nm-workplace .nm-wp-info{display:inline-grid;place-items:center;width:11px;height:11px;border:1px solid #91a0b5;border-radius:50%;color:#6e7e94;font:700 7px/1 Arial;vertical-align:2px;}
body.nm-workplace .nm-view-link{margin:0;color:#079449;font-size:10px;font-weight:800;text-decoration:none;}
body.nm-workplace .btn.btn-ghost{box-shadow:none;}


body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview{
  /* Sole owner of the employee overview canvas. Width/centering was previously
     declared in a separate later section, and the rail width and gaps were
     spread over three unconditional generations whose winner depended purely on
     source order. Responsive rail widths live in the @media blocks below. */
  width:100%;
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 384px;
  grid-template-areas:"intro rail" "main rail";
  column-gap:20px;
  row-gap:14px;
  align-items:start;
}
/* Greeting must wrap. white-space:nowrap made its min-content width
   unshrinkable, which is what starved the hero column. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-overview-intro h1{
  /* white-space must stay normal: nowrap made the greeting's min-content width
     unshrinkable, which is what starved the hero column. */
  margin:0 0 10px;
  color:#0a2450;
  font-size:30px;
  line-height:1.06;
  letter-spacing:-.035em;
  font-weight:800;
  white-space:normal;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-overview-intro p{
  margin:0;
  max-width:36ch;
  color:#1c3d67;
  font-size:14px;
  line-height:1.55;
}
/* Employee hero layout contract.
   The copy and the CTA are laid out in normal flow inside this element, which
   is also the element that clips (overflow:hidden). Two consequences are
   structural rather than tuned: the copy's inline start edge IS the padding
   edge, so it can never be clipped at the left; and the CTA occupies its own
   row, so it can never overlap the copy at any viewport width. Earlier
   generations pinned the copy at left:22px/top:43px and floated the CTA over
   it absolutely, which collided with the second line between 1161-1280px. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-employee-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,45,.72),rgba(3,24,45,.14) 62%,rgba(3,24,45,.35));}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-employee-hero strong{position:relative;z-index:1;color:#fff;font-size:15px;line-height:1.25;font-weight:800;max-width:100%;min-width:0;overflow-wrap:anywhere;}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-employee-hero .nm-wp-hero-cta{position:relative;right:auto;bottom:auto;align-self:flex-end;flex:0 0 auto;margin-top:auto;max-width:100%;}
body.nm-workplace .nm-wp-hero-cta{position:absolute;z-index:2;right:16px;bottom:13px;height:34px;padding:0 16px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.32);border-radius:5px;background:#073568;color:#fff;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.22);}
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wpo-grid{display:contents;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-main{grid-area:main;display:grid;grid-template-columns:1fr;gap:12px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-side{grid-area:rail;display:grid;grid-template-columns:1fr;gap:12px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-snapshot{min-height:164px;padding:16px 18px 12px;}
body.nm-workplace .nm-wpo-snapshot header,
body.nm-workplace .nm-wpo-goal header,
body.nm-workplace .nm-wpo-strategies header,
body.nm-workplace .nm-wpo-saved header{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:17px 0 11px;padding:0;list-style:none;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips li{min-width:0;padding:0 11px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-right:1px solid #e4e9ee;text-align:center;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips li:last-child{border-right:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips i{width:20px;height:20px;margin:0 0 7px;color:#079d50;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips strong{display:block;max-width:100%;color:#071d46;font-size:16px;line-height:1.15;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips small{display:block;margin-top:5px;color:#324f76;font-size:9px;line-height:1.25;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-all-inputs{color:#078e47;font-size:10px;font-weight:800;text-decoration:none;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected{min-height:356px;padding:16px 18px 10px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected-body{display:grid;grid-template-columns:222px minmax(0,1fr);gap:18px;margin-top:18px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures{display:flex;flex-direction:column;gap:15px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures>div{min-width:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures small{display:block;color:#17355f;font-size:10px;line-height:1.35;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures strong{display:block;margin-top:3px;color:#06954a;font-size:24px;line-height:1.1;font-weight:800;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures em{display:block;margin-top:3px;color:#17355f;font-size:9px;font-style:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-figures b{display:block;margin-top:3px;color:#071d46;font-size:13px;line-height:1.2;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chart-wrap{min-width:0;position:relative;overflow:visible;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chart-legend{height:20px;display:flex;justify-content:center;gap:70px;color:#17355f;font-size:9px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chart-legend span:before{content:"";display:inline-block;width:13px;height:2px;margin-right:6px;vertical-align:3px;background:#07984c;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chart-legend span+span:before{background:#2c55ee;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chart-stage{position:relative;height:218px;padding:0 8px 24px 42px;box-sizing:border-box;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] #wpo-chart{display:block;width:100%;height:188px;overflow:visible;}
body.nm-workplace .nm-wpo-gridlines line,
body.nm-workplace .nm-wpr-gridlines line{stroke:#e8edf1;stroke-width:1;}
body.nm-workplace .nm-wpo-yaxis,
body.nm-workplace .nm-wpr-yaxis{position:absolute;left:0;top:0;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;color:#304e74;font-size:8px;}
body.nm-workplace .nm-wpo-xaxis,
body.nm-workplace .nm-wpr-xaxis{position:absolute;left:42px;right:8px;bottom:3px;display:flex;justify-content:space-between;color:#304e74;font-size:8px;}
body.nm-workplace .nm-wpo-chart-callout{position:absolute;right:4px;top:60px;width:116px;padding:11px 12px;box-sizing:border-box;border:1px solid #e5ebef;border-radius:6px;background:rgba(255,255,255,.96);box-shadow:0 4px 16px rgba(25,56,88,.08);}
body.nm-workplace .nm-wpo-chart-callout strong{display:block;margin-bottom:6px;color:#10284e;font-size:10px;}
body.nm-workplace .nm-wpo-chart-callout small{display:block;color:#395675;font-size:8px;}
body.nm-workplace .nm-wpo-chart-callout b{display:block;margin:1px 0 5px;color:#0a9a4f;font-size:9px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:1px 0 0 184px;border:1px solid #e2e8ee;border-radius:7px;overflow:hidden;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics>div{min-height:64px;padding:10px 13px;box-sizing:border-box;border-right:1px solid #e2e8ee;overflow:hidden;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics>div:last-child{border-right:0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics span{display:block;color:#09224b;font-size:9px;line-height:1.2;font-weight:800;word-break:normal;overflow-wrap:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics b{display:block;margin-top:3px;color:#07964c;font-size:13px;line-height:1.1;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics small{display:block;margin-top:2px;color:#4f6380;font-size:8px;line-height:1.2;word-break:normal;overflow-wrap:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-actions{min-height:116px;padding:14px 16px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid a{position:relative;min-width:0;min-height:65px;padding:9px 20px 8px 42px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border:1px solid #e2e8ee;border-radius:6px;background:#fff;color:#09224b;text-decoration:none;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid i{position:absolute;left:12px;top:14px;width:20px;height:20px;color:#079c4f;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid b{font-size:9px;line-height:1.2;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid small{margin-top:4px;color:#536981;font-size:8px;line-height:1.2;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid em{position:absolute;right:8px;bottom:6px;color:#079c4f;font-size:12px;font-style:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved{min-height:82px;padding:11px 16px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:9px;margin-top:8px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved-grid>a{position:relative;min-height:37px;padding:7px 24px 6px 10px;box-sizing:border-box;border:1px solid #dfe5eb;border-radius:5px;color:#0a2450;text-decoration:none;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved-grid>a.active{border-color:#0ca052;background:#f7fffa;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved-grid b{display:block;font-size:9px;line-height:1.15;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved-grid small{display:block;margin-top:2px;color:#5b708a;font-size:7.5px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved-grid em{position:absolute;right:8px;top:10px;color:#079b4e;font-style:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved-grid .create{display:grid;place-items:center;padding:0;border-style:dashed;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track{min-height:292px;padding:17px 18px 14px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-row{position:relative;display:grid;grid-template-columns:1fr 144px;align-items:center;gap:8px;min-height:105px;margin-top:5px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-row>div:first-child{align-self:center;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-row em{display:block;color:#07984c;font-size:13px;font-weight:800;font-style:normal;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-row small{display:block;margin-top:8px;max-width:140px;color:#29496e;font-size:9px;line-height:1.45;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-ring{width:144px;height:88px;overflow:visible;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-num{position:absolute;right:33px;top:54px;width:85px;text-align:center;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-num strong{display:block;color:#0a2450;font-size:25px;line-height:1;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-num small{margin:3px 0 0;max-width:none;font-size:8px;text-align:center;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-facts{margin:4px 0 10px;padding:7px 0 5px;border-top:1px solid #e3e8ed;border-bottom:1px solid #e3e8ed;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-facts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:5px 0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-facts dt{color:#17355f;font-size:9px;line-height:1.25;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track-facts dd{margin:0;color:#071d46;font-size:11px;font-weight:800;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-track>.btn{width:100%;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #2cb36b;border-radius:4px;background:#fff;color:#078c47;font-size:10px;font-weight:800;text-decoration:none;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal{min-height:242px;padding:17px 18px 14px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal header>a{color:#102d58;font-size:9px;text-decoration:underline;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal p{margin:7px 0 12px;color:#29496e;font-size:9px;line-height:1.35;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal label{display:block;margin-bottom:8px;color:#1a3962;font-size:9px;font-weight:700;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-scale{display:flex;align-items:center;justify-content:space-between;margin:0;color:#17355f;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-scale small{font-size:8px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-scale strong{color:#07984c;font-size:12px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-bar{position:relative;height:3px;margin:10px 0 13px;background:#cfd9e0;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-bar span{position:absolute;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);border-radius:50%;background:#07994c;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:11px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-stats small{display:block;color:#4f6480;font-size:7.5px;line-height:1.25;text-align:center;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal-stats b{display:block;margin-top:3px;color:#07984c;font-size:11px;text-align:center;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal>.btn{width:100%;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #2cb36b;border-radius:4px;background:#fff;color:#078c47;font-size:9px;font-weight:800;text-decoration:none;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-strategies{min-height:326px;padding:17px 18px 14px;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-strategies>p{margin:8px 0 12px;color:#29496e;font-size:9px;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies{margin:0;padding:0;list-style:none;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies li{display:grid;grid-template-columns:minmax(0,1fr) auto 44px 32px;align-items:center;gap:8px;min-height:36px;border-bottom:1px solid #eef1f4;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies span{min-width:0;color:#16365f;font-size:8.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies b{color:#071d46;font-size:9px;white-space:nowrap;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies i{display:block;width:42px;height:4px;border-radius:3px;background:#07994c;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies em{color:#07994c;font-size:9px;font-style:normal;font-weight:800;text-align:right;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies em.is-warning{color:#e2a300;}
body.nm-workplace[data-wp-shell="employee"] #wpo-strategies li:last-child i{background:#e2a300;}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-strategies>.nm-view-link:last-child{display:block;margin-top:12px;}


body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview{display:block;width:100%;max-width:1172px;}
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview>.nm-wp-overview-intro{display:grid;grid-template-columns:446px minmax(0,1fr);align-items:center;gap:24px;height:114px;margin:0 0 14px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-retiree-intro h1{margin:0 0 9px;color:#0a2450;font-size:29px;line-height:1.1;letter-spacing:-.035em;font-weight:800;white-space:nowrap;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-status{margin:0;color:#079b4e;font-size:12px;font-weight:700;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-status span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#079b4e;color:#fff;font-size:11px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-meta{margin:14px 0 0;color:#4b6282;font-size:9px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-retiree-hero{position:relative;height:114px;padding:0;border-radius:7px;overflow:hidden;background:url("img/wp-hero-retiree.jpg") center/cover no-repeat;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-retiree-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,45,.72),rgba(3,24,45,.08) 62%,rgba(3,24,45,.26));}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-retiree-hero strong{position:absolute;z-index:1;left:20px;top:44px;color:#fff;font-size:15px;line-height:1.28;font-weight:800;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-localbar{height:48px;box-sizing:border-box;margin:0 0 12px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8ee;border-radius:7px;background:#fff;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-localtabs{display:flex;align-items:stretch;height:100%;gap:13px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-localtabs button{position:relative;height:100%;padding:0 5px;border:0;background:transparent;color:#3d5980;font-size:9px;font-weight:600;cursor:pointer;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-localtabs button.active{color:#07994d;font-weight:800;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-localtabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#07994d;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-plan-tools{display:flex;align-items:center;gap:16px;margin:0;min-height:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-plan-tools>span{color:#4b6282;font-size:9px;white-space:nowrap;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-plan-tools>a{height:29px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid #d8e0e8;border-radius:4px;background:#fff;color:#18365e;font-size:9px;font-weight:800;text-decoration:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-plan-tools .nm-ui-icon{width:14px;height:14px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-layout{display:grid;grid-template-columns:minmax(0,1fr) 398px;gap:14px;align-items:start;min-width:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-main,
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-side{display:grid;grid-template-columns:1fr;gap:12px;min-width:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis article{height:158px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis h2{font-size:11px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis>article>strong{display:block;margin-top:31px;color:#07994d;font-size:27px;line-height:1;font-weight:800;white-space:nowrap;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis>article>small{margin-top:8px;color:#3a5579;font-size:9px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-pos-row{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:17px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-ring{position:relative;width:83px;height:83px;border-radius:50%;background:conic-gradient(#07994d calc(var(--wpr-pos,0)*1%),#e7edf2 0);display:grid;place-items:center;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-ring strong{position:relative;z-index:1;color:#09234c;font-size:24px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-pos-row em{color:#07994d;font-size:10px;font-style:normal;font-weight:700;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-card{height:220px;padding:14px 14px 8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-head{display:flex;align-items:center;justify-content:space-between;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-legend{display:flex;gap:18px;margin:0;padding:0;list-style:none;color:#55708e;font-size:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-legend li:before{content:"";display:inline-block;width:14px;height:1px;margin-right:5px;vertical-align:3px;border-top:1px dashed #7dc69e;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-legend li.is-median:before{border-top:2px solid #07994d;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-stage{position:relative;height:168px;margin-top:7px;padding:0 7px 20px 36px;box-sizing:border-box;}
body.nm-workplace[data-wp-shell="retiree"] #wpr-chart{display:block;width:100%;height:145px;overflow:visible;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-yaxis{bottom:22px;font-size:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-xaxis{left:36px;right:7px;bottom:0;font-size:7.5px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-card>.nm-kpi-context{display:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2{display:grid;grid-template-columns:1.28fr .9fr .9fr;gap:12px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 article{height:220px;padding:14px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-donut-wrap{display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:14px;margin-top:13px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-donut{position:relative;width:96px;height:96px;border-radius:50%;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legend{margin:0;padding:0;list-style:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legend li{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:19px;font-size:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legend i{width:7px;height:7px;border-radius:50%;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legend span{min-width:0;color:#244264;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legend b{display:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legend em{color:#5a708c;font-style:normal;font-weight:700;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-donut-total{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid #e4e9ed;font-size:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-donut-total b{color:#07994d;font-size:12px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 article>strong{display:block;margin-top:9px;color:#07994d;font-size:19px;line-height:1.1;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 article>small{display:block;margin-top:4px;color:#4f6681;font-size:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 .nm-wpo-track-facts{margin:12px 0 0;padding:0;border:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 .nm-wpo-track-facts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 0;border-top:1px solid #e4e9ed;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 dt{color:#29486d;font-size:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 dd{margin:0;color:#07994d;font-size:11px;font-weight:800;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat{height:382px;padding:14px 14px 10px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat>header{display:flex;align-items:center;justify-content:space-between;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current{position:relative;margin-top:12px;padding:11px 12px 10px;border:1px solid #36b76e;border-radius:7px;background:#fbfffc;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current-check{position:absolute;right:9px;top:9px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#07994d;color:#fff;font-size:10px;font-style:normal;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current>small{display:block;color:#07994d;font-size:9px;font-weight:800;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current>strong{display:block;margin-top:3px;color:#0b2450;font-size:15px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current>span{display:block;margin-top:5px;color:#5a708b;font-size:7.5px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current>em{position:absolute;right:13px;top:37px;color:#657992;font-size:7px;font-style:normal;text-align:right;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current>em b{display:block;margin-top:2px;color:#07994d;font-size:10px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:9px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current label{color:#61758f;font-size:7px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-current label b{display:block;margin-top:3px;color:#07994d;font-size:10px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-alt-title{margin:11px 0 4px;color:#102a54;font-size:8px;font-weight:800;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-alt-title small{margin-left:5px;color:#6a7e96;font-size:7px;font-weight:500;}
body.nm-workplace[data-wp-shell="retiree"] #wpr-strat-lens:empty{display:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list{margin:0;padding:0;list-style:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto 38px;align-items:center;gap:6px;min-height:37px;border-bottom:1px solid #edf1f3;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list li>i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#09a052;color:#fff;font-size:8px;font-style:normal;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list li>i.s2{background:#8d32e6;}body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list li>i.s3{background:#ff8b12;}body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list li>i.s4{background:#6d7c91;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list span{min-width:0;color:#17355f;font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list b{color:#0a2450;font-size:8px;white-space:nowrap;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list em{font-size:8px;font-style:normal;font-weight:800;white-space:nowrap;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list em.is-up{color:#07994d;}body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list em.is-down{color:#ee3f35;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list u{display:block;width:34px;height:4px;border-radius:3px;background:#07994d;text-decoration:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat-list li:not(:first-child) u{background:#ef3f36;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat>.nm-view-link:last-child{display:block;margin-top:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next{height:240px;padding:14px 14px 10px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list{margin:7px 0 0;padding:0;list-style:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list li{border-bottom:1px solid #edf1f3;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list a{min-height:42px;display:grid;grid-template-columns:20px minmax(0,1fr) 12px;align-items:center;gap:8px;color:#102a54;text-decoration:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list a>i{width:18px;height:18px;display:grid;place-items:center;border:1.5px solid #0aa052;border-radius:50%;color:#0aa052;font-size:9px;font-style:normal;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list a>span{min-width:0;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list strong{display:block;font-size:8px;line-height:1.25;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list small{display:block;margin-top:2px;color:#63768e;font-size:7px;line-height:1.25;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next-list a>em{color:#36638c;font-size:15px;font-style:normal;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next>.nm-view-link{display:block;margin-top:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-privacy{height:62px;box-sizing:border-box;margin-top:14px;padding:10px 16px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #2d6386;border-radius:6px;background:#fff;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-privacy>i{width:24px;height:24px;color:#07994d;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-privacy>div{display:flex;flex-direction:column;gap:3px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-privacy strong{color:#102a54;font-size:8px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-privacy span{color:#526981;font-size:7.5px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-privacy>a{color:#07994d;font-size:8px;font-weight:800;text-decoration:none;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legal{height:30px;display:flex;align-items:center;justify-content:center;position:relative;color:#7a8ca1;font-size:7px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legal nav{position:absolute;right:0;display:flex;gap:28px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-legal a{color:#667b94;text-decoration:none;}
body.nm-workplace[data-wp-shell="retiree"][data-wpr-filter="income"] .nm-wpr-kpis article:not(:nth-child(3)),
body.nm-workplace[data-wp-shell="retiree"][data-wpr-filter="income"] .nm-wpr-chart-card,
body.nm-workplace[data-wp-shell="retiree"][data-wpr-filter="income"] .nm-wpr-row2 article:not(:first-child),
body.nm-workplace[data-wp-shell="retiree"][data-wpr-filter="income"] .nm-wpr-side,
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview[data-wpr-filter="income"] .nm-wpr-kpis article:not(:nth-child(3)),
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview[data-wpr-filter="income"] .nm-wpr-chart-card,
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview[data-wpr-filter="income"] .nm-wpr-row2 article:not(:first-child),
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview[data-wpr-filter="income"] .nm-wpr-side{opacity:.28;}


@media(max-width:1320px){
  body.nm-workplace .nm-wp-global-topbar{padding:0 20px;gap:16px;}
  body.nm-workplace .nm-wp-global-actions{gap:8px;}
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview{grid-template-columns:minmax(0,1fr) 330px;}
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro{grid-template-columns:330px minmax(0,1fr);}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips strong{font-size:14px;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected-body{grid-template-columns:195px minmax(0,1fr);}
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-layout{grid-template-columns:minmax(0,1fr) 360px;}
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview>.nm-wp-overview-intro{grid-template-columns:400px minmax(0,1fr);}
}
@media(max-width:1160px){
  body.nm-workplace .nm-wp-global-privacy span{display:none;}
  /* Single column below 1160px: areas stack, so there is no rail column to
     reserve. Prior to the hero-cluster consolidation a later unconditional
     generation silently reinstated a second 384px column here, confining the
     stacked content to 374px of a 778px canvas and leaving ~384px of dead
     space. Approved 2026-08-04. */
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview{grid-template-columns:1fr;grid-template-areas:"intro" "rail" "main";}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-side{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-strategies{grid-column:1/-1;}
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-layout{grid-template-columns:1fr;}
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-side{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  body.nm-workplace{--wp-sidebar-w:0px;}
  body.nm-workplace .nm-wp-global-sidebar{display:none;}
  body.nm-workplace .nm-wp-global-topbar{left:0;padding:0 14px;}
  body.nm-workplace .nm-wp-global-user>span,body.nm-workplace .nm-wp-global-divider{display:none;}
  body.nm-workplace #view-workspace .nm-dash-main{padding:16px;}
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview>.nm-wp-overview-intro{grid-template-columns:1fr;height:auto;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-chips li:nth-child(3){border-right:0;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected-body{grid-template-columns:1fr;}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-mini-metrics{margin-left:0;grid-template-columns:repeat(2,minmax(0,1fr));}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.nm-workplace[data-wp-shell="employee"] .nm-wpo-side,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-side,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2{grid-template-columns:1fr;}
  body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-localtabs{overflow-x:auto;}
}

body.nm-workplace{--wp-header-h:68px;}
body.nm-workplace .nm-wp-global-brand>span{border-left:0;padding-left:0;}
body.nm-workplace .nm-wp-global-divider{width:1px;height:34px;background:#dfe4ea;}
body.nm-workplace .view.active{padding-top:var(--wp-header-h);}
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-main{grid-area:main;display:grid;grid-template-columns:1fr;gap:12px;min-width:0;}
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-side{grid-area:rail;display:grid;grid-template-columns:1fr;gap:12px;min-width:0;}

body.nm-workplace .view.active:not(#view-welcome){padding-top:68px;}
body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-main{padding:20px 61px 24px 37px;}
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-main{padding:16px 60px 22px 28px;}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-tenant img{filter:brightness(0) invert(1);}

body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview>.nm-wp-overview-intro{margin-bottom:19px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-main,
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-side{gap:14px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-kpis article{height:165px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-chart-card{height:226px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-row2 article{height:226px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-strat{height:390px;}
body.nm-workplace[data-wp-shell="retiree"] .nm-wpr-next{height:241px;}


body.nm-workplace{
  --wp-sidebar-w:clamp(186px,calc(14.5vw - 19px),211px);
}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-tenant img{
  filter:none;background:transparent;width:104px;
}
body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-lockup{
  background:transparent;
}

body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-main{
  padding:20px 28px 24px 39px;
}
/* Column sizing and height are owned by the single intro contract above.
   This generation re-declared grid-template-columns:416px minmax(0,1fr) and
   won purely on source order, which pinned the greeting column at a fixed
   416px and collapsed the hero column to 0px whenever the content area was
   narrower than 416px + gap (every viewport at or below 1160px). Only the
   properties unique to this block remain. */
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro{
  /* Sole owner of the intro row. The greeting column is capped, not fixed, and
     the hero column carries a 300px floor: an earlier generation pinned the
     first column at a fixed 416px, which starved the hero column to 0-10px wide
     at every viewport narrower than 416px + gap and clipped the hero copy.
     Width-specific column ratios live in the @media blocks below. */
  grid-area:intro;
  display:grid;
  grid-template-columns:minmax(0,390px) minmax(300px,1fr);
  gap:24px;
  align-items:center;
  min-height:112px;
  margin:0;
  min-width:0;
  overflow:visible;
}
/* Below 1161px the 368px right rail leaves too little room for a two-column
   intro, so the greeting and the hero stack and the hero takes full width.
   Previously the intro stayed two-up down to 900px and the hero collapsed to
   0-10px wide, clipping its copy entirely. */
@media (max-width:1160px){
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro{
    grid-template-columns:minmax(0,1fr);gap:12px;
  }
}

body.nm-workplace[data-wp-shell="employee"] .nm-wp-employee-hero{
  /* Sole owner of the hero box. Copy and CTA are laid out in normal flow inside
     the element that clips, so two guarantees are structural rather than tuned:
     the copy's inline start edge IS the padding edge and can never be clipped
     at the left, and the CTA occupies its own row so it can never overlap the
     copy at any width. Earlier generations pinned the copy at left:22px/top:43px
     and floated the CTA over it absolutely, colliding at 1161-1280px.
     The gradient wash is applied by the :after overlay below, not by a
     background-image here -- a background-image longhand in an earlier section
     was already dead, reset by this shorthand. */
  position:relative;
  min-height:140px;
  min-width:0;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  gap:10px;
  padding:14px 18px;
  border-radius:7px;
  overflow:hidden;
  background:url("img/wp-hero-employee.jpg") center/cover no-repeat;
  align-self:start;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-snapshot{
  min-height:176px;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-projected{
  min-height:361px;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-ontrack{
  min-height:304px;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-goal{
  min-height:248px;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wpo-saved header>a{
  color:#17365e;font-size:9px;text-decoration:underline;
}

@media (max-height:860px) and (min-width:901px){
  body.nm-workplace .nm-wp-global-sidebar{display:block;padding-bottom:16px;}
  body.nm-workplace .nm-wp-global-sidebar .nm-dash-nav{display:flex;}
  body.nm-workplace .nm-wp-global-sidebar .nm-dash-help{margin-top:14px;}
  body.nm-workplace .nm-wp-global-sidebar .nm-wp-sidebar-footer{margin-top:16px;}
}

@media (min-width:1321px){
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview{
    grid-template-columns:minmax(0,1fr) 384px;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro{
    grid-template-columns:minmax(0,416px) minmax(300px,1fr);
  }
}
@media (max-width:1320px) and (min-width:1161px){
  body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-main{padding-left:37px;padding-right:24px;}
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview{grid-template-columns:minmax(0,1fr) 330px;}
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview>.nm-wp-overview-intro{grid-template-columns:minmax(0,330px) minmax(300px,1fr);}
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-employee-hero{min-height:112px;}
}

body.nm-workplace{scrollbar-width:none;}
body.nm-workplace::-webkit-scrollbar{width:0;height:0;}
body.nm-workplace .nm-wp-global-brand{gap:14px;}
body.nm-workplace .nm-wp-global-tenant-logo{
  padding-right:0;border-right:0;min-width:0;width:auto;
}
body.nm-workplace .nm-wp-global-tenant-logo img{
  width:72px;max-width:none;max-height:34px;
}
html:has(body.nm-workplace){scrollbar-width:none;}
html:has(body.nm-workplace)::-webkit-scrollbar{width:0;height:0;}


body.nm-workplace .nm-dash-sidebar .nm-nav-section[hidden],
body.nm-workplace .nm-dash-sidebar .nm-nav-section > a[hidden],
body.nm-workplace .nm-dash-sidebar .nm-dash-nav > a[hidden],
body.nm-workplace .nm-dash-sidebar .nm-nav-section > button[hidden] {
  display:none;
}
body.nm-workplace .nm-dash-sidebar .nm-nav-stage-retirement > .nm-howto-sidelink {
  display:none;
}


/* Retiree persona presentation */
/* NestMint Workplace Retiree — complete presentation redesign foundation
   Scoped to Workplace Retiree only. Consumer-direct NestMint is untouched. */

body.nm-workplace[data-wp-shell="retiree"] {
  --wp-v200-navy: #062b55;
  --wp-v200-navy-2: #073866;
  --wp-v200-green: #0c934d;
  --wp-v200-green-dark: #08743d;
  --wp-v200-ink: #09244f;
  --wp-v200-muted: #64748b;
  --wp-v200-border: #dfe7ef;
  --wp-v200-bg: #f4f7fa;
  --wp-v200-card: #ffffff;
  --wp-v200-sidebar: 188px;
  --wp-v200-topbar: 68px;
  background: var(--wp-v200-bg) ;
  color: var(--wp-v200-ink) ;
  font-family: Inter, Arial, sans-serif ;
}

body.nm-workplace[data-wp-shell="retiree"] .app-header,
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-sidebar,
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-head,
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-wpr-localtabs,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .dash-header,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard > .dash-container > .view-toggle-bar,
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .calc-header,
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .nm-planner-section-nav,
body.nm-workplace[data-wp-shell="retiree"] #view-budget .calc-header,
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-reports-header,
body.nm-workplace[data-wp-shell="retiree"] #view-profile > .section-container > .section-title,
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side {
  display: none ;
}

body.nm-workplace[data-wp-shell="retiree"] .view.active:not(#view-welcome) {
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  min-height: 100vh ;
  padding: var(--wp-v200-topbar) 0 0 var(--wp-v200-sidebar) ;
  background: var(--wp-v200-bg) ;
}

/* ───────────────────────── Sidebar ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-sidebar {
  position: fixed ;
  inset: 0 auto 0 0 ;
  z-index: 1500 ;
  width: var(--wp-v200-sidebar) ;
  height: 100vh ;
  box-sizing: border-box ;
  display: flex ;
  flex-direction: column ;
  overflow-y: auto ;
  padding: 15px 11px 14px ;
  background: linear-gradient(180deg, #062d59 0%, #05284f 68%, #042448 100%) ;
  color: #fff ;
  box-shadow: 8px 0 28px rgba(5, 36, 72, .08) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-brand {
  display: flex ;
  align-items: center ;
  min-height: 56px ;
  padding: 0 7px 7px ;
  text-decoration: none ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-brand img {
  display: block ;
  width: 144px ;
  height: auto ;
  max-height: 48px ;
  object-fit: contain ;
  object-position: left center ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-nav {
  display: flex ;
  flex-direction: column ;
  gap: 2px ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-nav-label {
  margin: 12px 7px 6px ;
  color: #75db54 ;
  font-size: 9px ;
  line-height: 1.2 ;
  font-weight: 800 ;
  letter-spacing: .07em ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-nav-row {
  display: flex ;
  align-items: center ;
  gap: 10px ;
  min-height: 38px ;
  padding: 8px 9px ;
  border: 1px solid transparent ;
  border-radius: 7px ;
  color: rgba(255,255,255,.94) ;
  font-size: 11px ;
  font-weight: 600 ;
  line-height: 1.2 ;
  text-decoration: none ;
  transition: background .16s ease, border-color .16s ease, transform .16s ease ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-nav-row:hover {
  background: rgba(255,255,255,.09) ;
  border-color: rgba(255,255,255,.08) ;
  transform: translateX(1px) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-nav-row.active {
  background: linear-gradient(135deg, #11a554, #0b8d48) ;
  border-color: rgba(255,255,255,.12) ;
  color: #fff ;
  box-shadow: 0 6px 16px rgba(0, 125, 63, .26) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-nav-row .nm-ui-icon {
  width: 18px ;
  height: 18px ;
  flex: 0 0 18px ;
  color: currentColor ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-support {
  margin-top: auto ;
  padding: 13px 13px 12px ;
  border: 1px solid rgba(255,255,255,.17) ;
  border-radius: 8px ;
  background: rgba(255,255,255,.055) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-support strong {
  display: block ;
  margin-bottom: 5px ;
  color: #fff ;
  font-size: 10px ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-support p {
  margin: 0 0 10px ;
  color: rgba(255,255,255,.78) ;
  font-size: 8.8px ;
  line-height: 1.55 ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-support-btn {
  width: 100% ;
  height: 30px ;
  border: 0 ;
  border-radius: 5px ;
  background: rgba(43, 111, 168, .52) ;
  color: #fff ;
  font: inherit ;
  font-size: 10px ;
  font-weight: 700 ;
  cursor: pointer ;
}
/* v149.560 (Jahn 8/5): version chip — small, muted, in the sidebar footer */
body.nm-workplace .nm-wp-v200-side-footer .nm-wp-version,
body.nm-workplace .nm-wp-e200-side-footer .nm-wp-version {
  display: block; font-size: 10px; opacity: .6; margin: 2px 0 4px;
}

body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-side-footer {
  display: flex ;
  flex-direction: column ;
  align-items: center ;
  gap: 14px ;
  padding: 18px 5px 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-employer img {
  display: block ;
  width: 94px ;
  max-height: 40px ;
  object-fit: contain ;
  filter: brightness(0) invert(1) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-side-footer small {
  color: rgba(255,255,255,.64) ;
  font-size: 7.5px ;
}

/* ───────────────────────── Top bar ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-topbar {
  position: fixed ;
  top: 0 ;
  right: 0 ;
  left: var(--wp-v200-sidebar) ;
  z-index: 1490 ;
  height: var(--wp-v200-topbar) ;
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  padding: 0 27px ;
  box-sizing: border-box ;
  border-bottom: 1px solid #dfe5eb ;
  background: rgba(255,255,255,.97) ;
  backdrop-filter: blur(10px) ;
  color: var(--wp-v200-ink) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-topbrand,
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-top-actions {
  display: flex ;
  align-items: center ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-topbrand { gap: 17px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-tenant {
  display: flex ;
  align-items: center ;
  min-width: 78px ;
  height: 34px ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-tenant img {
  max-width: 82px ;
  max-height: 34px ;
  object-fit: contain ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-top-divider,
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-sep {
  display: block ;
  width: 1px ;
  height: 30px ;
  background: #e0e6ec ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-topbrand strong {
  font-size: 12px ;
  font-weight: 700 ;
  color: #102852 ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-top-actions { gap: 14px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-privacy {
  display: flex ;
  align-items: center ;
  gap: 8px ;
  color: #14335f ;
  font-size: 9.5px ;
  font-weight: 600 ;
  text-decoration: none ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-privacy .nm-ui-icon {
  width: 17px ;
  height: 17px ;
  color: var(--wp-v200-green) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-privacy b { font-size: 12px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-iconbtn {
  position: relative ;
  display: grid ;
  place-items: center ;
  width: 30px ;
  height: 30px ;
  padding: 0 ;
  border: 0 ;
  background: transparent ;
  color: #102b5a ;
  font: 600 15px/1 Inter, sans-serif ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-iconbtn .nm-ui-icon { width: 18px ; height: 18px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-bell i {
  position: absolute ;
  top: -1px ;
  right: 0 ;
  min-width: 13px ;
  height: 13px ;
  display: grid ;
  place-items: center ;
  border-radius: 99px ;
  background: #07853f ;
  color: #fff ;
  font: 700 7px/1 Inter, sans-serif ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user {
  display: flex ;
  align-items: center ;
  gap: 10px ;
  min-width: 164px ;
  color: #102952 ;
  text-decoration: none ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user > i {
  display: grid ;
  place-items: center ;
  width: 34px ;
  height: 34px ;
  border-radius: 50% ;
  background: #082d59 ;
  color: #fff ;
  font: 700 10px/1 Inter, sans-serif ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user > span { display: flex ; flex-direction: column ; gap: 2px ; flex: 1 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user b { font-size: 10px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user small { color: #61718a ; font-size: 8.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user em { font-style: normal ; font-size: 11px ; }

/* ───────────────────────── Shared page frame ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-shell,
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-main {
  display: block ;
  width: 100% ;
  max-width: none ;
  min-height: 0 ;
  margin: 0 ;
  box-sizing: border-box ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-main {
  padding: 14px 28px 28px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-shell,
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-main,
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .calc-container,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .dash-container,
body.nm-workplace[data-wp-shell="retiree"] #view-budget .calc-container,
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-reports-shell,
body.nm-workplace[data-wp-shell="retiree"] #view-profile .section-container {
  display: block ;
  width: auto ;
  max-width: 1510px ;
  min-width: 0 ;
  margin: 0 auto ;
  padding: 22px 28px 34px ;
  box-sizing: border-box ;
  background: transparent ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-shell { min-height: 0 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-main { padding-top: 22px ; }

body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pagehead {
  display: flex ;
  align-items: flex-end ;
  justify-content: space-between ;
  gap: 24px ;
  margin: 0 0 16px ;
  padding: 20px 22px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 12px ;
  background: linear-gradient(135deg, #fff 0%, #fbfdff 100%) ;
  box-shadow: 0 8px 24px rgba(21, 51, 84, .045) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pagecopy > span {
  display: block ;
  margin-bottom: 6px ;
  color: var(--wp-v200-green) ;
  font-size: 9px ;
  font-weight: 800 ;
  letter-spacing: .09em ;
  text-transform: uppercase ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pagecopy h1 {
  margin: 0 ;
  color: var(--wp-v200-ink) ;
  font-family: Inter, sans-serif ;
  font-size: 26px ;
  line-height: 1.12 ;
  letter-spacing: -.035em ;
  font-weight: 750 ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pagecopy p {
  margin: 7px 0 0 ;
  color: var(--wp-v200-muted) ;
  font-size: 11px ;
  line-height: 1.5 ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pageactions {
  display: flex ;
  align-items: center ;
  justify-content: flex-end ;
  gap: 8px ;
  flex-wrap: wrap ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pageactions .btn {
  min-height: 35px ;
  padding: 8px 14px ;
  border-radius: 7px ;
  font-size: 10px ;
  font-weight: 700 ;
  box-shadow: none ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pageactions .btn-primary {
  background: var(--wp-v200-green) ;
  border-color: var(--wp-v200-green) ;
  color: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pageactions .btn-secondary {
  background: #fff ;
  border: 1px solid #cdd8e3 ;
  color: #12335d ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-export { position: relative ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-export-menu {
  position: absolute ;
  top: calc(100% + 5px) ;
  right: 0 ;
  z-index: 50 ;
  min-width: 150px ;
  padding: 5px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 8px ;
  background: #fff ;
  box-shadow: 0 12px 28px rgba(15, 35, 60, .14) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-export-menu button {
  display: block ;
  width: 100% ;
  padding: 8px 9px ;
  border: 0 ;
  border-radius: 5px ;
  background: transparent ;
  color: #17375f ;
  text-align: left ;
  font: 600 10px/1.3 Inter, sans-serif ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-export-menu button:hover { background: #f1f6fa ; }

body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-plan-context,
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-section-jump {
  display: flex ;
  align-items: center ;
  gap: 13px ;
  min-height: 43px ;
  margin: 0 0 14px ;
  padding: 9px 13px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 9px ;
  background: #fff ;
  color: var(--wp-v200-muted) ;
  font-size: 10px ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-plan-context span:first-child {
  display: flex ;
  align-items: center ;
  gap: 7px ;
  padding-right: 13px ;
  border-right: 1px solid var(--wp-v200-border) ;
  color: #16365f ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-plan-context .nm-ui-icon { width: 16px ; height: 16px ; color: var(--wp-v200-green) ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-section-jump label { color: #15355e ; font-weight: 700 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-section-jump select {
  min-width: 190px ;
  height: 31px ;
  padding: 0 28px 0 9px ;
  border: 1px solid #cfd9e3 ;
  border-radius: 6px ;
  background: #fff ;
  color: #17375f ;
  font: 600 10px/1 Inter, sans-serif ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-section-jump span { margin-left: auto ; }

/* ───────────────────────── Guided Input ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .nm-wp-v200-wizard-tray {
  margin: 0 0 16px ;
  padding: 12px 14px 10px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 16px rgba(26, 55, 86, .035) ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-progress {
  display: grid ;
  grid-template-columns: auto auto 1fr ;
  align-items: center ;
  gap: 10px ;
  margin: 0 0 10px ;
  padding: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-progress-label {
  color: #15375e ;
  font-size: 10px ;
  font-weight: 750 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-progress-count {
  color: var(--wp-v200-green) ;
  font-size: 9px ;
  font-weight: 750 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-progress-bar {
  height: 5px ;
  border-radius: 10px ;
  background: #e9eef3 ;
  overflow: hidden ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-progress-fill { height: 100% ; background: var(--wp-v200-green) ; }
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side-nav {
  display: grid ;
  grid-template-columns: repeat(8, minmax(85px, 1fr)) ;
  gap: 5px ;
  overflow-x: auto ;
  padding: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side-step {
  display: flex ;
  align-items: center ;
  justify-content: flex-start ;
  gap: 6px ;
  min-height: 34px ;
  padding: 6px 7px ;
  border: 1px solid #e0e7ee ;
  border-radius: 6px ;
  background: #f9fbfc ;
  color: #4e627b ;
  font: 600 8.5px/1.2 Inter, sans-serif ;
  text-align: left ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side-step.active {
  border-color: #91d2ad ;
  background: #edf9f2 ;
  color: #08743d ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-step-dot {
  display: grid ;
  place-items: center ;
  width: 19px ;
  height: 19px ;
  flex: 0 0 19px ;
  border-radius: 50% ;
  background: #e5ebf1 ;
  color: #49627e ;
  font-size: 8px ;
  font-weight: 800 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side-step.active .wz-step-dot,
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side-step.complete .wz-step-dot {
  background: var(--wp-v200-green) ;
  color: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-step {
  width: 100% ;
  max-width: none ;
  margin: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-step-head {
  margin: 0 0 13px ;
  padding: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-step-head h1 {
  color: var(--wp-v200-ink) ;
  font-family: Inter, sans-serif ;
  font-size: 19px ;
  letter-spacing: -.02em ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-step-head p { color: var(--wp-v200-muted) ; font-size: 10px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-card,
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard [class*="wz-summary"],
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard [class*="wz-context"] {
  border-color: var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 16px rgba(20, 48, 80, .035) ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard input,
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard select,
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard textarea {
  border-color: #ccd8e4 ;
  border-radius: 6px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-btn-primary { background: var(--wp-v200-green) ; border-color: var(--wp-v200-green) ; }

/* ───────────────────────── Assumptions editor ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .post-form-layout { display: block ; }
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .post-form-layout > div:first-child {
  display: grid ;
  grid-template-columns: minmax(0,1fr) 180px ;
  gap: 12px ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .form-section {
  margin: 0 0 12px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 4px 14px rgba(20, 48, 80, .025) ;
  overflow: hidden ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .form-section-header {
  min-height: 44px ;
  padding: 12px 15px ;
  background: #fbfcfd ;
  color: #15365f ;
  font-size: 11px ;
  font-weight: 750 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .form-grid { gap: 12px ; padding: 14px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .form-field label { color: #264663 ; font-size: 9.5px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement input,
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement select,
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement textarea {
  min-height: 34px ;
  border: 1px solid #cad6e2 ;
  border-radius: 6px ;
  background: #fff ;
  color: #17375e ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement #run-simulation-btn {
  background: var(--wp-v200-green) ;
  border-color: var(--wp-v200-green) ;
  box-shadow: none ;
}

/* ───────────────────────── Dashboard result pages ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .dash-container { overflow: visible ; }
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard #dash-kpis,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard #dash-final-year-assumptions,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard #dash-quick-access-panel,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard #post-insights-panel,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard #ov-back-deepdive {
  display: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard #dash-scenario-summary {
  margin: 0 0 13px ;
  padding: 0 12px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 8px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard #dash-scenario-summary > summary {
  min-height: 38px ;
  display: flex ;
  align-items: center ;
  color: #264865 ;
  font-size: 9.5px ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .switchable-view { padding: 0 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .chart-card,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .planning-tool-card,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .spreadsheet-card,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .nm-deep-card,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .nm-legacy-card,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .ov-panel {
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 17px rgba(21, 49, 79, .03) ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .chart-title,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard h2,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard h3 {
  color: #12335d ;
  font-family: Inter, sans-serif ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .chart-note,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .ss-subtitle { color: var(--wp-v200-muted) ; }

/* Strategy Planner: one hierarchy, no stacked consumer headings */
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] .post-strategy-section > .planning-section-header {
  display: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] .post-strategy-section { margin: 0 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] #tool-post-compare {
  padding: 17px ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] .cmp-r-s9 {
  margin: 0 0 12px ;
  padding: 9px 11px ;
  border: 1px solid #efd49c ;
  border-radius: 7px ;
  background: #fff9ed ;
  color: #775313 ;
  font-size: 9px ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] .cnr-assume-hd,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] .cnr-customize {
  border-color: var(--wp-v200-border) ;
  border-radius: 9px ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] .cnr-prerun-run,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="strateg"] .cmp-refresh-btn {
  background: var(--wp-v200-green) ;
  border-color: var(--wp-v200-green) ;
}

/* Deep Dive: retain tools, remove duplicate page intro/action row */
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="deepdive"] .dd-landing-head,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="deepdive"] .deep-dive-header,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="deepdive"] .dd-header-actions {
  display: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="deepdive"] .deep-dive-card,
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="deepdive"] details.planning-tool-card {
  border-color: var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
}

/* Legacy: replace old hero framing with content-only page */
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="legacy"] .nm-legacy-hero {
  margin: 0 0 13px ;
  padding: 14px 16px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="legacy"] .nm-legacy-hero h2 {
  font-size: 15px ;
}

/* Spreadsheet */
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="spreadsheet"] #dash-scenario-summary { margin-bottom: 10px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="spreadsheet"] #dash-spreadsheet-card {
  padding: 12px ;
  overflow: hidden ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="spreadsheet"] .ss-controls {
  position: sticky ;
  top: calc(var(--wp-v200-topbar) + 8px) ;
  z-index: 20 ;
  margin: -12px -12px 12px ;
  padding: 9px 12px ;
  border-bottom: 1px solid var(--wp-v200-border) ;
  background: rgba(255,255,255,.97) ;
  backdrop-filter: blur(9px) ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="spreadsheet"] .spreadsheet-scroll {
  border: 1px solid #dfe7ef ;
  border-radius: 8px ;
  overflow: auto ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="spreadsheet"] .spreadsheet-table thead th {
  background: #f3f7fa ;
  color: #244662 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-dashboard[data-wp-v200-dash*="spreadsheet"] .spreadsheet-table tbody tr:hover td { background: #f5fbf7 ; }

/* ───────────────────────── Budget ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-budget #budget-view-toggle-bar {
  display: inline-flex ;
  width: auto ;
  margin: 0 0 14px ;
  padding: 3px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 8px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-budget #budget-view-toggle-bar .view-toggle-btn {
  min-height: 31px ;
  padding: 6px 11px ;
  border: 0 ;
  border-radius: 6px ;
  background: transparent ;
  color: #567089 ;
  font-size: 9px ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-budget #budget-view-toggle-bar .view-toggle-btn.active {
  background: #eaf7ef ;
  color: #08743d ;
  box-shadow: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-budget .kpi-card,
body.nm-workplace[data-wp-shell="retiree"] #view-budget .form-section,
body.nm-workplace[data-wp-shell="retiree"] #view-budget .budget-card {
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 4px 14px rgba(20, 48, 80, .025) ;
}

/* ───────────────────────── Reports ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-status,
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-card,
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-note {
  border-color: var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 4px 14px rgba(20, 48, 80, .025) ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-status {
  margin-bottom: 18px ;
  padding: 13px 15px ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-group { margin-top: 22px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-group-heading h2 { color: #12355e ; font-family: Inter, sans-serif ; }
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-card { padding: 16px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-report-card .btn-primary { background: var(--wp-v200-green) ; border-color: var(--wp-v200-green) ; }

/* ───────────────────────── Settings ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-card,
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-dashboard,
body.nm-workplace[data-wp-shell="retiree"] #view-profile .settings-card {
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 4px 14px rgba(20, 48, 80, .025) ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-card { margin-top: 0 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-actions .btn-primary { background: var(--wp-v200-green) ; border-color: var(--wp-v200-green) ; }

/* ───────────────────────── Modal ───────────────────────── */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal {
  position: fixed ;
  inset: 0 ;
  z-index: 3000 ;
  display: grid ;
  place-items: center ;
  padding: 20px ;
  background: rgba(4, 24, 47, .48) ;
  backdrop-filter: blur(4px) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal-card {
  position: relative ;
  width: min(420px, 100%) ;
  padding: 27px ;
  border-radius: 13px ;
  background: #fff ;
  box-shadow: 0 22px 70px rgba(4, 24, 47, .25) ;
  text-align: center ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal-close {
  position: absolute ;
  top: 10px ;
  right: 12px ;
  border: 0 ;
  background: transparent ;
  color: #61758b ;
  font-size: 22px ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal-icon {
  display: grid ;
  place-items: center ;
  width: 48px ;
  height: 48px ;
  margin: 0 auto 13px ;
  border-radius: 50% ;
  background: #eaf7ef ;
  color: var(--wp-v200-green) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal-icon .nm-ui-icon { width: 23px ; height: 23px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal-card h2 { margin: 0 0 8px ; color: #12335d ; font: 750 20px/1.2 Inter, sans-serif ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal-card p { margin: 0 0 18px ; color: #64758a ; font-size: 12px ; line-height: 1.55 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-modal-card .btn-primary { background: var(--wp-v200-green) ; border-color: var(--wp-v200-green) ; }

/* Overview mock remains the approved visual foundation; remove only duplicate local navigation. */
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-localtabs[hidden] { display: none ; }
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-layout { margin-top: 12px ; }

/* Responsive */
@media (max-width: 1080px) {
  body.nm-workplace[data-wp-shell="retiree"] { --wp-v200-sidebar: 172px; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pagehead { align-items: flex-start ; flex-direction: column ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pageactions { justify-content: flex-start ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-privacy span { display: none ; }
  body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .post-form-layout > div:first-child { grid-template-columns: 1fr ; }
}
@media (max-width: 760px) {
  body.nm-workplace[data-wp-shell="retiree"] { --wp-v200-sidebar: 0px; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-sidebar { display: none ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-topbar { left: 0 ; padding: 0 12px ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-tenant,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-top-divider,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-sep,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user > span,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user em { display: none ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-user { min-width: auto ; }
  body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-main,
  body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .calc-container,
  body.nm-workplace[data-wp-shell="retiree"] #view-dashboard .dash-container,
  body.nm-workplace[data-wp-shell="retiree"] #view-budget .calc-container,
  body.nm-workplace[data-wp-shell="retiree"] #view-reports .nm-reports-shell,
  body.nm-workplace[data-wp-shell="retiree"] #view-profile .section-container { padding: 14px ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pagecopy h1 { font-size: 22px ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-section-jump { align-items: flex-start ; flex-direction: column ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-section-jump span { margin-left: 0 ; }
}

/* Canonical Workplace shell navigation and utility furniture. */
body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-shell {
  padding: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview {
  margin: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #scratchpad-fab,
body.nm-workplace[data-wp-shell="retiree"] #scratchpad-panel,
body.nm-workplace[data-wp-shell="retiree"] #nm-wp-demo-switch {
  display: none ;
}

/* The legacy Workplace frame used margin-left for its cloned sidebar. The
   dedicated Retiree shell uses padding-left on the active view, so neutralize
   that inherited offset to prevent a double gutter. */
body.nm-workplace[data-wp-shell="retiree"] .view.active:not(#view-welcome) {
  margin-left: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side-divider,
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-side-link {
  display: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-shell {
  width: 100% ;
  max-width: none ;
  margin: 0 ;
  padding: 0 ;
}
body.nm-workplace[data-wp-shell="retiree"] #view-planner-wizard .wz-main {
  width: auto ;
  max-width: 1510px ;
  margin: 0 auto ;
  padding: 22px 28px 34px ;
}

/* Remove remaining consumer-era duplicate titles and action rows. The single
   Workplace page header now owns page identity and top-level actions. */
body.nm-workplace[data-wp-shell="retiree"] #view-post-retirement .nm-wp-v200-native-assumption-actions,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view > .post-strategy-section > .planning-section-header,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-edit-inputs,
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view > .post-strategy-section > .planning-section-header,
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view .dd-actions,
body.nm-workplace[data-wp-shell="retiree"] #dash-legacy-view .nm-legacy-hero {
  display: none ;
}

/* Charts: the legacy Workplace layer made the tab itself a two-column grid,
   while the chart collection already owns its own grid. Use one grid only. */
body.nm-workplace[data-wp-shell="retiree"] #dash-charts-view.active {
  display: block ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-charts-view .dash-charts {
  display: grid ;
  grid-template-columns: repeat(3, minmax(0, 1fr)) ;
  gap: 14px ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-charts-view .chart-card.chart-large {
  grid-column: 1 / -1 ;
}

/* Spreadsheet header actions proxy the canonical controls. Keep only the
   useful Years filter and horizontal-scroll guidance in the content strip. */
body.nm-workplace[data-wp-shell="retiree"] #dash-spreadsheet-view .ss-controls #ss-expand-btn,
body.nm-workplace[data-wp-shell="retiree"] #dash-spreadsheet-view .ss-controls #ss-export-btn {
  display: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-spreadsheet-view .ss-controls {
  justify-content: flex-end ;
  min-height: 42px ;
  margin: 0 0 8px ;
  padding: 8px 12px ;
  border: 1px solid var(--wp-v200-border) ;
  border-radius: 9px ;
  background: #fff ;
}

@media (max-width: 1180px) {
  body.nm-workplace[data-wp-shell="retiree"] #dash-charts-view .dash-charts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
  }
}
@media (max-width: 760px) {
  body.nm-workplace[data-wp-shell="retiree"] #dash-charts-view .dash-charts {
    grid-template-columns: 1fr ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #dash-charts-view .chart-card.chart-large {
    grid-column: auto ;
  }
}

/* Retiree Workplace page interiors. Presentation-only; engine-owned controls and results stay intact. */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-menubtn {
  display: none ;
  width: 36px ;
  height: 36px ;
  place-items: center ;
  padding: 0 ;
  border: 1px solid #d8e2eb ;
  border-radius: 8px ;
  background: #fff ;
  color: var(--wp-v200-ink) ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-menubtn .nm-ui-icon { width: 19px ; height: 19px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-nav-row { font-size: 11.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-support p { font-size: 9.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-pagecopy p { max-width: 760px ; }

/* ───────────────── Strategy Planner ───────────────── */
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view.nm-wp-strategy-page.active {
  display: block ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-guide {
  display: grid ;
  grid-template-columns: minmax(260px, .85fr) minmax(520px, 1.65fr) ;
  gap: 24px ;
  align-items: center ;
  margin: 0 0 16px ;
  padding: 20px 22px ;
  border: 1px solid #dbe5ee ;
  border-radius: 12px ;
  background: linear-gradient(135deg, #f8fbfd 0%, #eef8f3 100%) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-guide-copy > span,
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-main > header > span,
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-sectionhead > span {
  display: block ;
  margin-bottom: 5px ;
  color: var(--wp-v200-green) ;
  font-size: 9px ;
  font-weight: 800 ;
  letter-spacing: .09em ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-guide h2 {
  margin: 0 0 7px ;
  color: #102f58 ;
  font: 750 17px/1.25 Inter, sans-serif ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-guide p {
  margin: 0 ;
  color: #5c7085 ;
  font-size: 11px ;
  line-height: 1.55 ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-steps {
  display: grid ;
  grid-template-columns: repeat(3, minmax(0, 1fr)) ;
  gap: 10px ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-steps > div {
  display: flex ;
  align-items: flex-start ;
  gap: 10px ;
  min-height: 72px ;
  padding: 12px ;
  border: 1px solid #dce7ed ;
  border-radius: 9px ;
  background: rgba(255,255,255,.88) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-steps i {
  display: grid ;
  place-items: center ;
  width: 24px ;
  height: 24px ;
  flex: 0 0 24px ;
  border-radius: 50% ;
  background: #e5f6ec ;
  color: #08743d ;
  font: 800 10px/1 Inter, sans-serif ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-steps span { display: flex ; flex-direction: column ; gap: 4px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-steps b { color: #15365f ; font-size: 10.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-steps small { color: #63768a ; font-size: 9px ; line-height: 1.4 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view #tool-post-compare {
  padding: 20px ;
  border: 1px solid #dbe5ee ;
  border-radius: 12px ;
  box-shadow: 0 8px 24px rgba(19, 48, 80, .045) ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view[data-wp-strategy-state="prerun"] .cnr-prerun-wrap {
  display: grid ;
  grid-template-columns: minmax(0, 1fr) minmax(400px, 1.15fr) ;
  gap: 16px ;
  align-items: stretch ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view[data-wp-strategy-state="prerun"] .cnr-assume-hd,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view[data-wp-strategy-state="prerun"] .cnr-prerun-assumes {
  grid-column: 1 ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view[data-wp-strategy-state="prerun"] .cnr-customize {
  grid-column: 2 ;
  grid-row: 1 / span 2 ;
  margin: 0 ;
  padding: 20px ;
  border: 1px solid #d9e5ed ;
  border-radius: 11px ;
  background: #f8fbfd ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-assume-hd {
  padding: 14px 16px ;
  border: 1px solid #dbe5ee ;
  border-bottom: 0 ;
  border-radius: 10px 10px 0 0 ;
  background: #f8fafc ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-prerun-assumes {
  margin: 0 ;
  padding: 16px ;
  border: 1px solid #dbe5ee ;
  border-radius: 0 0 10px 10px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-cust-grid { grid-template-columns: 1fr ; gap: 14px ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-rank-box,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-engine-info {
  padding: 14px ;
  border: 1px solid #dbe5ee ;
  border-radius: 9px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-empty {
  margin-top: 14px ;
  padding: 18px ;
  border: 1px dashed #9ecbb0 ;
  border-radius: 10px ;
  background: #f1fbf5 ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cnr-prerun-run { min-height: 40px ; padding: 9px 18px ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-shead {
  display: flex ;
  align-items: flex-start ;
  justify-content: space-between ;
  gap: 20px ;
  padding: 0 0 17px ;
  border-bottom: 1px solid #e1e8ef ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-shead-title { font-size: 20px ; color: #102f58 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-shead-sub { margin-top: 4px ; font-size: 11px ; color: #5f7286 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-shead-ctx { margin-top: 8px ; font-size: 9px ; color: #718297 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-resultnav {
  position: sticky ;
  top: calc(var(--wp-v200-topbar) + 8px) ;
  z-index: 24 ;
  display: flex ;
  flex-wrap: wrap ;
  gap: 7px ;
  margin: 14px 0 ;
  padding: 8px ;
  border: 1px solid #dfe7ee ;
  border-radius: 9px ;
  background: rgba(255,255,255,.96) ;
  backdrop-filter: blur(10px) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-resultnav button {
  min-height: 31px ;
  padding: 6px 11px ;
  border: 1px solid transparent ;
  border-radius: 6px ;
  background: #f4f7f9 ;
  color: #31516d ;
  font: 700 9.5px/1 Inter, sans-serif ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-resultnav button:hover { border-color: #b7d8c4 ; background: #edf8f1 ; color: #08743d ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-s9 { font-size: 10px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-chipstrip { padding: 12px ; border-radius: 9px ; background: #f7fafc ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-cardrow {
  display: grid ;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)) ;
  gap: 14px ;
  align-items: stretch ;
  margin-top: 16px ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card {
  min-width: 0 ;
  padding: 0 ;
  border: 1px solid #dbe4ec ;
  border-top: 4px solid var(--cmp-r-accent, #6b8298) ;
  border-radius: 11px ;
  background: #fff ;
  box-shadow: 0 7px 22px rgba(15, 43, 73, .05) ;
  overflow: hidden ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card.is-rec {
  border-color: #8fc7a6 ;
  border-top-color: var(--wp-v200-green) ;
  box-shadow: 0 11px 30px rgba(9, 131, 68, .12) ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card.is-current { border-top-color: #173f70 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card-hd { min-height: 55px ; padding: 14px ; background: #f8fafc ; border-bottom: 1px solid #e5ebf0 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card-name { font-size: 13px ; color: #13365f ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card-desc { min-height: 55px ; padding: 12px 14px 0 ; color: #61758a ; font-size: 9.5px ; line-height: 1.48 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-face { display: grid ; grid-template-columns: 1fr 1fr ; gap: 8px ; padding: 12px 14px ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-metric { min-height: 76px ; padding: 10px ; border: 1px solid #e3e9ef ; border-radius: 8px ; background: #fbfcfd ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-metric-k { font-size: 8.5px ; color: #687b90 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-metric-v { margin-top: 5px ; color: #102f58 ; font-size: 15px ; line-height: 1.15 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-metric-d { margin-top: 5px ; font-size: 8.5px ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card-actions { padding: 12px 14px 14px ; border-top: 1px solid #eef2f5 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card-viewbtn,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-card-apply { min-height: 34px ; border-radius: 6px ; font-size: 9.5px ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-cardmore { margin: 0 14px 14px ; padding: 13px ; border: 1px solid #dfe7ee ; border-radius: 8px ; background: #f8fafc ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-s103,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-scen,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-taxnotes {
  margin-top: 16px ;
  border: 1px solid #dbe4ec ;
  border-radius: 10px ;
  background: #fff ;
  overflow: hidden ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-s104,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-s120,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-taxnotes > summary { padding: 14px 16px ; color: #15365f ; font-size: 11px ; font-weight: 750 ; background: #f8fafc ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-3up { display: grid ; grid-template-columns: repeat(2, minmax(0, 1fr)) ; gap: 14px ; margin-top: 16px ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-scen { grid-column: 1 / -1 ; margin-top: 0 ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-chwrapL,
body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-chwrapR { padding: 16px ; border: 1px solid #dbe4ec ; border-radius: 10px ; background: #fff ; }

/* ───────────────── Deep Dive detail pages ───────────────── */
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus .nm-wp-dd-contextbar {
  display: grid ;
  grid-template-columns: auto 1fr auto ;
  align-items: center ;
  gap: 16px ;
  margin: 0 0 12px ;
  padding: 10px 12px ;
  border: 1px solid #dce5ed ;
  border-radius: 9px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-homebtn {
  display: inline-flex ;
  align-items: center ;
  gap: 7px ;
  min-height: 32px ;
  padding: 6px 10px ;
  border: 1px solid #d9e3eb ;
  border-radius: 6px ;
  background: #f7f9fb ;
  color: #244762 ;
  font: 700 9.5px/1 Inter, sans-serif ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-homebtn .nm-ui-icon { width: 14px ; height: 14px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-current { display: flex ; flex-direction: column ; gap: 2px ; min-width: 0 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-current small { color: #6c7f92 ; font-size: 8.5px ; text-transform: uppercase ; letter-spacing: .07em ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-current strong { color: #12355e ; font-size: 11px ; overflow: hidden ; white-space: nowrap ; text-overflow: ellipsis ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-pager { display: flex ; gap: 6px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-pager button { display: grid ; place-items: center ; width: 31px ; height: 31px ; padding: 0 ; border: 1px solid #d8e2ea ; border-radius: 6px ; background: #fff ; color: #173d65 ; cursor: pointer ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-pager button:disabled { opacity: .35 ; cursor: default ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-pager .nm-ui-icon { width: 15px ; height: 15px ; }
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus details.planning-tool-card.dd-active {
  display: block ;
  margin: 0 ;
  border: 1px solid #dbe5ed ;
  border-radius: 12px ;
  background: #fff ;
  box-shadow: 0 8px 25px rgba(19, 48, 80, .05) ;
  overflow: hidden ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus details.planning-tool-card.dd-active > summary {
  display: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus details.planning-tool-card.dd-active > .planning-tool-body {
  display: block ;
  padding: 20px ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus .planning-tool-body > p:first-child,
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus .planning-tool-desc {
  margin: 0 0 17px ;
  padding: 13px 15px ;
  border-left: 3px solid var(--wp-v200-green) ;
  border-radius: 0 7px 7px 0 ;
  background: #f4faf6 ;
  color: #4f687c ;
  font-size: 10.5px ;
  line-height: 1.55 ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus .planning-tool-body .form-section,
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus .planning-tool-body .chart-card,
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus .planning-tool-body .result-card,
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view.dd-focus .planning-tool-body .analysis-card {
  border: 1px solid #dfe7ee ;
  border-radius: 9px ;
  box-shadow: none ;
}
body.nm-workplace[data-wp-shell="retiree"] #dash-deepdive-view #dd-back { display: none ; }

/* ───────────────── Reports ───────────────── */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-retiree-report-source { display: none ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-retiree-report-hub { display: block ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-statusbar {
  display: flex ;
  align-items: center ;
  gap: 12px ;
  margin-bottom: 14px ;
  padding: 13px 15px ;
  border: 1px solid #cfe3d7 ;
  border-radius: 9px ;
  background: #f1faf5 ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-statusbar > .nm-ui-icon { width: 22px ; height: 22px ; color: var(--wp-v200-green) ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-statusbar > div { display: flex ; flex-direction: column ; gap: 3px ; flex: 1 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-statusbar strong { color: #15365f ; font-size: 10.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-statusbar span { color: #62778a ; font-size: 9.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-statusbar a { color: #08743d ; font-size: 9.5px ; font-weight: 750 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-layout { display: grid ; grid-template-columns: minmax(0, 1fr) 280px ; gap: 16px ; align-items: start ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-main,
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside { border: 1px solid #dce5ed ; border-radius: 11px ; background: #fff ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-main { padding: 20px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-main > header h2 { margin: 0 0 7px ; color: #12355e ; font: 750 18px/1.25 Inter, sans-serif ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-main > header p { margin: 0 ; color: #62768a ; font-size: 10.5px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid { display: grid ; grid-template-columns: repeat(2, minmax(0, 1fr)) ; gap: 12px ; margin-top: 17px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid article { display: grid ; grid-template-columns: 42px 1fr ; grid-template-rows: 1fr auto ; gap: 12px ; min-height: 190px ; padding: 16px ; border: 1px solid #dfe7ee ; border-radius: 9px ; background: #fbfcfd ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid article:last-child { grid-column: 1 / -1 ; min-height: 150px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid article > i { display: grid ; place-items: center ; width: 42px ; height: 42px ; border-radius: 9px ; background: #eaf7ef ; color: #08743d ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid article > i .nm-ui-icon { width: 21px ; height: 21px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid small { color: #718397 ; font-size: 8px ; font-weight: 800 ; letter-spacing: .08em ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid h3 { margin: 4px 0 6px ; color: #14365f ; font-size: 12px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid p { margin: 0 ; color: #62768a ; font-size: 9.5px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid .btn { grid-column: 1 / -1 ; align-self: end ; justify-self: start ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside { position: sticky ; top: calc(var(--wp-v200-topbar) + 12px) ; padding: 18px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside h3 { margin: 0 0 13px ; color: #12355e ; font-size: 13px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside ol { display: flex ; flex-direction: column ; gap: 13px ; margin: 0 0 17px ; padding: 0 ; list-style: none ; counter-reset: report-steps ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside li { position: relative ; padding-left: 32px ; counter-increment: report-steps ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside li::before { content: counter(report-steps) ; position: absolute ; left: 0 ; top: 0 ; display: grid ; place-items: center ; width: 22px ; height: 22px ; border-radius: 50% ; background: #eaf7ef ; color: #08743d ; font: 800 9px/1 Inter, sans-serif ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside li b { display: block ; margin-bottom: 3px ; color: #23445f ; font-size: 9.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside li span { display: block ; color: #687b8e ; font-size: 8.8px ; line-height: 1.45 ; }

/* ───────────────── Settings ───────────────── */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-tabs {
  position: sticky ;
  top: calc(var(--wp-v200-topbar) + 8px) ;
  z-index: 25 ;
  display: inline-flex ;
  gap: 4px ;
  margin: 0 0 14px ;
  padding: 4px ;
  border: 1px solid #dce5ed ;
  border-radius: 9px ;
  background: rgba(255,255,255,.96) ;
  backdrop-filter: blur(10px) ;
}
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-tabs button { min-height: 32px ; padding: 6px 12px ; border: 0 ; border-radius: 6px ; background: transparent ; color: #5a7085 ; font: 700 9.5px/1 Inter, sans-serif ; cursor: pointer ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-tabs button.active { background: #eaf7ef ; color: #08743d ; }
body.nm-workplace[data-wp-shell="retiree"] #view-profile [data-wp-settings-section] { scroll-margin-top: calc(var(--wp-v200-topbar) + 62px) ; margin-bottom: 14px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-sectionhead { margin: -2px -2px 16px ; padding: 2px 2px 14px ; border-bottom: 1px solid #e5ebf0 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-sectionhead h2 { margin: 0 0 5px ; color: #12355e ; font: 750 16px/1.2 Inter, sans-serif ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-sectionhead p { margin: 0 ; color: #66798c ; font-size: 9.5px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-card,
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-dashboard,
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-quick-links { padding: 20px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-header { padding: 0 0 16px ; border-bottom: 1px solid #e5ebf0 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-dashboard { margin-top: 0 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-quick-links { display: block ; border: 1px solid var(--wp-v200-border) ; border-radius: 10px ; background: #fff ; }
body.nm-workplace[data-wp-shell="retiree"] #view-profile .profile-quick-links > .btn { margin-right: 8px ; }

/* ───────────────── How to Use ───────────────── */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-v555 .nm-howto-dialog { width: min(960px, calc(100vw - 36px)) ; max-height: calc(100vh - 36px) ; padding: 0 ; border-radius: 14px ; overflow: auto ; background: #f5f8fa ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-v555 .nm-howto-topbar { position: sticky ; top: 0 ; z-index: 4 ; padding: 13px 18px ; border-bottom: 1px solid #dfe7ee ; background: rgba(255,255,255,.98) ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-hero { display: flex ; gap: 14px ; align-items: flex-start ; padding: 22px 24px 16px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-hero > span { display: grid ; place-items: center ; width: 46px ; height: 46px ; flex: 0 0 46px ; border-radius: 11px ; background: #e8f7ee ; color: #08743d ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-hero .nm-ui-icon { width: 24px ; height: 24px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-hero h1 { margin: 0 0 6px ; color: #102f58 ; font: 760 22px/1.2 Inter, sans-serif ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-hero p { margin: 0 ; color: #617589 ; font-size: 11px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid { display: grid ; grid-template-columns: repeat(2, minmax(0, 1fr)) ; gap: 11px ; padding: 0 24px 22px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid > a { display: grid ; grid-template-columns: 30px 1fr auto ; gap: 12px ; align-items: start ; min-height: 112px ; padding: 15px ; border: 1px solid #dce5ed ; border-radius: 10px ; background: #fff ; color: inherit ; text-decoration: none ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid > a:hover { border-color: #9bc9ad ; box-shadow: 0 7px 19px rgba(13, 97, 54, .07) ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid i { display: grid ; place-items: center ; width: 27px ; height: 27px ; border-radius: 50% ; background: #eaf7ef ; color: #08743d ; font: 800 10px/1 Inter, sans-serif ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid span { display: flex ; flex-direction: column ; gap: 5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid b { color: #14365f ; font-size: 11px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid small { color: #62768a ; font-size: 9.5px ; line-height: 1.45 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid em { align-self: end ; color: #08743d ; font: 750 9px/1 Inter, sans-serif ; white-space: nowrap ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid > a:last-child { grid-column: 1 / -1 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-foot { display: flex ; align-items: center ; justify-content: space-between ; gap: 20px ; padding: 16px 24px ; border-top: 1px solid #dfe7ee ; background: #fff ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-foot > div { display: flex ; flex-direction: column ; gap: 3px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-foot strong { color: #15365f ; font-size: 10px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-foot span { color: #687b8e ; font-size: 9px ; }

/* ───────────────── Create New Plan ───────────────── */
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-shell { display: block ; width: auto ; max-width: 1050px ; min-width: 0 ; margin: 0 auto ; padding: 22px 28px 34px ; box-sizing: border-box ; }
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-rp-back,
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-head { display: none ; }
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-card { max-width: none ; margin: 0 ; padding: 22px ; border: 1px solid #dce5ed ; border-radius: 12px ; background: #fff ; box-shadow: 0 8px 24px rgba(19,48,80,.045) ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-new-plan-intro { display: flex ; align-items: flex-start ; gap: 12px ; margin-bottom: 18px ; padding: 14px ; border: 1px solid #d7e8de ; border-radius: 9px ; background: #f3faf6 ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-new-plan-intro > span { color: #08743d ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-new-plan-intro .nm-ui-icon { width: 20px ; height: 20px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-new-plan-intro strong { display: block ; margin-bottom: 4px ; color: #15365f ; font-size: 10.5px ; }
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-new-plan-intro p { margin: 0 ; color: #617589 ; font-size: 9.5px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-method { display: grid ; grid-template-columns: repeat(2, minmax(0,1fr)) ; gap: 12px ; }
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-method legend,
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan #new-plan-method-help { grid-column: 1 / -1 ; }
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-option { min-height: 105px ; padding: 16px ; border: 1px solid #dbe4ec ; border-radius: 9px ; background: #fbfcfd ; }
body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-option:has(input:checked) { border-color: #78b992 ; background: #f0faf4 ; box-shadow: 0 0 0 2px rgba(12,147,77,.08) ; }

/* ───────────────── Mobile drawer and responsive page interiors ───────────────── */
body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v555-drawer-backdrop { display: none ; }
@media (max-width: 1080px) {
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-guide { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-layout { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-aside { position: static ; }
}
@media (max-width: 760px) {
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-menubtn { display: grid ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-topbrand { gap: 10px ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-sidebar {
    display: flex ;
    width: min(286px, 86vw) ;
    transform: translateX(-105%) ;
    transition: transform .22s ease ;
    box-shadow: 16px 0 45px rgba(3,24,48,.25) ;
  }
  body.nm-workplace[data-wp-shell="retiree"].nm-wp-drawer-open .nm-wp-v200-sidebar { transform: translateX(0) ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v555-drawer-backdrop {
    position: fixed ;
    inset: 0 ;
    z-index: 1495 ;
    width: 100% ;
    height: 100% ;
    padding: 0 ;
    border: 0 ;
    background: rgba(4, 24, 47, .48) ;
    backdrop-filter: blur(2px) ;
  }
  body.nm-workplace[data-wp-shell="retiree"].nm-wp-drawer-open .nm-wp-v555-drawer-backdrop { display: block ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-strategy-steps,
  body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view[data-wp-strategy-state="prerun"] .cnr-prerun-wrap,
  body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-3up,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid,
  body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-method { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view[data-wp-strategy-state="prerun"] .cnr-customize { grid-column: 1 ; grid-row: auto ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-report-grid article:last-child,
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-grid > a:last-child { grid-column: auto ; }
  body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-face { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="retiree"] #dash-strategies-view .cmp-r-shead { flex-direction: column ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-contextbar { grid-template-columns: 1fr auto ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-dd-current { display: none ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-tabs { display: flex ; width: 100% ; overflow-x: auto ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-settings-tabs button { white-space: nowrap ; }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-howto-foot { align-items: flex-start ; flex-direction: column ; }
  body.nm-workplace[data-wp-shell="retiree"] #view-new-plan .nm-new-plan-shell { padding: 14px ; }
}


/* Employee persona presentation */
/* NestMint Workplace Employee — complete presentation redesign
   Scoped to Workplace Employee only. Consumer-direct NestMint and Retiree Workplace are untouched. */

body.nm-workplace[data-wp-shell="employee"] {
  --wp-e200-navy: #062b55;
  --wp-e200-navy-2: #073967;
  --wp-e200-green: #07984c;
  --wp-e200-green-dark: #06753b;
  --wp-e200-blue: #165bc5;
  --wp-e200-ink: #09244f;
  --wp-e200-muted: #64748b;
  --wp-e200-border: #dde6ee;
  --wp-e200-bg: #f4f7fa;
  --wp-e200-card: #ffffff;
  --wp-e200-sidebar: 205px;
  --wp-e200-topbar: 69px;
  background: var(--wp-e200-bg) ;
  color: var(--wp-e200-ink) ;
  font-family: Inter, Arial, sans-serif ;
}

body.nm-workplace[data-wp-shell="employee"] .app-header,
body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-sidebar,
body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-head,
body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-ws-state,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .calc-header,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .view-toggle-bar,
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .calc-header,
body.nm-workplace[data-wp-shell="employee"] #view-budget .calc-header,
body.nm-workplace[data-wp-shell="employee"] #view-reports .nm-reports-header,
body.nm-workplace[data-wp-shell="employee"] #view-profile > .section-container > .section-title,
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-header,
body.nm-workplace[data-wp-shell="employee"] #carry-to-post,
body.nm-workplace[data-wp-shell="employee"] #se-ctx-handoff {
  display: none ;
}

body.nm-workplace[data-wp-shell="employee"] .view.active:not(#view-welcome) {
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  margin-left: 0 ;
  min-height: 100vh ;
  padding: var(--wp-e200-topbar) 0 0 var(--wp-e200-sidebar) ;
  background: var(--wp-e200-bg) ;
}

/* ───────────────────────── Employee sidebar ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-sidebar {
  position: fixed ;
  inset: 0 auto 0 0 ;
  z-index: 1500 ;
  width: var(--wp-e200-sidebar) ;
  height: 100vh ;
  box-sizing: border-box ;
  display: flex ;
  flex-direction: column ;
  overflow-y: auto ;
  padding: 15px 11px 14px ;
  background: linear-gradient(180deg, #062e59 0%, #052a51 62%, #042447 100%) ;
  color: #fff ;
  box-shadow: 8px 0 30px rgba(5, 36, 72, .08) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-brand {
  display: flex ;
  align-items: center ;
  min-height: 57px ;
  padding: 0 8px 8px ;
  text-decoration: none ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-brand img {
  display: block ;
  width: 150px ;
  height: auto ;
  max-height: 50px ;
  object-fit: contain ;
  object-position: left center ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-nav {
  display: flex ;
  flex-direction: column ;
  gap: 3px ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-nav-label {
  margin: 13px 8px 6px ;
  color: #72dd50 ;
  font-size: 9px ;
  line-height: 1.2 ;
  font-weight: 800 ;
  letter-spacing: .075em ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-nav-row {
  display: flex ;
  align-items: center ;
  gap: 11px ;
  min-height: 40px ;
  padding: 8px 10px ;
  box-sizing: border-box ;
  border: 1px solid transparent ;
  border-radius: 7px ;
  color: rgba(255,255,255,.94) ;
  font-size: 11px ;
  font-weight: 600 ;
  line-height: 1.2 ;
  text-decoration: none ;
  transition: background .16s ease, border-color .16s ease, transform .16s ease ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-nav-row:hover {
  background: rgba(255,255,255,.09) ;
  border-color: rgba(255,255,255,.08) ;
  transform: translateX(1px) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-nav-row.active {
  background: linear-gradient(135deg, #10a655, #0a8d48) ;
  border-color: rgba(255,255,255,.14) ;
  color: #fff ;
  box-shadow: 0 7px 17px rgba(0, 126, 63, .28) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-nav-row .nm-ui-icon {
  width: 18px ;
  height: 18px ;
  flex: 0 0 18px ;
  color: currentColor ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-support {
  margin-top: auto ;
  padding: 14px 13px 13px ;
  border: 1px solid rgba(255,255,255,.17) ;
  border-radius: 8px ;
  background: rgba(255,255,255,.055) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-support strong {
  display: block ;
  margin-bottom: 7px ;
  color: #fff ;
  font-size: 10px ;
  line-height: 1.45 ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-support p {
  margin: 0 0 11px ;
  color: rgba(255,255,255,.76) ;
  font-size: 8.8px ;
  line-height: 1.55 ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-support-btn {
  width: 100% ;
  height: 31px ;
  border: 0 ;
  border-radius: 5px ;
  background: rgba(42, 111, 169, .55) ;
  color: #fff ;
  font: inherit ;
  font-size: 10px ;
  font-weight: 700 ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-side-footer {
  display: flex ;
  flex-direction: column ;
  align-items: center ;
  gap: 9px ;
  padding: 18px 5px 0 ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-employer img {
  display: block ;
  width: 91px ;
  max-height: 38px ;
  object-fit: contain ;
  filter: brightness(0) invert(1) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-powered {
  display: flex ;
  align-items: center ;
  gap: 4px ;
  color: rgba(255,255,255,.72) ;
  font-size: 8px ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-powered b { color: #fff ; font-size: 9px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-side-footer small { color: rgba(255,255,255,.55) ; font-size: 7px ; }

/* ───────────────────────── Employee top utility bar ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbar {
  position: fixed ;
  top: 0 ;
  right: 0 ;
  left: var(--wp-e200-sidebar) ;
  z-index: 1490 ;
  height: var(--wp-e200-topbar) ;
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  padding: 0 28px ;
  box-sizing: border-box ;
  border-bottom: 1px solid #dfe6ec ;
  background: rgba(255,255,255,.98) ;
  backdrop-filter: blur(10px) ;
  color: var(--wp-e200-ink) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbrand,
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-top-actions { display: flex ; align-items: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbrand { gap: 18px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-tenant {
  display: flex ;
  align-items: center ;
  min-width: 82px ;
  height: 35px ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-tenant img { max-width: 88px ; max-height: 35px ; object-fit: contain ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-top-divider,
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-sep { display: block ; width: 1px ; height: 30px ; background: #e1e7ec ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbrand strong { color: #102852 ; font-size: 12px ; font-weight: 700 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-top-actions { gap: 14px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-privacy {
  display: flex ;
  align-items: center ;
  gap: 8px ;
  color: #14345f ;
  font-size: 9.5px ;
  font-weight: 600 ;
  text-decoration: none ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-privacy .nm-ui-icon { width: 17px ; height: 17px ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-privacy b { font-size: 12px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-iconbtn {
  position: relative ;
  display: grid ;
  place-items: center ;
  width: 30px ;
  height: 30px ;
  padding: 0 ;
  border: 0 ;
  background: transparent ;
  color: #102b5a ;
  font: 600 15px/1 Inter, sans-serif ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-iconbtn .nm-ui-icon { width: 18px ; height: 18px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-bell i {
  position: absolute ;
  top: -1px ;
  right: 0 ;
  min-width: 13px ;
  height: 13px ;
  display: grid ;
  place-items: center ;
  border-radius: 99px ;
  background: #07853f ;
  color: #fff ;
  font: 700 7px/1 Inter, sans-serif ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-user {
  display: flex ;
  align-items: center ;
  gap: 9px ;
  color: #102852 ;
  text-decoration: none ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-user > i {
  width: 34px ;
  height: 34px ;
  display: grid ;
  place-items: center ;
  border-radius: 50% ;
  background: #082e5e ;
  color: #fff ;
  font: 700 10px/1 Inter, sans-serif ;
  font-style: normal ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-user > span { display: flex ; flex-direction: column ; gap: 2px ; min-width: 83px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-user b { font-size: 9.5px ; line-height: 1.1 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-user small { color: #506681 ; font-size: 8px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-user em { font-size: 12px ; font-style: normal ; }

/* ───────────────────────── One page header ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagehead {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 26px ;
  min-height: 112px ;
  margin: 0 0 18px ;
  padding: 23px 27px ;
  box-sizing: border-box ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 12px ;
  background: linear-gradient(135deg, #ffffff 0%, #fbfdff 67%, #f0f8f4 100%) ;
  box-shadow: 0 7px 23px rgba(20, 49, 78, .045) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagecopy > span {
  display: block ;
  margin-bottom: 6px ;
  color: var(--wp-e200-green) ;
  font-size: 9px ;
  font-weight: 800 ;
  letter-spacing: .08em ;
  text-transform: uppercase ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagecopy h1 {
  margin: 0 0 7px ;
  color: #09244f ;
  font-family: Inter, Arial, sans-serif ;
  font-size: 27px ;
  line-height: 1.1 ;
  font-weight: 800 ;
  letter-spacing: -.035em ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagecopy p { max-width: 700px ; margin: 0 ; color: #536b86 ; font-size: 11px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pageactions { display: flex ; align-items: center ; justify-content: flex-end ; gap: 9px ; flex-wrap: wrap ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pageactions .btn { min-height: 36px ; padding: 8px 14px ; border-radius: 6px ; font-size: 10px ; font-weight: 700 ; box-shadow: none ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pageactions .btn-primary { border-color: var(--wp-e200-green) ; background: var(--wp-e200-green) ; color: #fff ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pageactions .btn-secondary { border-color: #cbd7e2 ; background: #fff ; color: #17385f ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-plan-context {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 18px ;
  margin: -3px 0 17px ;
  padding: 10px 14px ;
  border: 1px solid #dce7ef ;
  border-radius: 8px ;
  background: #f9fbfd ;
  color: #4f6781 ;
  font-size: 9px ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-plan-context > span { display: flex ; align-items: center ; gap: 8px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-plan-context .nm-ui-icon { width: 15px ; height: 15px ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-plan-context b { color: #13345d ; }

/* ───────────────────────── Employee Overview ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-shell { display: block ; min-height: 100% ; background: var(--wp-e200-bg) ; }
body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-main {
  width: 100% ;
  max-width: none ;
  min-height: calc(100vh - var(--wp-e200-topbar)) ;
  margin: 0 ;
  padding: 19px 28px 30px ;
  box-sizing: border-box ;
  background: var(--wp-e200-bg) ;
}
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-action-grid { grid-template-columns: repeat(4, minmax(0,1fr)) ; }
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-action-grid > a[hidden] { display: none ; }
body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-saved { border-bottom: 1px solid var(--wp-e200-border) ; }

/* ───────────────────────── Common employee page canvas ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-input-guide #wp-input-guide,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .calc-container,
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .calc-container,
body.nm-workplace[data-wp-shell="employee"] #view-budget .calc-container,
body.nm-workplace[data-wp-shell="employee"] #view-reports .nm-reports-shell,
body.nm-workplace[data-wp-shell="employee"] #view-profile .section-container {
  width: auto ;
  max-width: 1440px ;
  min-height: calc(100vh - var(--wp-e200-topbar)) ;
  margin: 0 auto ;
  padding: 25px 29px 38px ;
  box-sizing: border-box ;
  background: transparent ;
}
body.nm-workplace[data-wp-shell="employee"] .input-card,
body.nm-workplace[data-wp-shell="employee"] .chart-card,
body.nm-workplace[data-wp-shell="employee"] .spreadsheet-card,
body.nm-workplace[data-wp-shell="employee"] .sim-card,
body.nm-workplace[data-wp-shell="employee"] .profile-card,
body.nm-workplace[data-wp-shell="employee"] .profile-dashboard,
body.nm-workplace[data-wp-shell="employee"] .planning-tool-card {
  border-color: var(--wp-e200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 18px rgba(20, 49, 78, .04) ;
}
body.nm-workplace[data-wp-shell="employee"] input,
body.nm-workplace[data-wp-shell="employee"] select,
body.nm-workplace[data-wp-shell="employee"] textarea {
  border-color: #cdd9e4 ;
  border-radius: 6px ;
  background: #fff ;
  color: #12345d ;
}
body.nm-workplace[data-wp-shell="employee"] input:focus,
body.nm-workplace[data-wp-shell="employee"] select:focus,
body.nm-workplace[data-wp-shell="employee"] textarea:focus {
  border-color: var(--wp-e200-green) ;
  box-shadow: 0 0 0 3px rgba(7, 152, 76, .11) ;
}

/* ───────────────────────── Input Guide ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-progress {
  margin: 0 0 17px ;
  padding: 19px 22px 17px ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 18px rgba(20,49,78,.04) ;
}
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-progress-head {
  display: grid ;
  grid-template-columns: 86px minmax(0,1fr) ;
  gap: 16px ;
  align-items: start ;
}
body.nm-workplace[data-wp-shell="employee"] #view-input-guide #wp-ig-count {
  display: inline-flex ;
  align-items: center ;
  justify-content: center ;
  height: 28px ;
  border-radius: 99px ;
  background: #e9f7ef ;
  color: #08743d ;
  font-size: 9px ;
  font-weight: 800 ;
}
body.nm-workplace[data-wp-shell="employee"] #view-input-guide #wp-ig-step-title { display: block ; margin-bottom: 3px ; color: #102f58 ; font-size: 15px ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide #wp-ig-step-note { display: block ; color: #64778c ; font-size: 10px ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-track { height: 4px ; margin: 15px 0 13px ; border-radius: 5px ; background: #e7edf2 ; overflow: hidden ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide #wp-ig-progress-bar { display: block ; height: 100% ; border-radius: inherit ; background: linear-gradient(90deg, #0ba353, #46c478) ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-steps { display: grid ; grid-template-columns: repeat(5,minmax(0,1fr)) ; gap: 8px ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-step {
  display: flex ;
  align-items: center ;
  gap: 8px ;
  min-width: 0 ;
  padding: 8px 9px ;
  border: 1px solid #e2e8ee ;
  border-radius: 7px ;
  background: #fbfcfd ;
  color: #5d7188 ;
  font-size: 9px ;
  font-weight: 650 ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-step i { width: 20px ; height: 20px ; display: grid ; place-items: center ; flex: 0 0 20px ; border-radius: 50% ; background: #e8edf2 ; color: #50657c ; font-size: 8px ; font-style: normal ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-step.active { border-color: #54bf82 ; background: #f2fbf6 ; color: #08743d ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-step.active i,
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-step.complete i { background: var(--wp-e200-green) ; color: #fff ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-fields {
  overflow: hidden ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 18px rgba(20,49,78,.04) ;
}
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-row {
  display: grid ;
  grid-template-columns: minmax(0,1fr) 360px ;
  gap: 28px ;
  align-items: center ;
  min-height: 85px ;
  padding: 15px 22px ;
  box-sizing: border-box ;
  border-bottom: 1px solid #e8edf1 ;
}
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-row:last-child { border-bottom: 0 ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-row strong { display: block ; margin-bottom: 4px ; color: #12345d ; font-size: 11px ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-row small { color: #6b7f93 ; font-size: 9px ; line-height: 1.45 ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-field input,
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-field select { width: 100% ; height: 39px ; padding: 0 12px ; box-sizing: border-box ; font-size: 11px ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-footer {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 20px ;
  margin-top: 15px ;
  padding: 15px 17px ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 9px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-footer p { margin: 0 ; color: #6a7c8f ; font-size: 9px ; }
body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-footer .btn { min-width: 110px ; height: 36px ; font-size: 10px ; }

/* ───────────────────────── Edit Assumptions / Projection / Spreadsheet / Tools ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .calc-layout { gap: 18px ; align-items: start ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .calc-inputs,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .calc-results { min-width: 0 ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .input-card { margin-bottom: 13px ; padding: 18px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .input-card-title { margin-bottom: 14px ; color: #12345d ; font-size: 13px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .form-field label { color: #263f60 ; font-size: 9.5px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .form-field input,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .form-field select { min-height: 37px ; font-size: 10px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .rate-hint,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .field-hint { color: #718296 ; font-size: 8.5px ; line-height: 1.45 ; }

/* Assumption editor: direct inputs plus a compact live snapshot */
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-layout { display: grid ; grid-template-columns: minmax(520px, 1.02fr) minmax(350px, .68fr) ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-inputs { display: block ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-results { display: block ; position: sticky ; top: calc(var(--wp-e200-topbar) + 18px) ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-results > * { display: none ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-results > #se-hero,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-results > #pre-scenarios-card { display: grid ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement #se-hero { grid-template-columns: repeat(2,minmax(0,1fr)) ; gap: 10px ; padding: 0 ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement #se-hero .se-hero-card { min-height: 133px ; padding: 16px ; border: 1px solid var(--wp-e200-border) ; border-radius: 9px ; background: #fff ; box-shadow: 0 5px 18px rgba(20,49,78,.04) ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement #se-hero .se-hero-primary { grid-column: 1 / -1 ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement #pre-scenarios-card { margin-top: 12px ; }

/* Projection page: results only */
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement .calc-layout,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement .calc-layout,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement .calc-layout { display: block ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement .calc-inputs,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement .calc-inputs,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement .calc-inputs { display: none ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement .calc-results,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement .calc-results,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement .calc-results { width: 100% ; display: block ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement #se-planning-tools,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement #pre-spreadsheet-view,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement .table-details { display: none ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement #pre-charts-view { display: block ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-hero { gap: 11px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .se-hero-card,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .kpi-card { border-color: var(--wp-e200-border) ; border-radius: 9px ; background: #fff ; box-shadow: 0 5px 18px rgba(20,49,78,.04) ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .chart-card { padding: 19px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .chart-title { color: #12345d ; font-size: 13px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .se-ctx-row { gap: 11px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .se-ctx-card { border-color: var(--wp-e200-border) ; border-radius: 9px ; background: #fff ; }

/* Spreadsheet page: one wide analysis surface */
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement .calc-results > * { display: none ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement #pre-spreadsheet-view { display: block ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement #pre-spreadsheet-view .spreadsheet-card { display: block ; margin: 0 ; padding: 18px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .spreadsheet-scroll { border: 1px solid #dfe7ee ; border-radius: 8px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .spreadsheet-table { font-size: 9px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .spreadsheet-table thead th { background: #f2f6f9 ; color: #17375f ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .spreadsheet-table .ss-group-row th { background: #e9f2f7 ; color: #21486e ; }

/* Smart Planning Tools page: no charts or duplicate results navigation */
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement .calc-results > * { display: none ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement #pre-window-alert,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement #se-planning-tools { display: block ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-planning-tools {
  position: relative ;
  padding: 20px ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 18px rgba(20,49,78,.04) ;
}
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tools-heading { color: #102f58 ; font-size: 15px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-card { margin-top: 10px ; overflow: hidden ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-toggle { min-height: 54px ; padding: 12px 15px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-body { border-top: 1px solid #e7edf2 ; background: #fbfcfd ; }

/* ───────────────────────── Goal Simulator ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-starting-balance {
  margin-bottom: 16px ;
  padding: 18px 20px ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 10px ;
  background: linear-gradient(135deg,#fff,#f4fbf7) ;
  box-shadow: 0 5px 18px rgba(20,49,78,.04) ;
}
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-grid { display: grid ; grid-template-columns: repeat(2,minmax(0,1fr)) ; gap: 14px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-card { padding: 20px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-card h3 { color: #102f58 ; font-size: 14px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-card p { color: #64778c ; font-size: 9px ; line-height: 1.45 ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-card .btn { border-radius: 6px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-result { border-radius: 8px ; background: #f1faf5 ; }

/* ───────────────────────── Budget Tracker ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-budget #budget-view-toggle-bar {
  display: inline-flex ;
  width: auto ;
  margin: 0 0 15px ;
  padding: 4px ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 8px ;
  background: #fff ;
}
body.nm-workplace[data-wp-shell="employee"] #view-budget #budget-view-toggle-bar .view-toggle-btn { min-width: 100px ; border: 0 ; border-radius: 6px ; font-size: 9.5px ; }
body.nm-workplace[data-wp-shell="employee"] #view-budget #budget-view-toggle-bar .view-toggle-btn.active { background: #eaf7f0 ; color: #08743d ; }
body.nm-workplace[data-wp-shell="employee"] #view-budget .budget-summary { gap: 11px ; }
body.nm-workplace[data-wp-shell="employee"] #view-budget .kpi-card { border-color: var(--wp-e200-border) ; border-radius: 9px ; background: #fff ; box-shadow: 0 5px 18px rgba(20,49,78,.04) ; }
body.nm-workplace[data-wp-shell="employee"] #view-budget .budget-layout { gap: 15px ; }
body.nm-workplace[data-wp-shell="employee"] #view-budget .form-section,
body.nm-workplace[data-wp-shell="employee"] #view-budget .chart-card,
body.nm-workplace[data-wp-shell="employee"] #view-budget .spreadsheet-card { border-color: var(--wp-e200-border) ; border-radius: 10px ; background: #fff ; box-shadow: 0 5px 18px rgba(20,49,78,.04) ; }

/* ───────────────────────── Employee Reports ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-reports .nm-wp-e200-report-home { display: block ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-intro {
  margin-bottom: 16px ;
  padding: 14px 17px ;
  border: 1px solid #cce8d8 ;
  border-radius: 9px ;
  background: #f2fbf6 ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-intro > div { display: grid ; grid-template-columns: 30px auto ; column-gap: 10px ; align-items: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-intro > div > span { grid-row: 1 / span 2 ; width: 28px ; height: 28px ; display: grid ; place-items: center ; border-radius: 50% ; background: #dff4e8 ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-intro .nm-ui-icon { width: 16px ; height: 16px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-intro strong { color: #123b2a ; font-size: 10.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-intro p { margin: 3px 0 0 ; color: #4b6d5d ; font-size: 9px ; line-height: 1.45 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-group {
  margin-bottom: 16px ;
  padding: 20px ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 10px ;
  background: #fff ;
  box-shadow: 0 5px 18px rgba(20,49,78,.04) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-group > header { display: grid ; grid-template-columns: minmax(0,1fr) auto ; margin-bottom: 14px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-group > header span { grid-column: 1 ; color: var(--wp-e200-green) ; font-size: 8px ; font-weight: 800 ; letter-spacing: .08em ; text-transform: uppercase ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-group > header h2 { grid-column: 1 ; margin: 4px 0 0 ; color: #102f58 ; font-size: 15px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-group > header p { grid-column: 2 ; grid-row: 1 / span 2 ; max-width: 380px ; margin: 0 ; color: #65798e ; font-size: 9px ; line-height: 1.45 ; text-align: right ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid { display: grid ; grid-template-columns: repeat(3,minmax(0,1fr)) ; gap: 11px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid article {
  display: grid ;
  grid-template-columns: 40px minmax(0,1fr) ;
  grid-template-rows: minmax(112px,auto) auto ;
  column-gap: 11px ;
  padding: 16px ;
  border: 1px solid #dfe7ee ;
  border-radius: 9px ;
  background: #fbfcfd ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid article > i { width: 38px ; height: 38px ; display: grid ; place-items: center ; border-radius: 8px ; background: #e9f6ef ; color: var(--wp-e200-green) ; font-style: normal ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid article > i .nm-ui-icon { width: 20px ; height: 20px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid small { color: #5c7188 ; font-size: 7px ; font-weight: 800 ; letter-spacing: .06em ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid h3 { margin: 5px 0 6px ; color: #12345d ; font-size: 12px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid p { margin: 0 ; color: #687b90 ; font-size: 8.5px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid .btn { grid-column: 1 / -1 ; width: 100% ; min-height: 34px ; margin-top: 12px ; border-radius: 6px ; font-size: 9px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-note { display: flex ; align-items: center ; gap: 10px ; padding: 12px 15px ; border: 1px solid #dfe7ee ; border-radius: 8px ; background: #f9fbfd ; color: #64778c ; font-size: 8.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-note strong { color: #17385f ; }

/* ───────────────────────── Employee profile ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] #view-profile .section-container { max-width: 1120px ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-card,
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-dashboard { padding: 20px ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-avatar { background: #082e5e ; color: #fff ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-slot-group[hidden] { display: none ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-quick-links { display: none ; }

/* ───────────────────────── Support modal ───────────────────────── */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal {
  position: fixed ;
  inset: 0 ;
  z-index: 3000 ;
  display: grid ;
  place-items: center ;
  padding: 20px ;
  background: rgba(4,25,48,.56) ;
  backdrop-filter: blur(4px) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal-card {
  position: relative ;
  width: min(430px,calc(100vw - 40px)) ;
  padding: 28px ;
  box-sizing: border-box ;
  border-radius: 13px ;
  background: #fff ;
  box-shadow: 0 25px 70px rgba(3,25,49,.26) ;
  text-align: center ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal-close { position: absolute ; top: 10px ; right: 12px ; border: 0 ; background: transparent ; color: #657a90 ; font-size: 22px ; cursor: pointer ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal-icon { width: 48px ; height: 48px ; display: grid ; place-items: center ; margin: 0 auto 13px ; border-radius: 50% ; background: #e7f7ee ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal-icon .nm-ui-icon { width: 23px ; height: 23px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal h2 { margin: 0 0 8px ; color: #102f58 ; font-size: 20px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal p { margin: 0 auto 15px ; color: #65788d ; font-size: 10px ; line-height: 1.55 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-help-links { display: grid ; gap: 7px ; margin-bottom: 17px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-help-links a { padding: 9px 11px ; border: 1px solid #dfe7ee ; border-radius: 7px ; background: #fbfcfd ; color: #17385f ; font-size: 9px ; font-weight: 700 ; text-decoration: none ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-modal-done { min-width: 120px ; }

/* Demo selector remains available for design review only. */
body.nm-workplace[data-wp-shell="employee"] #nm-wp-demo-switch { z-index: 2500 ; }

/* ───────────────────────── Responsive behavior ───────────────────────── */
@media (max-width: 1180px) {
  body.nm-workplace[data-wp-shell="employee"] { --wp-e200-sidebar: 190px; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-top-actions { gap: 9px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-privacy span { display: none ; }
  body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .calc-layout { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-results { position: static ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid { grid-template-columns: repeat(2,minmax(0,1fr)) ; }
}
@media (max-width: 900px) {
  body.nm-workplace[data-wp-shell="employee"] { --wp-e200-sidebar: 0px; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-sidebar { display: none ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbar { left: 0 ; padding: 0 15px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbrand strong { font-size: 10px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-user > span,
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-top-divider,
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-sep { display: none ; }
  body.nm-workplace[data-wp-shell="employee"] .view.active:not(#view-welcome) { padding-left: 0 ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagehead { align-items: flex-start ; flex-direction: column ; }
  body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-steps { grid-template-columns: repeat(2,minmax(0,1fr)) ; }
  body.nm-workplace[data-wp-shell="employee"] #view-input-guide .nm-wp-ig-row { grid-template-columns: 1fr ; gap: 9px ; }
  body.nm-workplace[data-wp-shell="employee"] #view-pre-simulator .sim-grid,
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid,
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid-two { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-action-grid { grid-template-columns: repeat(2,minmax(0,1fr)) ; }
}

/* Employee Workplace owns the page-level spreadsheet actions; keep the engine controls as hidden proxies. */
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement #pre-spreadsheet-view .spreadsheet-toolbar #pre-sheet-expand-btn,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="spreadsheet"] #view-pre-retirement #pre-spreadsheet-view .spreadsheet-toolbar #pre-export-csv-btn {
  display: none ;
}

/* Reports are persona-specific. Suppress every consumer/retiree report block and show only the Employee report home. */
body.nm-workplace[data-wp-shell="employee"] #view-reports .nm-reports-shell > :not(#nm-wp-e200-pagehead):not(.nm-wp-e200-report-home) {
  display: none ;
}

/* Empty engine-owned notices should not leave blank presentation bars. They reappear automatically when populated. */
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement #pre-window-alert:empty,
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement #se-insight[hidden],
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement #se-insight:has(#se-insight-text:empty) {
  display: none ;
}
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="tools"] #view-pre-retirement #pre-window-alert:not(:empty) {
  display: flex ;
}

/* Employee Workplace page interiors. Presentation-only; existing controls and results stay engine-owned. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-menubtn {
  display: none ;
  width: 36px ;
  height: 36px ;
  place-items: center ;
  padding: 0 ;
  border: 1px solid #d7e1e9 ;
  border-radius: 7px ;
  background: #fff ;
  color: #12345d ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-menubtn .nm-ui-icon { width: 19px ; height: 19px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-context-link {
  display: inline-flex ;
  align-items: center ;
  margin-bottom: 6px ;
  color: var(--wp-e200-green) ;
  font-size: 11px ;
  font-weight: 800 ;
  letter-spacing: .08em ;
  text-transform: uppercase ;
  text-decoration: none ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-context-link:hover { text-decoration: underline ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagecopy > span { display: none ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagecopy p { font-size: 13px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-nav-row { font-size: 13px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-support p { font-size: 11.5px ; }

/* Direct assumptions: clear section map above the retained engine-owned fields. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 24px ;
  margin: 0 0 17px ;
  padding: 16px 18px ;
  border: 1px solid #d8e5ed ;
  border-radius: 10px ;
  background: linear-gradient(135deg,#ffffff 0%,#f6fbf8 100%) ;
  box-shadow: 0 5px 18px rgba(20,49,78,.035) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map > div {
  display: grid ;
  grid-template-columns: 38px minmax(0,1fr) ;
  gap: 12px ;
  align-items: center ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map > div > span {
  width: 38px ;
  height: 38px ;
  display: grid ;
  place-items: center ;
  border-radius: 9px ;
  background: #e7f7ee ;
  color: var(--wp-e200-green) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map .nm-ui-icon { width: 19px ; height: 19px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map small,
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tools-copy small,
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-overview small,
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context small {
  display: block ;
  color: var(--wp-e200-green) ;
  font-size: 10px ;
  font-weight: 800 ;
  letter-spacing: .075em ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map strong { display: block ; margin: 3px 0 ; color: #12345d ; font-size: 13px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map p { margin: 0 ; color: #667b90 ; font-size: 11.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map nav { display: flex ; gap: 7px ; flex-wrap: wrap ; justify-content: flex-end ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map button,
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav button {
  min-height: 34px ;
  padding: 7px 11px ;
  border: 1px solid #cfdae4 ;
  border-radius: 6px ;
  background: #fff ;
  color: #214262 ;
  font: 700 11.5px/1.2 Inter, sans-serif ;
  cursor: pointer ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map button:hover,
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav button:hover { border-color: #57b980 ; background: #f0faf5 ; color: #08743d ; }

/* Projection: one compact sub-navigation rather than another page tab bar. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav {
  display: flex ;
  align-items: center ;
  gap: 8px ;
  margin: 0 0 17px ;
  padding: 11px 13px ;
  border: 1px solid var(--wp-e200-border) ;
  border-radius: 8px ;
  background: #fff ;
  box-shadow: 0 4px 14px rgba(20,49,78,.03) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav > span { margin-right: auto ; padding: 0 8px 0 2px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav small { display: block ; color: #6d8093 ; font-size: 9px ; font-weight: 800 ; letter-spacing: .07em ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav strong { display: block ; margin-top: 2px ; color: #12345d ; font-size: 12px ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement #se-hero { margin-bottom: 14px ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement .se-hero-card { min-height: 126px ; }
body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="projection"] #view-pre-retirement .pre-scenarios-card { border: 1px solid var(--wp-e200-border) ; border-radius: 10px ; background: #fff ; box-shadow: 0 5px 18px rgba(20,49,78,.04) ; }

/* Smart Planning Tools: dedicated question-first page, existing details retained. */
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-planning-tools.nm-wp-e556-tools { padding: 0 0 20px ; overflow: hidden ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-planning-tools.nm-wp-e556-tools > .planning-tools-heading[hidden] { display: none ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tools-overview { padding: 22px ; border-bottom: 1px solid #e4ebf0 ; background: linear-gradient(135deg,#fbfefd,#f2faf6) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tools-copy {
  display: grid ;
  grid-template-columns: 44px minmax(0,1fr) ;
  gap: 13px ;
  align-items: center ;
  margin-bottom: 18px ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tools-copy > span { width: 44px ; height: 44px ; display: grid ; place-items: center ; border-radius: 11px ; background: #def4e8 ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tools-copy > span .nm-ui-icon { width: 22px ; height: 22px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tools-copy h2 { margin: 4px 0 5px ; color: #102f58 ; font-size: 18px ; letter-spacing: -.02em ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tools-copy p { max-width: 820px ; margin: 0 ; color: #60758a ; font-size: 12px ; line-height: 1.5 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index { display: grid ; grid-template-columns: repeat(4,minmax(0,1fr)) ; gap: 10px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index > button {
  min-height: 150px ;
  display: grid ;
  grid-template-columns: 34px minmax(0,1fr) ;
  grid-template-rows: 1fr auto ;
  column-gap: 10px ;
  padding: 14px ;
  border: 1px solid #dce6ed ;
  border-radius: 9px ;
  background: #fff ;
  color: #17385f ;
  text-align: left ;
  cursor: pointer ;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index > button:hover { transform: translateY(-2px) ; border-color: #8bcdaa ; box-shadow: 0 8px 20px rgba(20,49,78,.07) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index i { width: 32px ; height: 32px ; display: grid ; place-items: center ; border-radius: 8px ; background: #e8f7ef ; color: var(--wp-e200-green) ; font-style: normal ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index i .nm-ui-icon { width: 17px ; height: 17px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index span { min-width: 0 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index small { display: block ; color: #708398 ; font-size: 9px ; font-weight: 800 ; letter-spacing: .06em ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index b { display: block ; margin: 5px 0 ; color: #17385f ; font-size: 12.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index em { display: block ; color: #6b7d91 ; font-size: 10px ; line-height: 1.4 ; font-style: normal ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index > button > strong { grid-column: 1 / -1 ; align-self: end ; margin-top: 10px ; color: #078044 ; font-size: 10.5px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-planning-tools.nm-wp-e556-tools > #se-tools-collapse-all { margin: 14px 20px 2px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-planning-tools.nm-wp-e556-tools > .se-insight,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-planning-tools.nm-wp-e556-tools > .se-last-updated,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement #se-planning-tools.nm-wp-e556-tools > details { margin-left: 20px ; margin-right: 20px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-card { scroll-margin-top: 90px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-toggle { position: relative ; min-height: 64px ; padding: 13px 16px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-label { font-size: 12px ; color: #17385f ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .nm-wp-e556-tool-meta { margin-left: auto ; padding: 5px 8px ; border-radius: 99px ; background: #f0f5f8 ; color: #61768b ; font-size: 9px ; font-weight: 800 ; letter-spacing: .055em ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-chevron { margin-left: 8px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .planning-tool-body { padding: 18px ; }

/* Spreadsheet: stronger orientation and readable dense data. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-overview {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 20px ;
  margin: 0 0 14px ;
  padding: 14px 16px ;
  border: 1px solid #dbe6ed ;
  border-radius: 9px ;
  background: #f8fbfc ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-overview > div:first-child { display: grid ; grid-template-columns: 38px minmax(0,1fr) ; gap: 11px ; align-items: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-overview > div:first-child > span { width: 36px ; height: 36px ; display: grid ; place-items: center ; border-radius: 8px ; background: #e6f6ed ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-overview strong { display: block ; margin: 3px 0 ; color: #14365e ; font-size: 13px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-overview p { margin: 0 ; color: #667b8f ; font-size: 11px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-stat { min-width: 90px ; padding-left: 18px ; border-left: 1px solid #dce5eb ; text-align: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-stat b { display: block ; color: #087c42 ; font-size: 20px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-stat span { color: #6b7e91 ; font-size: 10px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .spreadsheet-table { font-size: 12px ; }
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .spreadsheet-table th,
body.nm-workplace[data-wp-shell="employee"] #view-pre-retirement .spreadsheet-table td { padding: 9px 10px ; white-space: nowrap ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-empty { padding: 42px 20px ; border: 1px dashed #cad8e2 ; border-radius: 9px ; background: #fbfcfd ; text-align: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-empty > span { width: 45px ; height: 45px ; display: grid ; place-items: center ; margin: 0 auto 10px ; border-radius: 50% ; background: #e8f6ee ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-empty h3 { margin: 0 0 6px ; color: #17385f ; font-size: 14px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-empty p { margin: 0 auto 13px ; color: #687d91 ; font-size: 11.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-empty[hidden] { display: none ; }

/* Goal Simulator: explain the existing solve workflow without changing it. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-goal-flow { display: grid ; grid-template-columns: repeat(3,minmax(0,1fr)) ; gap: 10px ; margin: 0 0 16px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-goal-flow > div { display: grid ; grid-template-columns: 30px minmax(0,1fr) ; gap: 10px ; align-items: center ; padding: 13px 15px ; border: 1px solid #dfe7ed ; border-radius: 9px ; background: #fff ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-goal-flow i { width: 28px ; height: 28px ; display: grid ; place-items: center ; border-radius: 50% ; background: #e5f6ed ; color: #087a40 ; font: 800 11px/1 Inter,sans-serif ; font-style: normal ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-goal-flow b { display: block ; margin-bottom: 3px ; color: #17385f ; font-size: 12.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-goal-flow small { display: block ; color: #6c7e91 ; font-size: 10px ; line-height: 1.4 ; }

/* Budget: retain the shared tracker while making its role clear in Employee Workplace. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 20px ;
  margin: 0 0 16px ;
  padding: 15px 17px ;
  border: 1px solid #d7e6de ;
  border-radius: 9px ;
  background: #f5fbf7 ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context > div { display: grid ; grid-template-columns: 38px minmax(0,1fr) ; gap: 11px ; align-items: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context > div > span { width: 36px ; height: 36px ; display: grid ; place-items: center ; border-radius: 8px ; background: #dff3e7 ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context strong { display: block ; margin: 3px 0 ; color: #17412e ; font-size: 13px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context p { margin: 0 ; color: #587264 ; font-size: 11px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context > a { flex: 0 0 auto ; color: #087943 ; font-size: 11.5px ; font-weight: 750 ; text-decoration: none ; }

/* Reports: only real Employee report/export outputs; no second navigation hub. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-summary {
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  gap: 24px ;
  margin: 0 0 16px ;
  padding: 18px 20px ;
  border: 1px solid #d6e5dc ;
  border-radius: 10px ;
  background: linear-gradient(135deg,#ffffff,#f2faf6) ;
}
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-summary > div:first-child { display: grid ; grid-template-columns: 43px minmax(0,1fr) ; gap: 13px ; align-items: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-summary > div:first-child > span { width: 42px ; height: 42px ; display: grid ; place-items: center ; border-radius: 10px ; background: #dff4e8 ; color: var(--wp-e200-green) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-summary small { color: var(--wp-e200-green) ; font-size: 9.5px ; font-weight: 800 ; letter-spacing: .07em ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-summary h2 { margin: 3px 0 4px ; color: #12345d ; font-size: 16px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-summary p { margin: 0 ; color: #61768a ; font-size: 11.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-count { min-width: 100px ; padding-left: 22px ; border-left: 1px solid #d8e4dc ; text-align: center ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-count strong { display: block ; color: #087c42 ; font-size: 24px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-count span { color: #667c70 ; font-size: 10px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid article { grid-template-rows: minmax(130px,auto) auto ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-report-grid p { font-size: 11px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-help { display: grid ; grid-template-columns: 34px minmax(0,1fr) auto ; gap: 11px ; align-items: center ; padding: 14px 16px ; border: 1px solid #dfe7ee ; border-radius: 9px ; background: #f9fbfd ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-help > span { width: 32px ; height: 32px ; display: grid ; place-items: center ; border-radius: 50% ; background: #e9f2f8 ; color: #2c5c87 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-help strong { color: #17385f ; font-size: 11.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-help p { margin: 3px 0 0 ; color: #6a7d90 ; font-size: 10.5px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-help a { color: #087943 ; font-size: 11px ; font-weight: 750 ; text-decoration: none ; }

/* Employee profile: one page, three clearly named sections. */
body.nm-workplace[data-wp-shell="employee"] #view-profile .section-container { max-width: 1240px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-tabs { position: sticky ; top: calc(var(--wp-e200-topbar) + 8px) ; z-index: 12 ; display: inline-flex ; gap: 4px ; margin: 0 0 16px ; padding: 4px ; border: 1px solid #dce5ec ; border-radius: 8px ; background: rgba(255,255,255,.97) ; box-shadow: 0 5px 16px rgba(20,49,78,.05) ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-tabs button { min-height: 34px ; padding: 7px 13px ; border: 0 ; border-radius: 6px ; background: transparent ; color: #536b83 ; font: 700 11px/1.2 Inter,sans-serif ; cursor: pointer ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-tabs button.active { background: #eaf7f0 ; color: #08743d ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile [data-wp-e556-profile-section] { scroll-margin-top: 128px ; margin-bottom: 16px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-sectionhead { margin: -2px 0 18px ; padding-bottom: 13px ; border-bottom: 1px solid #e5ebf0 ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-sectionhead span { color: var(--wp-e200-green) ; font-size: 9.5px ; font-weight: 800 ; letter-spacing: .075em ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-sectionhead h2 { margin: 4px 0 ; color: #12345d ; font-size: 16px ; }
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-sectionhead p { margin: 0 ; color: #697d90 ; font-size: 11.5px ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-card,
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-dashboard,
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-quick-links { padding: 22px ; border: 1px solid var(--wp-e200-border) ; border-radius: 10px ; background: #fff ; box-shadow: 0 5px 18px rgba(20,49,78,.04) ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-quick-links { display: flex ; flex-wrap: wrap ; gap: 10px ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-quick-links .nm-wp-e556-profile-sectionhead { flex: 0 0 100% ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-field label { color: #28435f ; font-size: 11.5px ; }
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-field input,
body.nm-workplace[data-wp-shell="employee"] #view-profile .profile-field select { min-height: 39px ; font-size: 12.5px ; }

/* Mobile/tablet Employee navigation drawer. */
body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-drawer-backdrop { display: none ; position: fixed ; inset: 0 ; z-index: 1485 ; border: 0 ; background: rgba(3,24,47,.52) ; backdrop-filter: blur(2px) ; }
@media (max-width: 1180px) {
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index { grid-template-columns: repeat(2,minmax(0,1fr)) ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map { align-items: flex-start ; flex-direction: column ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-assumption-map nav { justify-content: flex-start ; }
}
@media (max-width: 900px) {
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-menubtn { display: grid ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-sidebar { display: flex ; width: 235px ; transform: translateX(-104%) ; transition: transform .2s ease ; box-shadow: 16px 0 45px rgba(2,20,40,.24) ; }
  body.nm-workplace[data-wp-shell="employee"].nm-wp-e556-drawer-open .nm-wp-e200-sidebar { transform: translateX(0) ; }
  body.nm-workplace[data-wp-shell="employee"].nm-wp-e556-drawer-open .nm-wp-e556-drawer-backdrop { display: block ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbrand { gap: 10px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav { align-items: stretch ; flex-wrap: wrap ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-projection-nav > span { flex: 0 0 100% ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-goal-flow { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-budget-context,
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-summary,
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-overview { align-items: flex-start ; flex-direction: column ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-count,
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-sheet-stat { padding: 10px 0 0 ; border-left: 0 ; border-top: 1px solid #dde6eb ; text-align: left ; }
}
@media (max-width: 620px) {
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbar { height: 62px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-tenant { display: none ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-topbrand strong { max-width: 160px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagehead { min-height: 0 ; padding: 18px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e200-pagecopy h1 { font-size: 23px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index { grid-template-columns: 1fr ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-tool-index > button { min-height: 126px ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-help { grid-template-columns: 32px minmax(0,1fr) ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-report-help a { grid-column: 2 ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-tabs { width: 100% ; overflow-x: auto ; }
  body.nm-workplace[data-wp-shell="employee"] .nm-wp-e556-profile-tabs button { white-space: nowrap ; }
}


/* Shared responsive layout contract */
/* Canonical Workplace layout and collision containment. */
body.nm-workplace {
  overflow-x: clip;
  --nm-wp-fixed-sidebar: 205px;
}
body.nm-workplace[data-wp-shell="employee"] { --nm-wp-fixed-sidebar: var(--wp-e200-sidebar, 205px); }
body.nm-workplace[data-wp-shell="retiree"] { --nm-wp-fixed-sidebar: var(--wp-v200-sidebar, 188px); }
body.nm-workplace.nm-wp-modal-open {
  overflow: hidden ;
}
body.nm-workplace .view,
body.nm-workplace .view.active,
body.nm-workplace .calc-container,
body.nm-workplace .dash-container,
body.nm-workplace .section-container,
body.nm-workplace .nm-reports-shell,
body.nm-workplace .wz-main,
body.nm-workplace .nm-new-plan-shell {
  box-sizing: border-box;
  min-width: 0 ;
  max-width: 100%;
}
body.nm-workplace .view.active > *,
body.nm-workplace .calc-container > *,
body.nm-workplace .dash-container > *,
body.nm-workplace .section-container > *,
body.nm-workplace .nm-reports-shell > * {
  min-width: 0;
}
body.nm-workplace #nm-wp-v200-pagehead,
body.nm-workplace #nm-wp-e200-pagehead {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
body.nm-workplace[data-wp-shell="employee"] #nm-wp-v200-pagehead,
body.nm-workplace[data-wp-shell="retiree"] #nm-wp-e200-pagehead {
  display: none ;
}
body.nm-workplace .nm-wp-v200-pagecopy,
body.nm-workplace .nm-wp-e200-pagecopy,
body.nm-workplace .nm-wp-v200-pageactions,
body.nm-workplace .nm-wp-e200-pageactions,
body.nm-workplace .nm-wp-v200-topbrand,
body.nm-workplace .nm-wp-e200-topbrand,
body.nm-workplace .nm-wp-v200-top-actions,
body.nm-workplace .nm-wp-e200-top-actions {
  min-width: 0;
}
body.nm-workplace .nm-wp-v200-pageactions,
body.nm-workplace .nm-wp-e200-pageactions {
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.nm-workplace .nm-wp-v200-tenant strong,
body.nm-workplace .nm-wp-e200-tenant strong,
body.nm-workplace .nm-wp-v200-employer strong,
body.nm-workplace .nm-wp-e200-employer strong {
  display: block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 700 14px/1.2 "Plus Jakarta Sans", Inter, sans-serif;
}
body.nm-workplace .nm-wp-v200-topbrand > strong,
body.nm-workplace .nm-wp-e200-topbrand > strong,
body.nm-workplace .nm-wp-v200-user span,
body.nm-workplace .nm-wp-e200-user span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.nm-workplace .nm-wp-v200-user b,
body.nm-workplace .nm-wp-e200-user b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.nm-workplace .nm-wp-v200-nav-row,
body.nm-workplace .nm-wp-e200-nav-row {
  font-size: 13px ;
  line-height: 1.35;
}
body.nm-workplace .nm-wp-v200-support p,
body.nm-workplace .nm-wp-e200-support p,
body.nm-workplace .nm-wp-v200-side-footer,
body.nm-workplace .nm-wp-e200-side-footer {
  font-size: 12px ;
  line-height: 1.45;
}
body.nm-workplace .spreadsheet-wrap,
body.nm-workplace .table-scroll,
body.nm-workplace .dash-table-wrap,
body.nm-workplace .pre-spreadsheet-wrap,
body.nm-workplace [class*="spreadsheet"] table {
  max-width: 100%;
}
body.nm-workplace .spreadsheet-wrap,
body.nm-workplace .table-scroll,
body.nm-workplace .dash-table-wrap,
body.nm-workplace .pre-spreadsheet-wrap {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
body.nm-workplace .nm-wp-v200-modal,
body.nm-workplace .nm-wp-e200-modal,
body.nm-workplace #nm-howto-modal {
  z-index: 5000 ;
}
body.nm-workplace #nm-wp-global-sidebar {
  z-index: 3100 ;
}
body.nm-workplace #nm-wp-global-topbar {
  z-index: 3000 ;
}
body.nm-workplace #nm-wp-v555-drawer-backdrop,
body.nm-workplace #nm-wp-e556-drawer-backdrop {
  z-index: 3050 ;
}
@media (max-width: 1100px) {
  body.nm-workplace .nm-wp-v200-privacy span,
  body.nm-workplace .nm-wp-e200-privacy span { display: none; }
  body.nm-workplace .nm-wp-v200-top-divider,
  body.nm-workplace .nm-wp-e200-top-divider { margin-inline: 8px; }
  body.nm-workplace .nm-wp-v200-pagehead,
  body.nm-workplace .nm-wp-e200-pagehead { gap: 16px; }
}
@media (max-width: 900px) {
  body.nm-workplace .view.active,
  body.nm-workplace[data-wp-shell="employee"] .view.active,
  body.nm-workplace[data-wp-shell="retiree"] .view.active {
    margin-left: 0 ;
    width: 100% ;
    max-width: 100% ;
    padding-left: 16px ;
    padding-right: 16px ;
  }
  body.nm-workplace .nm-wp-v200-pagehead,
  body.nm-workplace .nm-wp-e200-pagehead {
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  body.nm-workplace .nm-wp-v200-topbar,
  body.nm-workplace .nm-wp-e200-topbar {
    padding-inline: 12px ;
  }
  body.nm-workplace .nm-wp-v200-tenant strong,
  body.nm-workplace .nm-wp-e200-tenant strong { max-width: 96px; font-size: 12px; }
  body.nm-workplace .nm-wp-v200-topbrand > strong,
  body.nm-workplace .nm-wp-e200-topbrand > strong { display: none; }
  body.nm-workplace .nm-wp-v200-user span,
  body.nm-workplace .nm-wp-e200-user span,
  body.nm-workplace .nm-wp-v200-user em,
  body.nm-workplace .nm-wp-e200-user em { display: none; }
  body.nm-workplace .nm-wp-v200-pagehead,
  body.nm-workplace .nm-wp-e200-pagehead {
    display: flex;
    flex-direction: column;
    padding: 18px ;
  }
  body.nm-workplace .nm-wp-v200-pageactions,
  body.nm-workplace .nm-wp-e200-pageactions {
    width: 100%;
    justify-content: flex-start;
  }
}


/* Fixed-shell geometry reserves the sidebar and topbar lanes before page content paints. */
body.nm-workplace[data-wp-shell="employee"] .view.active:not(#view-welcome),
body.nm-workplace[data-wp-shell="retiree"] .view.active:not(#view-welcome) {
  position: relative ;
  isolation: isolate;
  overflow: visible ;
}
body.nm-workplace[data-wp-shell="employee"] .view.active:not(#view-welcome) {
  padding-top: var(--wp-e200-topbar, 69px) ;
  padding-left: var(--wp-e200-sidebar, 205px) ;
}
body.nm-workplace[data-wp-shell="retiree"] .view.active:not(#view-welcome) {
  padding-top: var(--wp-v200-topbar, 69px) ;
  padding-left: var(--wp-v200-sidebar, 205px) ;
}
body.nm-workplace #nm-wp-global-topbar {
  position: fixed ;
  top: 0 ;
  right: 0 ;
  left: var(--nm-wp-fixed-sidebar) ;
  width: auto ;
  min-width: 0 ;
}
body.nm-workplace #nm-wp-global-sidebar {
  position: fixed ;
  inset: 0 auto 0 0 ;
  width: var(--nm-wp-fixed-sidebar) ;
  max-width: var(--nm-wp-fixed-sidebar) ;
}
body.nm-workplace .view.active:not(#view-welcome) > :not(#nm-wp-global-sidebar):not(#nm-wp-global-topbar) {
  max-width: 100% ;
  min-width: 0 ;
}
body.nm-workplace .nm-wp-v200-pagehead,
body.nm-workplace .nm-wp-e200-pagehead,
body.nm-workplace .nm-wp-v200-pagebody,
body.nm-workplace .nm-wp-e200-pagebody {
  clear: both;
  box-sizing: border-box ;
}
body.nm-workplace table { border-collapse: separate; }

/* Only the selected engine subview may participate in layout. Legacy page
   rules occasionally force an inactive strategy or projection panel to block,
   which can append an entire second page below the current one. */
body.nm-workplace #view-dashboard .switchable-view:not(.active),
body.nm-workplace #view-pre-retirement .switchable-view:not(.active) {
  display: none ;
  visibility: hidden ;
  pointer-events: none ;
}
body.nm-workplace #view-dashboard .switchable-view.active,
body.nm-workplace #view-pre-retirement .switchable-view.active {
  visibility: visible ;
}
@media (max-width: 900px) {
  body.nm-workplace #nm-wp-global-topbar { left: 0 ; }
  body.nm-workplace[data-wp-shell="employee"] .view.active:not(#view-welcome),
  body.nm-workplace[data-wp-shell="retiree"] .view.active:not(#view-welcome) {
    padding-top: 69px ;
    padding-left: 0 ;
  }
  body.nm-workplace #nm-wp-global-sidebar {
    max-width: min(320px, 86vw) ;
    width: min(320px, 86vw) ;
  }
}

/* Responsive overview composition for tablet and mobile. */
@media (max-width: 900px) {
  body.nm-workplace[data-wp-shell="employee"] #view-workspace .nm-dash-main,
  body.nm-workplace[data-wp-shell="retiree"] #view-workspace .nm-dash-main {
    width: 100% ;
    max-width: 100% ;
    padding: 18px 16px 32px ;
    overflow: visible ;
  }

  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview {
    display: flex ;
    flex-direction: column ;
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    height: auto ;
    gap: 16px ;
    margin: 0 ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview > .nm-wp-overview-intro,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview > .nm-wp-overview-intro {
    display: flex ;
    flex-direction: column ;
    width: 100% ;
    min-width: 0 ;
    height: auto ;
    gap: 16px ;
    margin: 0 ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wp-overview-intro > *,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wp-overview-intro > * {
    width: 100% ;
    min-width: 0 ;
    max-width: 100% ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wp-hero-image,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wp-hero-image {
    width: 100% ;
    min-width: 0 ;
    height: 126px ;
    box-sizing: border-box ;
  }

  /* Employee overview */
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview > .nm-wpo-grid,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-main,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-side {
    display: flex ;
    flex-direction: column ;
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    height: auto ;
    gap: 14px ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-main,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-side {
    grid-area: auto ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-panel,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-side > *,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-main > * {
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    height: auto ;
    box-sizing: border-box ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
    row-gap: 16px ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-chips li {
    border-right: 0 ;
    padding: 4px 8px ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-projected-body,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-track-row {
    display: flex ;
    flex-direction: column ;
    width: 100% ;
    min-width: 0 ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-chart-wrap,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-chart-stage {
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-chart-callout {
    right: 8px ;
    max-width: 112px ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-mini-metrics,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-action-grid,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-goal-stats,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-saved-grid {
    grid-template-columns: 1fr ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-mini-metrics > div {
    border-right: 0 ;
    border-bottom: 1px solid #e5eaef ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-mini-metrics > div:last-child {
    border-bottom: 0 ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-ring {
    align-self: center ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-track-num {
    position: static ;
    margin: -54px 0 28px ;
    align-self: center ;
    text-align: center ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-track-facts div,
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-track-facts dd {
    min-width: 0 ;
    white-space: normal ;
  }

  /* Retiree overview */
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-layout,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-main,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-side {
    display: flex ;
    flex-direction: column ;
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    height: auto ;
    gap: 14px ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-kpis,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-row2 {
    display: grid ;
    grid-template-columns: 1fr ;
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    gap: 14px ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-panel,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-kpis article,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-row2 article,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-strat,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-next {
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    height: auto ;
    min-height: 0 ;
    box-sizing: border-box ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-kpis article {
    min-height: 144px ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-kpis > article > strong {
    margin-top: 22px ;
    max-width: 100% ;
    overflow: visible ;
    text-overflow: clip ;
    white-space: normal ;
    overflow-wrap: anywhere ;
    text-align: center ;
    font-size: clamp(23px, 8vw, 29px) ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-chart-card,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-row2 article {
    min-height: 220px ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-privacy {
    display: flex ;
    flex-direction: column ;
    align-items: flex-start ;
    width: 100% ;
    max-width: 100% ;
    gap: 10px ;
    padding: 16px ;
    box-sizing: border-box ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-privacy > div,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-privacy a {
    width: 100% ;
    min-width: 0 ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-privacy span {
    display: block ;
    overflow-wrap: anywhere ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-legal {
    display: flex ;
    flex-direction: column ;
    align-items: flex-start ;
    gap: 10px ;
    width: 100% ;
    max-width: 100% ;
  }
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wpr-legal nav {
    display: flex ;
    flex-wrap: wrap ;
    gap: 10px 16px ;
  }

  /* Always render a recognizable menu glyph, even before the icon hydrator. */
  body.nm-workplace .nm-wp-e200-menubtn,
  body.nm-workplace .nm-wp-v200-menubtn {
    position: relative ;
    color: #12345d ;
  }
  body.nm-workplace .nm-wp-e200-menubtn::before,
  body.nm-workplace .nm-wp-v200-menubtn::before {
    content: "";
    width: 17px;
    height: 12px;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    box-sizing: border-box;
  }
  body.nm-workplace .nm-wp-e200-menubtn::after,
  body.nm-workplace .nm-wp-v200-menubtn::after {
    content: "";
    position: absolute;
    left: 9px;
    right: 9px;
    top: 16px;
    border-top: 2px solid currentColor;
  }
  body.nm-workplace .nm-wp-e200-menubtn > *,
  body.nm-workplace .nm-wp-v200-menubtn > * {
    display: none ;
  }
}

@media (max-width: 480px) {
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wp-overview-intro h1,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wp-overview-intro h1 {
    font-size: 28px ;
    overflow-wrap: anywhere ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-chips {
    grid-template-columns: 1fr ;
  }
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wp-hero-cta,
  body.nm-workplace[data-wp-shell="retiree"] #wp-ret-overview .nm-wp-hero-cta {
    max-width: calc(100% - 24px) ;
  }
}

/* Workplace is persona-routed by the authenticated employer record. Consumer
   scratchpad/feedback controls and the internal demo persona switch must not
   float over Workplace content or expose the other persona. */
body.nm-workplace #scratchpad-fab,
body.nm-workplace #scratchpad-panel,
body.nm-workplace #feedback-fab,
body.nm-workplace #feedback-panel,
body.nm-workplace #nm-wp-demo-switch {
  display: none ;
}

/* The assumptions engine uses minimum desktop columns. At laptop/tablet widths
   those minimums can exceed the content lane even though the document itself
   clips overflow. Stack the engine panels before that happens. */
@media (max-width: 1180px) {
  body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-layout {
    display: grid ;
    grid-template-columns: minmax(0, 1fr) ;
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
  }
  body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-inputs,
  body.nm-workplace[data-wp-shell="employee"][data-wp-employee-mode="assumptions"] #view-pre-retirement .calc-results {
    position: static ;
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    box-sizing: border-box ;
  }
}

@media (max-width: 480px) {
  body.nm-workplace[data-wp-shell="employee"] #wp-emp-overview .nm-wpo-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
  }
}

/* One shared tablet breakpoint keeps the sidebar either reserved or off-canvas. */
@media (max-width: 900px) {
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-menubtn {
    display: grid ;
  }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v200-sidebar {
    display: flex ;
    width: min(320px, 86vw) ;
    max-width: min(320px, 86vw) ;
    transform: translateX(-105%) ;
    transition: transform .22s ease ;
    box-shadow: 16px 0 45px rgba(3,24,48,.25) ;
  }
  body.nm-workplace[data-wp-shell="retiree"].nm-wp-drawer-open .nm-wp-v200-sidebar {
    transform: translateX(0) ;
  }
  body.nm-workplace[data-wp-shell="retiree"] .nm-wp-v555-drawer-backdrop {
    position: fixed ;
    inset: 0 ;
    width: 100% ;
    height: 100% ;
    padding: 0 ;
    border: 0 ;
    background: rgba(4,24,47,.48) ;
    backdrop-filter: blur(2px) ;
    display: none ;
  }
  body.nm-workplace[data-wp-shell="retiree"].nm-wp-drawer-open .nm-wp-v555-drawer-backdrop {
    display: block ;
  }
}


/* Canonical visibility contract: one route, one active page, one active result subview. */
body.nm-workplace .view:not(.active),
body.nm-workplace .switchable-view:not(.active),
body.nm-workplace .dashboard-view:not(.active),
body.nm-workplace .pre-view:not(.active),
body.nm-workplace [hidden] { display: none; }
body.nm-workplace .view.active { display: block; }
body.nm-workplace #main-content,
body.nm-workplace .view,
body.nm-workplace .view > *,
body.nm-workplace .calc-container,
body.nm-workplace .dash-container,
body.nm-workplace .section-container { min-width: 0; max-width: 100%; box-sizing: border-box; }
body.nm-workplace .spreadsheet-wrap,
body.nm-workplace .spreadsheet-scroll,
body.nm-workplace .table-scroll,
body.nm-workplace .dash-table-wrap { overflow-x: auto; max-width: 100%; }
html.nm-wp-scroll-lock, html.nm-wp-scroll-lock body { overflow: hidden; }

/* Single support dialog owned by workplace-core.js. */
body.nm-workplace .nm-wp-support-modal { position: fixed; inset: 0; z-index: 4000; display: grid; place-items: center; padding: 24px; background: rgba(3, 24, 47, .58); }
body.nm-workplace .nm-wp-support-card { position: relative; width: min(520px, 100%); border: 1px solid #dfe7ef; border-radius: 16px; padding: 30px; background: #fff; box-shadow: 0 24px 70px rgba(3, 24, 47, .24); text-align: center; }
body.nm-workplace .nm-wp-support-close { position: absolute; top: 12px; right: 14px; border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; }
body.nm-workplace .nm-wp-support-icon { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #eaf7ef; color: #087b43; }
body.nm-workplace .nm-wp-support-card h2 { margin: 14px 0 8px; }
body.nm-workplace .nm-wp-support-card p { margin: 0 auto 20px; max-width: 390px; color: #64748b; }
body.nm-workplace .nm-wp-support-links { display: grid; gap: 8px; margin: 0 0 20px; }
body.nm-workplace .nm-wp-support-links a { color: #0b5d8f; font-weight: 650; text-decoration: none; }

/* Generic drawer backdrop; persona styling remains in the same source. */
body.nm-workplace .nm-wp-drawer-backdrop { position: fixed; inset: 0; z-index: 1450; border: 0; background: rgba(3,24,47,.48); }
@media (min-width: 901px) { body.nm-workplace .nm-wp-drawer-backdrop { display: none; } }

/* Final canonical shell geometry. This is the only rule that reserves the fixed
   Workplace chrome; page components must not add a second sidebar/header offset. */
body.nm-workplace[data-wp-shell="employee"] main#main-content > .view.active:not(#view-welcome) {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
  padding-top: var(--wp-e200-topbar, 69px);
  padding-left: var(--wp-e200-sidebar, 205px);
}
body.nm-workplace[data-wp-shell="retiree"] main#main-content > .view.active:not(#view-welcome) {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
  padding-top: var(--wp-v200-topbar, 68px);
  padding-left: var(--wp-v200-sidebar, 188px);
}
@media (max-width: 900px) {
  body.nm-workplace[data-wp-shell="employee"] main#main-content > .view.active:not(#view-welcome),
  body.nm-workplace[data-wp-shell="retiree"] main#main-content > .view.active:not(#view-welcome) {
    margin-left: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ============================================================
   v149.560 (T3/T8) — PLANNING-VIEW TOGGLE + FIRST-USE EXPLAINER
   Design deliverables v1.1.

   Scoped to body.nm-workplace throughout: the consumer product at
   nestmint.ai must never inherit any of this. No force-override
   declarations — the selectors are specific enough on their own, and
   the design package's no-patch rule forbids override-by-force.

   Tenant theming reads --nm-tenant-primary with a --nm-tenant-accent
   fallback (the variable this codebase already sets) and finally the
   Workplace blue, so an employer with no brand colour still gets an
   accessible control rather than an unstyled one.
   ============================================================ */

body.nm-workplace .nm-wp-view-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid #d7dee5;
  border-radius: 999px;
  background: #f2f5f8;
}

body.nm-workplace .nm-wp-view-switch button {
  appearance: none;
  border: 0;
  margin: 0;
  padding: 7px 16px;
  border-radius: 999px;
  background: transparent;
  color: #4a5866;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

body.nm-workplace .nm-wp-view-switch button:hover {
  color: #1d2b39;
  background: #e4eaf0;
}

/* Selected state is carried by aria-pressed, not by class alone, so the
   accessible state and the visual state cannot drift apart. */
body.nm-workplace .nm-wp-view-switch button[aria-pressed="true"] {
  background: var(--nm-tenant-primary, var(--nm-tenant-accent, #0B5D8F));
  color: #fff;
  box-shadow: 0 1px 2px rgba(16, 32, 48, .18);
}

body.nm-workplace .nm-wp-view-switch button[aria-pressed="true"]:hover {
  background: var(--nm-tenant-primary, var(--nm-tenant-accent, #0B5D8F));
  color: #fff;
}

body.nm-workplace .nm-wp-view-switch button:focus-visible {
  outline: 2px solid var(--nm-tenant-primary, var(--nm-tenant-accent, #0B5D8F));
  outline-offset: 2px;
}

body.nm-workplace .nm-wp-view-switch-sep {
  display: block;
  width: 1px;
  height: 30px;
  background: #e1e7ec;
}

/* ---- First-use explainer ---- */

body.nm-workplace .nm-wp-view-switch-explainer {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 60;
  width: 264px;
  padding: 14px 16px 12px;
  border: 1px solid #d7dee5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(16, 32, 48, .16);
  text-align: left;
}

body.nm-workplace .nm-wp-view-switch-explainer::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 28px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-left: 1px solid #d7dee5;
  border-top: 1px solid #d7dee5;
  transform: rotate(45deg);
}

body.nm-workplace .nm-wp-view-switch-explainer p {
  margin: 0 0 10px;
  color: #33414f;
  font-size: 13px;
  line-height: 1.45;
}

body.nm-workplace .nm-wp-view-switch-explainer-dismiss {
  appearance: none;
  border: 0;
  padding: 7px 14px;
  border-radius: 6px;
  background: var(--nm-tenant-primary, var(--nm-tenant-accent, #0B5D8F));
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

body.nm-workplace .nm-wp-view-switch-explainer-dismiss:focus-visible {
  outline: 2px solid #1d2b39;
  outline-offset: 2px;
}

/* ---- Mobile ----
   The toggle stays visible down to 390px (design v1.1). It only tightens:
   the adjacent divider is dropped and the labels lose horizontal padding,
   while the 44px minimum touch target is preserved via min-height. */
@media (max-width: 900px) {
  body.nm-workplace .nm-wp-view-switch-sep { display: none; }

  body.nm-workplace .nm-wp-view-switch button {
    min-height: 44px;
    padding: 7px 12px;
    font-size: 12px;
  }

  body.nm-workplace .nm-wp-view-switch-explainer {
    width: calc(100vw - 24px);
    max-width: 264px;
  }
}

/* ---- Drawer mirror of the planning-view toggle (T6 acceptance) ----
   The sidebar is permanently visible on desktop, where the top-bar toggle
   is already in reach — showing both would be two controls for one setting.
   So the mirror is hidden above the drawer breakpoint and only revealed in
   the mobile drawer. It renders the same markup and binds to the same
   canonical persona state; only its visibility differs. */
body.nm-workplace .nm-wp-view-switch-drawer {
  display: none;
}

body.nm-workplace .nm-wp-view-switch-drawer .nm-wp-view-switch-sep {
  display: none;
}

@media (max-width: 900px) {
  body.nm-workplace .nm-wp-view-switch-drawer {
    display: block;
    margin: 4px 16px 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e1e7ec;
  }

  body.nm-workplace .nm-wp-view-switch-drawer-label {
    display: block;
    margin-bottom: 7px;
    color: #6b7885;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  body.nm-workplace .nm-wp-view-switch-drawer .nm-wp-view-switch {
    display: flex;
    width: 100%;
  }

  body.nm-workplace .nm-wp-view-switch-drawer .nm-wp-view-switch button {
    flex: 1 1 0;
  }
}
