/* One opt-in stylesheet entry point. Original Portfolio/Expenses stay intact. */
/* Portfolio/Expenses components plus the suite's shared action-only header.
   Loaded only by the opt-in beta stylesheet; do not redefine app tokens. */
html[data-ro-ux="v2-beta"] :is(.beta-panel, .beta-expenses, .pf-page, .exp-workspace) {
  --beta-chart: var(--ledger-taxable, #456b90);
  --beta-gap: 20px;
}

/* The opt-in suite uses the shell header as an action row. Classic and routes
   outside the suite keep the complete title, KPI, and utility header. */
html[data-ro-ux="v2-beta"] .beta-actions-only :is(.np-topbar-stats, .np-topbar-actions) {
  display: none !important;
}

html[data-ro-ux="v2-beta"] .beta-workspace-route-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
html[data-ro-ux="v2-beta"] .beta-workspace-header-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
html[data-ro-ux="v2-beta"] .beta-workspace-header-actions .beta-context-line {
  display: none !important;
}
html[data-ro-ux="v2-beta"] .beta-workspace-header-actions :is(.pf-page-actions, .exp-page-actions, .goals-page-actions, .pulse-header-actions, .ye-page-actions, .tax-page-actions) {
  flex-wrap: wrap;
  max-width: 100%;
  padding: 0;
}
html[data-ro-ux="v2-beta"] .beta-workspace-header-actions :is(.beta-page-context, .beta-context-actions, .pf-header-actions, .exp-header-actions, .pf-page-actions-context, .exp-page-actions-context) {
  display: contents !important;
}
html[data-ro-ux="v2-beta"] .np-topbar-row:has(.beta-workspace-header-actions),
html[data-ro-ux="v2-beta"] .np-topbar-title-group:has(.beta-workspace-header-actions) {
  align-items: flex-start !important;
}
html[data-ro-ux="v2-beta"] .np-topbar-row:has(.beta-workspace-header-actions) {
  display: block !important;
}
html[data-ro-ux="v2-beta"] .np-topbar-title-group:has(.beta-workspace-header-actions) {
  width: 100%;
  overflow: visible;
}

/* A workspace with no page action has no desktop header content left. On a
   narrow layout, retain the bar solely for the off-canvas navigation button. */
@media (min-width: 769px) {
  html[data-ro-ux="v2-beta"] .beta-actions-only:not(:has(.beta-context-actions, .pf-page-actions, .exp-page-actions)) {
    display: none !important;
  }
}
@media (max-width: 768px) {
  html[data-ro-ux="v2-beta"] .beta-actions-only:not(:has(.beta-context-actions, .pf-page-actions, .exp-page-actions)) .beta-workspace-header-actions {
    display: none;
  }
}

html[data-ro-ux="v2-beta"] :is(.beta-panel, .beta-expenses, .beta-panel *, .beta-expenses *) { box-sizing: border-box; }
html[data-ro-ux="v2-beta"] .beta-panel {
  min-width: 0; margin: 0; padding: 24px; border: 1px solid var(--border);
  border-radius: 16px; background: var(--panel); color: var(--text);
  box-shadow: 0 2px 5px color-mix(in srgb, var(--text) 3%, transparent);
  display: flex; flex-direction: column; gap: 0; overflow: visible;
}
html[data-ro-ux="v2-beta"] .beta-panel-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .beta-kicker { display: block; color: var(--text-2); font: 550 10px/1.5 'JetBrains Mono', monospace; letter-spacing: .09em; text-transform: uppercase; }
html[data-ro-ux="v2-beta"] .beta-panel h2 { margin: 5px 0 0; color: var(--text); font: 600 clamp(20px, 2vw, 26px)/1.2 'Space Grotesk', sans-serif; letter-spacing: -.04em; }
html[data-ro-ux="v2-beta"] .beta-preview { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; font-size: 12px; }
html[data-ro-ux="v2-beta"] .beta-preview > span { padding: 4px 7px; border: 1px solid var(--border); border-radius: 5px; color: var(--text-2); font: 550 10px 'JetBrains Mono', monospace; white-space: nowrap; }
html[data-ro-ux="v2-beta"] .beta-preview a { display: inline-flex; align-items: center; min-height: 44px; color: var(--text-2); text-decoration: underline; text-underline-offset: 4px; }
html[data-ro-ux="v2-beta"] .beta-readout { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 28px 0 20px; }
html[data-ro-ux="v2-beta"] .beta-spending > .beta-readout { padding-top: 0; }
html[data-ro-ux="v2-beta"] .beta-portfolio-history > .beta-readout { padding-top: 0; }
html[data-ro-ux="v2-beta"] .beta-readout > div { min-width: 0; }
html[data-ro-ux="v2-beta"] .beta-readout-label { display: block; color: var(--text-2); font-size: 12px; line-height: 1.5; }
html[data-ro-ux="v2-beta"] .beta-value { display: block; margin: 5px 0 10px; font: 550 clamp(26px, 3.1vw, 42px)/1.15 'Space Grotesk', sans-serif; letter-spacing: -.045em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .beta-observation { display: flex; gap: 7px; align-items: center; font-size: 12px; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .beta-observation i { width: 7px; height: 7px; border-radius: 50%; background: var(--beta-chart); flex: 0 0 auto; }
html[data-ro-ux="v2-beta"] .beta-observation i.estimate { background: var(--panel); outline: 1.5px solid var(--beta-chart); }
html[data-ro-ux="v2-beta"] .beta-context-number { max-width: 240px; padding-left: 18px; border-left: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .beta-context-number span { display: block; color: var(--text-2); font-size: 11px; }
html[data-ro-ux="v2-beta"] .beta-context-number strong { display: block; margin: 5px 0; font: 550 16px/1.4 'JetBrains Mono', monospace; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .beta-context-number small { display: block; color: var(--text-2); font-size: 11px; line-height: 1.4; }
html[data-ro-ux="v2-beta"] .beta-chart-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; }
html[data-ro-ux="v2-beta"] .beta-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11px; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .beta-legend span { display: flex; align-items: center; gap: 6px; }
html[data-ro-ux="v2-beta"] .beta-legend i { width: 18px; border-top: 2px solid var(--beta-chart); }
html[data-ro-ux="v2-beta"] .beta-legend i.estimate { border-top-style: dashed; }
html[data-ro-ux="v2-beta"] :is(.beta-segmented, .beta-month-picker) { display: flex; min-width: 0; max-width: 100%; gap: 3px; padding: 3px; background: var(--panel-2); border: 1px solid var(--border); border-radius: 10px; overflow-x: auto; scrollbar-width: thin; }
html[data-ro-ux="v2-beta"] :is(.beta-segmented, .beta-month-picker) button { appearance: none; flex: 1 0 auto; min-width: 44px; min-height: 44px; padding: 0 10px; border: 1px solid transparent; border-radius: 7px; background: transparent; font: 600 12px 'Space Grotesk', sans-serif; color: var(--text-2); cursor: pointer; white-space: nowrap; }
html[data-ro-ux="v2-beta"] :is(.beta-segmented, .beta-month-picker) button[aria-pressed="true"] { border-color: var(--border); background: var(--panel); color: var(--text); box-shadow: 0 1px 3px color-mix(in srgb, var(--text) 7%, transparent); }
html[data-ro-ux="v2-beta"] .beta-month-picker { margin: 8px 0 0; }
html[data-ro-ux="v2-beta"] .beta-plot { width: 100%; min-width: 0; border-radius: 12px; background: linear-gradient(180deg, color-mix(in srgb, var(--beta-chart) 4%, transparent), transparent 90%); }
html[data-ro-ux="v2-beta"] .beta-plot-control { border-radius: 9px; touch-action: pan-y; }
html[data-ro-ux="v2-beta"] .beta-plot svg { display: block; width: 100%; overflow: visible; }
html[data-ro-ux="v2-beta"] .beta-axis { fill: var(--text-2); font: 10px 'JetBrains Mono', monospace; }
html[data-ro-ux="v2-beta"] .beta-gridline { stroke: var(--border); stroke-width: 1; stroke-dasharray: 2 5; }
html[data-ro-ux="v2-beta"] .beta-gridline.zero { stroke-dasharray: none; }
html[data-ro-ux="v2-beta"] :is(.beta-series, .beta-estimate) { fill: none; stroke: var(--beta-chart); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
html[data-ro-ux="v2-beta"] .beta-series { stroke-dasharray: 1; stroke-dashoffset: 0; animation: ro-beta-trace 650ms ease-out both; }
html[data-ro-ux="v2-beta"] .beta-estimate { stroke-dasharray: 5 6; }
html[data-ro-ux="v2-beta"] .beta-crosshair { stroke: var(--beta-chart); stroke-opacity: .4; stroke-dasharray: 3 4; }
html[data-ro-ux="v2-beta"] .beta-dot { fill: var(--panel); stroke: var(--beta-chart); stroke-width: 1.5; }
html[data-ro-ux="v2-beta"] .beta-dot.selected { fill: var(--beta-chart); stroke-width: 2; }
html[data-ro-ux="v2-beta"] .beta-dot.estimate { fill: var(--panel); stroke-width: 2.5; }
html[data-ro-ux="v2-beta"] .beta-halo { fill: none; stroke: var(--beta-chart); stroke-opacity: .2; stroke-width: 7; pointer-events: none; }
html[data-ro-ux="v2-beta"] .beta-chart-help { margin: 2px 0 0; padding: 8px 0; font-size: 11px; line-height: 1.5; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .beta-evidence { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; margin-top: 12px; border-top: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] :is(.beta-evidence p, .beta-footnote, .beta-muted) { margin: 5px 0 0; color: var(--text-2); font-size: 11.5px; line-height: 1.55; }
html[data-ro-ux="v2-beta"] .beta-evidence .beta-button { flex: 0 0 auto; }
html[data-ro-ux="v2-beta"] .beta-notice { padding: 10px 12px; border-left: 3px solid var(--warn); color: var(--text-2); background: var(--panel-2); font-size: 12px; line-height: 1.5; }
html[data-ro-ux="v2-beta"] .beta-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; padding: 9px 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; color: var(--text); text-decoration: none; font: 600 12px/1.3 'Space Grotesk', sans-serif; cursor: pointer; }
html[data-ro-ux="v2-beta"] .beta-button.primary { color: var(--on-accent); background: var(--accent); border-color: var(--accent); }
html[data-ro-ux="v2-beta"] .beta-button:hover { box-shadow: 0 0 0 1px var(--accent); }
html[data-ro-ux="v2-beta"] :is(.beta-panel, .beta-expenses) :is(button, a, summary, [tabindex]):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
html[data-ro-ux="v2-beta"] .beta-values { margin-top: auto; border-top: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .beta-values summary { padding: 14px 0 0; min-height: 44px; cursor: pointer; font-size: 12px; color: var(--text); }
html[data-ro-ux="v2-beta"] .beta-values summary span { margin-left: 10px; font-size: 11px; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .beta-table-scroll { max-height: 250px; overflow: auto; overscroll-behavior: contain; margin-top: 10px; }
html[data-ro-ux="v2-beta"] .beta-values table { border-collapse: collapse; width: 100%; font-size: 12px; }
html[data-ro-ux="v2-beta"] .beta-values :is(th, td) { padding: 11px 8px; border-bottom: 1px solid var(--border); text-align: left; font-weight: 400; }
html[data-ro-ux="v2-beta"] .beta-values thead th { position: sticky; top: 0; background: var(--panel); font-weight: 600; }
html[data-ro-ux="v2-beta"] .beta-values :is(th, td):nth-child(2) { text-align: right; font-family: 'JetBrains Mono', monospace; white-space: nowrap; }
html[data-ro-ux="v2-beta"] .beta-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html[data-ro-ux="v2-beta"] .beta-empty { min-height: 235px; padding: 28px 18px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; border-radius: 12px; background: var(--panel-2); margin-top: 14px; }
html[data-ro-ux="v2-beta"] .beta-empty svg { color: var(--text-2); opacity: .5; }
html[data-ro-ux="v2-beta"] .beta-empty strong { font-size: 18px; font-weight: 550; letter-spacing: -.025em; }
html[data-ro-ux="v2-beta"] .beta-empty p { max-width: 420px; margin: 0; color: var(--text-2); font-size: 13px; line-height: 1.6; }
html[data-ro-ux="v2-beta"] .beta-expenses { min-width: 0; }
html[data-ro-ux="v2-beta"] .beta-workspace-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
html[data-ro-ux="v2-beta"] .beta-workspace-toolbar p { margin: 5px 0 0; color: var(--text-2); font-size: 13px; }
html[data-ro-ux="v2-beta"] .beta-toolbar-actions { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .beta-analysis-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(300px, 1fr); gap: 20px; align-items: stretch; }
html[data-ro-ux="v2-beta"] .beta-currency { padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; color: var(--text-2); font: 500 11px 'JetBrains Mono', monospace; }
html[data-ro-ux="v2-beta"] .beta-composition-summary { display: flex; align-items: center; gap: 14px; padding: 18px 0 14px; }
html[data-ro-ux="v2-beta"] .beta-ring { flex: 0 0 auto; width: 116px; height: 116px; overflow: visible; }
html[data-ro-ux="v2-beta"] .beta-ring-track { stroke: var(--border); }
html[data-ro-ux="v2-beta"] .beta-ring-segment { transition: stroke-width 180ms ease, opacity 180ms ease; }
html[data-ro-ux="v2-beta"] .beta-ring-segment.muted { opacity: .3; }
html[data-ro-ux="v2-beta"] .beta-ring-number { fill: var(--text); font: 600 23px 'Space Grotesk', sans-serif; }
html[data-ro-ux="v2-beta"] .beta-composition-summary > div { min-width: 0; }
html[data-ro-ux="v2-beta"] .beta-composition-summary strong { display: block; margin: 5px 0; color: var(--text); font: 550 19px/1.4 'Space Grotesk', sans-serif; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .beta-composition-summary small { display: block; color: var(--text-2); font-size: 11px; line-height: 1.5; }
html[data-ro-ux="v2-beta"] .beta-category-list { display: grid; gap: 2px; margin-bottom: 16px; }
html[data-ro-ux="v2-beta"] .beta-category { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; width: 100%; min-height: 60px; padding: 10px 7px; border: 1px solid transparent; border-radius: 8px; background: transparent; cursor: pointer; color: var(--text); text-align: left; }
html[data-ro-ux="v2-beta"] .beta-category:hover { background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .beta-category[aria-pressed="true"] { border-color: var(--border); background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .beta-category-name { display: flex; align-items: center; gap: 7px; font: 550 12px/1.4 'Space Grotesk', sans-serif; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .beta-category-name > i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 2px; background: var(--category-color); }
html[data-ro-ux="v2-beta"] .beta-category strong { font: 500 12px 'JetBrains Mono', monospace; text-align: right; }
html[data-ro-ux="v2-beta"] .beta-category small { font: 400 10px 'JetBrains Mono', monospace; text-align: right; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .beta-category-track { display: block; height: 3px; margin-left: 14px; border-radius: 3px; background: var(--border); overflow: hidden; }
html[data-ro-ux="v2-beta"] .beta-category-track > i { display: block; height: 100%; width: var(--category-share); border-radius: inherit; background: var(--category-color); }
html[data-ro-ux="v2-beta"] .beta-composition > .beta-footnote { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--border); }

/* Align existing working surfaces, without reimplementing their data/edit flows. */
html[data-ro-ux="v2-beta"] .pf-page { display: grid; gap: 20px; max-width: none; width: 100%; min-width: 0; }
html[data-ro-ux="v2-beta"] div:has(> .beta-expenses) { max-width: none !important; min-width: 0; width: 100%; }
html[data-ro-ux="v2-beta"] .pf-phase1 { gap: 20px; }
html[data-ro-ux="v2-beta"] .pf-phase1__overview { grid-template-columns: minmax(0, 1fr) minmax(280px, 320px); gap: 20px; }
html[data-ro-ux="v2-beta"] .pf-phase1__overview-rail { gap: 16px; }
html[data-ro-ux="v2-beta"] .pf-workspace { grid-template-columns: minmax(240px, 280px) minmax(0, 1fr); gap: 20px; }
html[data-ro-ux="v2-beta"] .pf-card { border-radius: 16px; border-color: var(--border); box-shadow: none; }
html[data-ro-ux="v2-beta"] .pf-account-card { padding: 18px 14px; }
html[data-ro-ux="v2-beta"] .pf-account-card > .pf-card-heading { padding: 0 4px 14px; gap: 10px; border-bottom: 1px solid var(--border); margin-bottom: 12px; }
html[data-ro-ux="v2-beta"] :is(.pf-card-heading h2, .pf-holdings-header h2) { font: 600 17px/1.35 'Space Grotesk', sans-serif; letter-spacing: -.025em; }
html[data-ro-ux="v2-beta"] .pf-group-label { padding: 16px 8px 7px; font: 550 10px/1.4 'JetBrains Mono', monospace; color: var(--text-2); letter-spacing: .08em; text-transform: uppercase; }
html[data-ro-ux="v2-beta"] .pf-account-nav { gap: 8px; }
html[data-ro-ux="v2-beta"] .pf-account-row { min-height: 58px; padding-top: 10px; padding-bottom: 10px; border-radius: 9px; }
html[data-ro-ux="v2-beta"] .pf-account-name { white-space: normal; overflow-wrap: anywhere; font-size: 12.5px; line-height: 1.4; }
html[data-ro-ux="v2-beta"] .pf-account-wrap.selected { border-radius: 9px; box-shadow: inset 3px 0 var(--accent); background: var(--accent-soft); }
html[data-ro-ux="v2-beta"] .pf-account-nav .pf-account-edit { right: 2px; font-size: 11px; }
html[data-ro-ux="v2-beta"] .pf-holdings-header { padding: 18px 20px; gap: 14px; align-items: flex-start; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .pf-holdings-actions { gap: 6px; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .pf-table-scroll { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
html[data-ro-ux="v2-beta"] .pf-table { min-width: 980px; }
html[data-ro-ux="v2-beta"] :is(.pf-table-head, .pf-table-row) { grid-template-columns: minmax(92px, .85fr) minmax(120px, 1.2fr) minmax(155px, 1.25fr) minmax(65px, .6fr) minmax(95px, .85fr) minmax(78px, .65fr) minmax(100px, .9fr) minmax(95px, .85fr) minmax(160px, 1.15fr); gap: 10px; padding-left: 20px; padding-right: 20px; }
html[data-ro-ux="v2-beta"] .pf-table-head { min-height: 48px; background: var(--panel-2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .pf-table-row { min-height: 74px; }
html[data-ro-ux="v2-beta"] .pf-table-row:hover { background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .pf-table-row .numeric { font-size: 12px; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
html[data-ro-ux="v2-beta"] .pf-table-row select { min-height: 34px; font-size: 11px !important; }
html[data-ro-ux="v2-beta"] :is(.pf-button, .pf-small-button, .pf-filter, .pf-income-button, .pf-icon-button, .pf-cell-button, .pf-missing-basis) { min-height: 44px; border-radius: 9px; }
html[data-ro-ux="v2-beta"] :is(.pf-page-actions, .exp-page-actions) { gap: 10px 14px; align-items: center; padding-bottom: 4px; }
html[data-ro-ux="v2-beta"] :is(.pf-header-actions, .exp-header-actions) { gap: 6px; align-items: stretch; flex-wrap: wrap; max-width: 100%; overflow: visible; padding: 3px; }
html[data-ro-ux="v2-beta"] :is(.pf-header-actions, .exp-header-actions) > * { flex: 0 0 auto; }
html[data-ro-ux="v2-beta"] :is(.exp-header-action, .exp-period-toggle, .exp-period-arrow) { min-height: 44px; font-size: 12px; }
html[data-ro-ux="v2-beta"] .exp-period-arrow { min-width: 44px; }
html[data-ro-ux="v2-beta"] .exp-header-action.primary { background: var(--panel); color: var(--text); border-color: var(--border); }
html[data-ro-ux="v2-beta"] .exp-header-action.beta-primary { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
html[data-ro-ux="v2-beta"] .exp-header-action-meta { font-size: 11px; }
html[data-ro-ux="v2-beta"] .exp-workspace { grid-template-columns: minmax(0, 1fr) minmax(300px, 340px); gap: 20px; min-width: 0; }
html[data-ro-ux="v2-beta"] .exp-register-pane { border-radius: 16px !important; box-shadow: none !important; padding: 20px !important; }
html[data-ro-ux="v2-beta"] .exp-register-pane a[href="/api/expenses/export"] { background: var(--panel) !important; color: var(--text) !important; border: 1px solid var(--border); min-height: 44px; border-radius: 9px !important; }
html[data-ro-ux="v2-beta"] .exp-register-pane select { min-height: 44px; }
html[data-ro-ux="v2-beta"] .exp-register-head { padding-top: 12px; padding-bottom: 12px; background: var(--panel-2); border-bottom: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .exp-register-row { min-height: 64px; border-radius: 6px; }
html[data-ro-ux="v2-beta"] .exp-register-row.is-oneoff:not(.is-split) { opacity: 1; }
html[data-ro-ux="v2-beta"] :is(.exp-register-amount, .exp-register-base) { font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .exp-register-payee { font-size: 13px; }
html[data-ro-ux="v2-beta"] .exp-category-chip { font-size: 12px; border-radius: 6px; padding: 6px 8px; }
html[data-ro-ux="v2-beta"] .exp-detail-panel { border-radius: 16px; }
html[data-ro-ux="v2-beta"] :is(.exp-detail-close, .exp-row-remove) { min-height: 44px; min-width: 44px; }
html[data-ro-ux="v2-beta"] .exp-detail-header { padding: 18px; }
html[data-ro-ux="v2-beta"] .exp-detail-header h2 { white-space: normal; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .exp-detail-body { padding: 18px; }
html[data-ro-ux="v2-beta"] .exp-detail-field > span { font-size: 12px; }
html[data-ro-ux="v2-beta"] :is(.exp-detail-field input, .exp-detail-field select, .exp-detail-segmented button, .exp-detail-button) { min-height: 44px; }
html[data-ro-ux="v2-beta"] .exp-detail-segmented button { font-size: 12px; }
html[data-ro-ux="v2-beta"] :is(.exp-detail-actions, .exp-detail-secondary-actions) { flex: 0 0 auto; }
/* Short viewports must scroll the inspector body, never lose its save actions. */
html[data-ro-ux="v2-beta"] .exp-detail-panel.is-open { max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); }

@keyframes ro-beta-trace { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@container portfolio (max-width: 920px) {
  html[data-ro-ux="v2-beta"] :is(.pf-phase1__overview, .pf-workspace) { grid-template-columns: 1fr; }
  html[data-ro-ux="v2-beta"] .pf-phase1__overview-rail { height: auto; grid-template-rows: auto; }
}
@media (max-width: 1100px) {
  html[data-ro-ux="v2-beta"] .beta-analysis-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-ro-ux="v2-beta"] .beta-composition { display: grid; grid-template-columns: minmax(200px, .8fr) minmax(0, 1.2fr); gap: 0 24px; }
  html[data-ro-ux="v2-beta"] .beta-composition > .beta-panel-top { grid-column: 1 / -1; }
  html[data-ro-ux="v2-beta"] .beta-composition > .beta-footnote { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  html[data-ro-ux="v2-beta"] .exp-workspace { grid-template-columns: minmax(0, 1fr); }
  html[data-ro-ux="v2-beta"] :is(.pf-workspace, .pf-phase1__overview) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
  html[data-ro-ux="v2-beta"] .beta-panel { padding: 18px 14px; }
  html[data-ro-ux="v2-beta"] .beta-readout { padding-top: 20px; gap: 14px; }
  html[data-ro-ux="v2-beta"] .beta-context-number { border: 0; padding: 0; }
  html[data-ro-ux="v2-beta"] .beta-evidence { flex-wrap: wrap; }
  html[data-ro-ux="v2-beta"] .beta-composition { display: flex; }
  html[data-ro-ux="v2-beta"] .beta-composition-summary { width: 100%; }
  html[data-ro-ux="v2-beta"] .beta-value { font-size: clamp(26px, 8vw, 38px); }
  html[data-ro-ux="v2-beta"] .beta-preview { gap: 7px; }
  html[data-ro-ux="v2-beta"] .beta-chart-toolbar { gap: 14px; }
  html[data-ro-ux="v2-beta"] .beta-segmented { width: 100%; }
  html[data-ro-ux="v2-beta"] .beta-segmented button { padding: 0 6px; }
  html[data-ro-ux="v2-beta"] .beta-values :is(th, td) { padding-left: 4px; padding-right: 4px; font-size: 11px; }
  html[data-ro-ux="v2-beta"] .pf-holdings-header { padding: 16px; }
  html[data-ro-ux="v2-beta"] .exp-register-pane { padding: 14px !important; }
  html[data-ro-ux="v2-beta"] :is(.exp-detail-field input, .exp-detail-field select) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ro-ux="v2-beta"] :is(.beta-series, .beta-ring-segment) { animation: none; transition: none; }
}
@media print {
  html[data-ro-ux="v2-beta"] :is(.beta-preview, .beta-toolbar-actions, .beta-chart-help) { display: none; }
  html[data-ro-ux="v2-beta"] .beta-series { animation: none; }
}

/* Wide financial rows scroll as one aligned unit, never at document level. */
html[data-ro-ux="v2-beta"] .exp-register-table { overflow-x: auto; max-width: 100%; overscroll-behavior-x: contain; scrollbar-width: thin; }
html[data-ro-ux="v2-beta"] .exp-register-grid { min-width: 680px; }
@media (max-width: 1280px) { html[data-ro-ux="v2-beta"] .exp-register-grid { min-width: 570px; } }

@media (max-width: 480px) {
  html[data-ro-ux="v2-beta"] .beta-month-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-ro-ux="v2-beta"] .beta-segmented { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html[data-ro-ux="v2-beta"] :is(.beta-month-picker, .beta-segmented) button { min-width: 0; }
}

/* Portfolio's workspace rhythm, applied by the active route marker.
   Ledger, Portfolio, Expenses and classic never receive this marker. */
.np-root[data-workspace] {
  --beta-space: 20px; --beta-pad: 24px; --beta-radius: 16px;
  --workspace-rail: 320px; --workspace-control-radius: 9px;
  --workspace-heading: 600 20px/1.3 'Space Grotesk', sans-serif;
  --workspace-control: 600 12px/1.4 'Space Grotesk', sans-serif;
}
html[data-ro-ux="v2-beta"] .beta-page-context { width: 100%; min-width: 0; }
html[data-ro-ux="v2-beta"] .beta-context-line { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 20px; min-width: 0; }
html[data-ro-ux="v2-beta"] .beta-context-copy { display: flex; gap: 14px; align-items: baseline; flex-wrap: wrap; min-width: 0; color: var(--text-2); font: 400 12px/1.5 'Space Grotesk',sans-serif; }
html[data-ro-ux="v2-beta"] .beta-context-section { font: 550 10px/1.5 'JetBrains Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
html[data-ro-ux="v2-beta"] .beta-context-switch { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
html[data-ro-ux="v2-beta"] .beta-context-badge { padding: 4px 7px; border: 1px solid var(--border); border-radius: 5px; color: var(--text-2); font: 500 10px 'JetBrains Mono',monospace; }
html[data-ro-ux="v2-beta"] .beta-context-switch a { display: inline-flex; align-items: center; min-height: 44px; color: var(--text-2); font-size: 12px; text-underline-offset: 4px; }
html[data-ro-ux="v2-beta"] .beta-context-actions { min-width: 0; padding-top: 10px; border-top: 1px solid var(--border); margin-top: 4px; }
html[data-ro-ux="v2-beta"] .beta-context-actions > * { max-width: 100%; flex-wrap: wrap !important; }
html[data-ro-ux="v2-beta"] .beta-context-actions :is(button,a[role="button"]) { min-height: 44px; }
/* A single shared content edge and spacing rhythm, without changing the shell. */
.np-root[data-workspace] .np-main { --content-max: 100%; padding: 12px !important; scroll-padding-block: 20px; display: flex; flex-direction: column; gap: var(--beta-space); }
.np-root[data-workspace] .np-main > :not(.np-product-disclaimer) { max-width: 100% !important; width: 100%; min-width: 0; margin-inline: 0 !important; flex-shrink: 0; }
.np-root[data-workspace] .np-main > :is(div,main) { container: workspace / inline-size; }
/* Keep route queries alive alongside the common workspace breakpoints. */
.np-root[data-workspace] .np-main > .care-page { container-name: workspace care-workspace; }
.np-root[data-workspace] .np-main > :is(.ye-page,.tax-workspace) { container-name: workspace beta-review; }
.np-root[data-workspace] .np-main > :is(.goals-view,.pulse-view,.wil-page) { container-name: workspace beta-planning; }
.np-root[data-workspace] .np-main > .np-product-disclaimer { margin-top: auto; padding-top: 20px; flex-shrink: 0; }
.np-root[data-workspace] .np-main :is([style*="box-shadow:var(--shadow)"], [style*="box-shadow: var(--shadow)"]) { box-shadow: none !important; border-radius: var(--beta-radius) !important; }
.np-root[data-workspace] .np-main :is(h2,h3) { font-family: 'Space Grotesk',sans-serif; letter-spacing: -.025em; line-height: 1.3; }
.np-root[data-workspace] .np-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]),select,textarea) { min-height: 44px; max-width: 100%; box-sizing: border-box; border-radius: var(--workspace-control-radius); font-variant-numeric: tabular-nums; caret-color: var(--accent); }
.np-root[data-workspace] .np-main :is(button:not(.np-tip-trigger):not(.care-toggle):not([role="switch"]),summary) { min-height: 44px; }
.np-root[data-workspace] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.np-root[data-workspace] .np-main :is(td,th,[class*="numeric"]) { font-variant-numeric: tabular-nums; }
.np-root[data-workspace] .np-main a { text-underline-offset: 3px; }
/* Header facts remain available; reserve space for actual content only. */
.np-root[data-workspace] .np-topbar { padding: 10px 12px !important; }
.np-root[data-workspace] .np-topbar-stats-skel { display: none; }
.np-root[data-workspace] .np-topbar-title-line { flex-wrap: wrap; gap: 4px 12px; }
.np-root[data-workspace] .np-topbar-heading { flex: 1; }
.np-root[data-workspace] .np-topbar-title { white-space: normal !important; overflow: visible !important; }
.np-root[data-workspace] .np-topbar-pill { max-width: 70ch; padding: 0; background: none; border: 0; border-radius: 0; white-space: normal; font-weight: 400; line-height: 1.5; }
.np-root[data-workspace] .np-topbar-stats-list { display: flex; flex-wrap: wrap; min-width: 0; }
.np-root[data-workspace] .np-topstat { min-width: 160px; flex: 1 1 160px; padding-block: 8px; }
.np-root[data-workspace] .np-topstat :is(strong,small) { white-space: normal; overflow: visible; text-overflow: clip; }
.np-root[data-workspace] .np-topstat strong { font-family: 'Space Grotesk',sans-serif; font-size: 26px; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.np-root[data-workspace] .np-page-action-bar { padding: 10px 12px; }
.np-root[data-workspace] .np-topbar-page-actions { flex-wrap: wrap; }
.np-root[data-workspace] .np-main .np-stagger > * { animation: none; }
/* Keep financial semantics/colors, renderer coordinates, and all source notes.
   Upgrade the already-shared Tax/Roth/Healthcare chart shell, not its data. */
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs { min-width: 0; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-header { padding: 0 0 18px; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-title { font: 600 21px/1.25 'Space Grotesk',sans-serif; letter-spacing: -.035em; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-subtitle { font-size: 12px; line-height: 1.6; max-width: 70ch; margin-top: 6px; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-legend { flex-wrap: wrap; gap: 6px; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) :is(.ro-acs-chip,.ro-acs-modebtn,.ro-acs-csv,.ro-acs-nav-btn) { min-height: 44px; border-radius: 8px; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-toolbar { margin: 0 0 14px; padding: 10px 0; border-block: 1px solid var(--border); gap: 12px; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-readout { margin-top: 16px; padding: 16px 0; background: transparent; border-top: 1px solid var(--border); gap: 16px; align-items: flex-start; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-readout-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(130px,1fr)); gap: 16px; flex: 1 1 260px; min-width: 0; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-readout-value { display: block; font-size: 15px; font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-footnote { padding-top: 14px; border-top: 1px solid var(--border); color: var(--text-2); font-size: 12px; line-height: 1.6; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-table-wrap:not(.ro-acs-visually-hidden) { overflow: auto; max-height: 480px; overscroll-behavior: contain; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-table :is(td,th) { padding: 12px; white-space: nowrap; }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-table thead th { position: sticky; top: 0; z-index: 1; background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .np-root:has(.beta-page-context) .ro-acs-state { min-height: 220px; display: grid; place-content: center; gap: 12px; border: 1px dashed var(--border); border-radius: var(--beta-radius); padding: 24px; }
html[data-ro-ux="v2-beta"] .beta-analysis-stage { min-width: 0; border-radius: 12px; background: linear-gradient(180deg,color-mix(in srgb,var(--ledger-taxable,var(--accent)) 5%,var(--panel)),var(--panel)); animation: beta-analysis-enter 240ms ease-out; }
html[data-ro-ux="v2-beta"] .beta-analysis-canvas { min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
html[data-ro-ux="v2-beta"] .beta-analysis-scrubber { display: grid; gap: 2px; margin: 10px 0 0; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); }
html[data-ro-ux="v2-beta"] .beta-analysis-position { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font: 500 11px 'JetBrains Mono',monospace; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .beta-analysis-position strong { color: var(--text); font-weight: 550; }
html[data-ro-ux="v2-beta"] .beta-analysis-scrubber input { width: 100%; min-width: 0; min-height: 44px; margin: 0; accent-color: var(--accent); cursor: ew-resize; }
html[data-ro-ux="v2-beta"] .beta-analysis-hint { font-size: 11px; color: var(--text-2); line-height: 1.5; }
@keyframes beta-analysis-enter { from { opacity: .65; } to { opacity: 1; } }
@media (max-width: 680px) {
  .np-root[data-workspace] { --beta-pad: 16px; --beta-space: 16px; }
  .np-root[data-workspace] .np-main { padding: 12px !important; }
  .np-root[data-workspace] .np-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea) { font-size: 16px !important; }
  .np-root[data-workspace] .np-topbar-actions { gap: 6px !important; }
  .np-root[data-workspace] .np-topstat { min-width: 125px; flex-basis: 125px; }
  html[data-ro-ux="v2-beta"] .beta-context-copy { gap: 3px 10px; }
}
@media (prefers-reduced-motion: reduce) { html[data-ro-ux="v2-beta"] .beta-analysis-stage { animation: none; } }
@media print { html[data-ro-ux="v2-beta"] :is(.beta-context-switch,.beta-analysis-scrubber) { display: none; } }

/* Milestone 1: Monthly close / Year-end moves / Tax. Canonical flows retained. */
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .np-main > div { gap: var(--beta-space) !important; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-heading { padding: 0 0 6px !important; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-heading h1 { font-size: clamp(22px,2.3vw,30px); letter-spacing: -.04em; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) nav[aria-label="Monthly close steps"] { gap: 8px !important; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) nav[aria-label="Monthly close steps"] button { border-radius: 10px !important; min-width: 0; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) nav[aria-label="Monthly close steps"] button[aria-current="step"] { background: var(--accent-soft) !important; box-shadow: inset 0 -2px var(--accent); }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .np-main section[aria-labelledby^="close-"] { padding: var(--beta-pad) !important; border-radius: var(--beta-radius); }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-review-row { grid-template-columns: minmax(160px,1fr) minmax(100px,.55fr) minmax(155px,.6fr) minmax(200px,auto) !important; min-height: 80px; gap: 16px !important; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-review-row > :first-child { overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-review-row > :nth-child(2) { font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-review-row > :last-child { flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-audit-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 24px !important; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-cash-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-cash-grid strong { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) svg[aria-labelledby="close-progress-title close-progress-desc"] { background: linear-gradient(180deg,var(--accent-soft),transparent); border-radius: 12px; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .np-main > div > footer { z-index: 2; flex-wrap: wrap; box-shadow: 0 -4px 20px color-mix(in srgb,var(--text) 4%,transparent); padding-bottom: max(14px,env(safe-area-inset-bottom)) !important; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) [aria-labelledby="monthly-close-confirm-title"] > div { max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); overflow: auto; overscroll-behavior: contain; }
html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) [aria-labelledby="monthly-close-confirm-title"] > div > div:last-child { flex-wrap: wrap; }
/* Year-end: distinct editing and comparison columns; never restyle an applied
   state as an unsaved preview or weaken a disabled/confirmation control. */
html[data-ro-ux="v2-beta"] .ye-page { max-width: none; gap: var(--beta-space); }
html[data-ro-ux="v2-beta"] .ye-workspace { grid-template-columns: minmax(0,1fr) minmax(280px,320px); gap: 20px; align-items: start; }
html[data-ro-ux="v2-beta"] :is(.ye-moves-panel,.ye-year-summary) { border-radius: 16px; box-shadow: none; min-width: 0; }
html[data-ro-ux="v2-beta"] .ye-move-row { padding: 24px; gap: 24px; }
html[data-ro-ux="v2-beta"] .ye-move-content { min-width: 0; }
html[data-ro-ux="v2-beta"] .ye-move-content h2 { font-size: 19px; line-height: 1.3; letter-spacing: -.03em; }
html[data-ro-ux="v2-beta"] .ye-move-content > p { font-size: 12.5px; line-height: 1.6; max-width: 52ch; }
html[data-ro-ux="v2-beta"] .ye-move-number { border-radius: 8px; background: var(--panel-2); color: var(--text-2); }
html[data-ro-ux="v2-beta"] .ye-comparison { min-width: 0; }
html[data-ro-ux="v2-beta"] .ye-compare-row { padding-block: 12px; gap: 12px; align-items: start; }
html[data-ro-ux="v2-beta"] .ye-compare-label { font-size: 12px; line-height: 1.5; }
html[data-ro-ux="v2-beta"] :is(.ye-compare-base,.ye-compare-proposal,.ye-compare-change) { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; font-size: 12px; }
html[data-ro-ux="v2-beta"] .ye-year-summary { padding: 22px; }
html[data-ro-ux="v2-beta"] .ye-summary-rows > div { padding-block: 10px; gap: 16px; }
html[data-ro-ux="v2-beta"] .ye-summary-rows strong { font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-ro-ux="v2-beta"] .ye-panel-actions { padding: 20px 24px; gap: 16px; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .ye-panel-primary-actions { gap: 8px; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] :is(.ye-dialog,.ye-qcd-grid) { min-width: 0; }
html[data-ro-ux="v2-beta"] .ye-dialog { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; border-radius: 16px; }
html[data-ro-ux="v2-beta"] .ye-dialog-actions { flex-wrap: wrap; gap: 10px; }
/* Tax uses Portfolio's heading bands and connected registers. Source amounts,
   route status and the optional fact editors retain their original behavior. */
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-workspace { max-width: none !important; margin: 0 !important; gap: 20px !important; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-year-view { gap: 20px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-setup { padding: 18px 20px !important; border-radius: 16px !important; box-shadow: none; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-setup h2 { font: 600 17px/1.35 'Space Grotesk',sans-serif !important; letter-spacing: -.025em; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-view-tabs { flex-wrap: wrap; gap: 12px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-view-tabs__list { padding: 3px; gap: 4px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-view-tabs__list button { min-height: 44px; border-radius: 9px; padding-inline: 20px; background: transparent; color: var(--text-2); box-shadow: none; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-view-tabs__list button[aria-selected="true"] { background: var(--panel); color: var(--text); box-shadow: inset 0 0 0 1px var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] :is(.tax-control,.tax-worksheet) { border-radius: 16px; min-width: 0; box-shadow: none; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] :is(.tax-section-heading,.tax-worksheet__header,.tax-schedule__heading,.tax-details__heading) { padding: 18px 20px; margin: 0; border-bottom: 1px solid var(--border); flex-wrap: wrap; gap: 12px; align-items: flex-start; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] :is(.tax-section-heading h2,.tax-worksheet h2,.tax-schedule h3,.tax-details__heading h3) { font: 600 17px/1.35 'Space Grotesk',sans-serif; letter-spacing: -.025em; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] :is(.tax-section-heading__link,.tax-worksheet__actions a) { white-space: normal; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-headroom-grid { grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-flow: row; gap: 0; background: var(--panel); border-top: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-headroom-card { padding: 18px 20px; border-right: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-headroom-card:last-child { border-right: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-headroom-card__top { flex-wrap: wrap; align-items: baseline; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-headroom-card__facts { padding-block: 8px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-disclosure { margin-top: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-not-in-play { margin: 0; padding: 12px 20px; border: 0; border-top: 1px solid var(--border); border-radius: 0; background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-worksheet__body { padding: 0; border-top: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-worksheet__status { padding: 14px 20px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-payment-overview { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0; margin: 16px 0 0; border-block: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] :is(.tax-payment-hero,.tax-ytd-card,.tax-route-card) { min-width: 0; padding: 18px 20px; border: 0; border-radius: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-ytd-card { border-left: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-payment-heading { font: 600 14px/1.35 'Space Grotesk',sans-serif; letter-spacing: -.02em; text-transform: none; color: var(--text); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-payment-hero__amount { font: 550 clamp(28px,2.8vw,36px)/1.2 'Space Grotesk',sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.04em; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-route-card--summary { grid-column: 1 / -1; border-top: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-route-card--summary .tax-route-option { margin: 0; padding: 12px 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-route-card--summary .tax-route-card__note { margin-top: 0; padding-top: 12px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-schedule { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-register { display: block; overflow: visible; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card { display: grid; grid-template-columns: 42px minmax(130px,.8fr) 65px minmax(105px,.65fr) minmax(190px,1.5fr); gap: 12px; align-items: baseline; padding: 14px 20px; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: var(--panel); min-width: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card:last-child { border-bottom: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__top { display: contents; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__top > span { grid-column: 1; grid-row: 1; font: 12px 'JetBrains Mono',monospace; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__top > strong { grid-column: 3; grid-row: 1; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__due { grid-column: 2; grid-row: 1; margin: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__amount { grid-column: 4; grid-row: 1; margin: 0; font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__note { margin: 0; padding: 0; border: 0; line-height: 1.5; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-worksheet__split { display: block; margin: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-sharpen-card { padding: 18px 20px; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-sharpen-card__heading { padding-bottom: 14px; border-bottom: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-sharpen-card h3 { font: 600 17px/1.35 'Space Grotesk',sans-serif; letter-spacing: -.025em; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-details { margin: 0; border: 0; border-radius: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-details > details { padding-inline: 20px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-details__summary { gap: 12px; flex-wrap: wrap; padding-block: 12px !important; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-payment-facts__body { padding-block: 16px; }
@container beta-review (max-width: 800px) {
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card { grid-template-columns: 32px minmax(0,1fr) 55px minmax(70px,.7fr); gap: 8px; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__note { grid-column: 2 / -1; }
}
@container beta-review (max-width: 600px) {
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] :is(.tax-headroom-grid,.tax-payment-overview) { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-headroom-card { border-right: 0; border-bottom: 1px solid var(--border); }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-headroom-card:last-child { border-bottom: 0; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-ytd-card { border-left: 0; border-top: 1px solid var(--border); }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card { grid-template-columns: 32px minmax(0,1fr) minmax(70px,auto); padding-inline: 16px; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__top > strong { grid-column: 1; grid-row: 2; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-quarter-card__amount { grid-column: 3; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-view-tabs__disclaimer { white-space: normal; margin-left: 0; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace="tax"] .tax-payment-row > div:first-child { grid-template-columns: minmax(0,1fr) !important; }
}
@media (max-width: 1150px) {
  html[data-ro-ux="v2-beta"] .ye-workspace { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] .ye-year-summary { position: static; }
}
@media (max-width: 900px) {
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-review-row { grid-template-columns: minmax(0,1fr) auto !important; gap: 10px !important; }
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-review-row > :nth-child(3) { justify-self: start; }
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-audit-grid { grid-template-columns: minmax(0,1fr) !important; }
}
@media (max-width: 680px) {
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-cash-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-heading-row { flex-wrap: wrap; gap: 16px; }
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-heading-controls { flex-wrap: wrap; width: 100%; min-width: 0; }
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) nav[aria-label="Monthly close steps"] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html[data-ro-ux="v2-beta"] :is(.ye-move-row,.ye-combined,.ye-panel-actions) { padding: 18px 14px; }
  html[data-ro-ux="v2-beta"] .ye-move-row { grid-template-columns: minmax(0,1fr); gap: 18px; }
}
@media (max-width: 400px) {
  html[data-ro-ux="v2-beta"] .np-root:has([data-beta-page="close"]) .close-review-row > :last-child { grid-column: 1 / -1; justify-content: flex-start !important; }
}
/* Break on the available workspace, not just the viewport/sidebar combination. */
html[data-ro-ux="v2-beta"] :is(.ye-page,.tax-workspace) { container: beta-review / inline-size; }
@container beta-review (max-width: 1050px) {
  html[data-ro-ux="v2-beta"] .ye-workspace { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] .ye-year-summary { position: static; }
}
@container beta-review (max-width: 720px) {
  html[data-ro-ux="v2-beta"] .ye-move-row { grid-template-columns: minmax(0,1fr); }
}

/* Milestone 2: Goals / Plan Pulse / What If. No goal, decision or draft math. */
html[data-ro-ux="v2-beta"] :is(.goals-view,.pulse-view,.wil-page) { width: 100%; max-width: none; min-width: 0; container: beta-planning / inline-size; }
html[data-ro-ux="v2-beta"] :is(.goals-view,.pulse-overview,.pulse-review,.wil-page,.wil-layout) { gap: var(--beta-space,20px); }
/* Goals: a capacity rail, readable goal ledger, and quieter detail editors.
   Unallocated capacity deliberately stays an empty trough, never a filled goal. */
html[data-ro-ux="v2-beta"] :is(.goals-panel,.goals-form,.goals-empty,.goals-state) { padding: var(--beta-pad,24px); border-radius: 16px; box-shadow: none; }
html[data-ro-ux="v2-beta"] :is(.goals-title,.goals-detail-title) { font-weight: 600; letter-spacing: -.04em; }
html[data-ro-ux="v2-beta"] .goals-subtitle { font-size: 13px; line-height: 1.6; }
html[data-ro-ux="v2-beta"] :is(.goals-eyebrow,.goals-label,.goals-meta-label) { font-size: 10px; font-weight: 550; letter-spacing: .09em; }
html[data-ro-ux="v2-beta"] .goals-capacity-card { gap: 6px; }
html[data-ro-ux="v2-beta"] .goals-capacity-bar { height: 22px; border-radius: 7px; }
html[data-ro-ux="v2-beta"] .goals-capacity-legend { gap: 12px 24px; margin-top: 18px; }
html[data-ro-ux="v2-beta"] .goals-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
html[data-ro-ux="v2-beta"] .goals-table { min-width: 920px; table-layout: auto; }
html[data-ro-ux="v2-beta"] .goals-table :is(th,td) { padding: 14px 12px; }
html[data-ro-ux="v2-beta"] .goals-table th { font-size: 10px; letter-spacing: .06em; }
html[data-ro-ux="v2-beta"] .goals-table .goals-money { font-size: 13px; font-weight: 550; white-space: nowrap; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .goals-table tbody tr:hover { background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .goals-row-actions { gap: 6px; }
html[data-ro-ux="v2-beta"] .goals-row-actions .goals-icon-button { min-height: 44px; height: 44px; width: 44px; flex: 0 0 44px; }
html[data-ro-ux="v2-beta"] .goals-row-actions .goals-link-button { min-height: 44px; }
html[data-ro-ux="v2-beta"] .goals-funded-bar { height: 8px; }
html[data-ro-ux="v2-beta"] .goals-funded-bar > i { transition: width 240ms ease; }
html[data-ro-ux="v2-beta"] .goals-detail-grid { gap: 20px; }
html[data-ro-ux="v2-beta"] .goals-form-grid { gap: 18px; }
html[data-ro-ux="v2-beta"] .goals-type-option { padding: 14px 12px; border-radius: 9px; }
html[data-ro-ux="v2-beta"] .goals-type-option strong { line-height: 1.4; }
html[data-ro-ux="v2-beta"] .goals-funding-row { background: var(--panel); padding: 14px; gap: 16px; }
html[data-ro-ux="v2-beta"] .goals-settings-body { gap: 20px; }
html[data-ro-ux="v2-beta"] .goals-form-actions { border-top: 1px solid var(--border); padding-top: 18px; }
html[data-ro-ux="v2-beta"] .goals-account-usage-name > span:first-child { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
/* Pulse: evidence-led cards with aligned numbers and action footers. Status
   colors, source comparability, and “planned” vs “completed” remain canonical. */
html[data-ro-ux="v2-beta"] .pulse-item-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 20px; }
html[data-ro-ux="v2-beta"] :is(.pulse-item,.pulse-panel,.pulse-review-body,.pulse-receipt-hero) { border-radius: 16px; box-shadow: none; min-width: 0; }
html[data-ro-ux="v2-beta"] .pulse-item { padding: 22px; gap: 14px; }
html[data-ro-ux="v2-beta"] .pulse-item-head { flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .pulse-item h3 { font-size: 19px; font-weight: 600; line-height: 1.35; }
html[data-ro-ux="v2-beta"] .pulse-item-summary { min-height: 0; line-height: 1.6; }
html[data-ro-ux="v2-beta"] .pulse-item-footer { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .pulse-section-heading { flex-wrap: wrap; align-items: baseline; }
html[data-ro-ux="v2-beta"] .pulse-metric-pair { gap: 0; padding-block: 14px; border-block: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .pulse-metric-pair > div { border: 0; border-radius: 0; background: transparent; padding: 0 12px; }
html[data-ro-ux="v2-beta"] .pulse-metric-pair > div:first-child { padding-left: 0; }
html[data-ro-ux="v2-beta"] .pulse-metric-pair > div + div { border-left: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .pulse-metric-pair dd { font: 550 19px/1.4 'Space Grotesk',sans-serif; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .pulse-item-details summary { display: flex; align-items: center; line-height: 1.5; }
html[data-ro-ux="v2-beta"] .pulse-panel:has(.pulse-change-table) { overflow-x: auto; overscroll-behavior-x: contain; }
html[data-ro-ux="v2-beta"] .pulse-change-table { min-width: 620px; }
html[data-ro-ux="v2-beta"] .pulse-change-table :is(th,td) { padding: 13px 12px; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] :is(.pulse-record-list li,.pulse-receipt-row) { gap: 16px; min-height: 60px; }
html[data-ro-ux="v2-beta"] .pulse-review-body { padding: var(--beta-pad,24px); }
html[data-ro-ux="v2-beta"] .pulse-review-actions { gap: 10px; }
/* What If: keep independent-viewpoint warnings visible and preserve the
   isolated Save draft / Save and compare flows. No added ledger mutation. */
html[data-ro-ux="v2-beta"] .wil-layout { grid-template-columns: minmax(0,1fr) minmax(280px,320px); align-items: start; }
html[data-ro-ux="v2-beta"] :is(.wil-main,.wil-side,.wil-saved) { border-radius: 16px; box-shadow: none; min-width: 0; }
html[data-ro-ux="v2-beta"] .wil-notice { padding: 14px 18px; border-radius: 10px; }
html[data-ro-ux="v2-beta"] .wil-notice-text { line-height: 1.6; }
html[data-ro-ux="v2-beta"] .wil-tabs { padding: 4px; gap: 3px; }
html[data-ro-ux="v2-beta"] .wil-tab { min-height: 44px; padding-inline: 13px; border-radius: 8px; }
html[data-ro-ux="v2-beta"] .wil-tab.active { background: var(--panel); box-shadow: inset 0 -2px var(--accent); }
html[data-ro-ux="v2-beta"] :is(.wil-body,.wil-side) { padding: var(--beta-pad,24px); }
html[data-ro-ux="v2-beta"] .wil-section-head { flex-wrap: wrap; gap: 14px; }
html[data-ro-ux="v2-beta"] .wil-section-head h2 { font-size: 23px; letter-spacing: -.035em; }
html[data-ro-ux="v2-beta"] .wil-catalog { grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 16px; }
html[data-ro-ux="v2-beta"] .wil-catalog-card { padding: 18px; background: var(--panel); border-radius: 12px; min-width: 0; }
html[data-ro-ux="v2-beta"] .wil-catalog-card:hover { box-shadow: none; background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .wil-card-title { font-size: 16px; font-weight: 600; }
html[data-ro-ux="v2-beta"] .wil-card-desc { line-height: 1.6; }
html[data-ro-ux="v2-beta"] :is(.wil-card-add,.wil-btn) { min-height: 44px; border-radius: 9px; }
html[data-ro-ux="v2-beta"] .wil-remove { width: 44px; height: 44px; min-height: 44px; }
html[data-ro-ux="v2-beta"] .wil-tl-box { border-radius: 12px; padding: 20px; overscroll-behavior-x: contain; }
html[data-ro-ux="v2-beta"] .wil-tl-track { height: 40px; }
html[data-ro-ux="v2-beta"] .wil-tl-label { width: 180px; }
html[data-ro-ux="v2-beta"] .wil-tile-num { font: 550 30px/1.2 'Space Grotesk',sans-serif; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .wil-footnote { font-size: 12px; line-height: 1.6; }
html[data-ro-ux="v2-beta"] .wil-aside { min-width: 0; position: sticky; top: 16px; display: grid; gap: 18px; }
html[data-ro-ux="v2-beta"] .wil-actions { flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .wil-input-row { grid-template-columns: minmax(130px,1fr) repeat(4,minmax(90px,.65fr)); }
@container beta-planning (max-width: 1000px) {
  html[data-ro-ux="v2-beta"] .wil-layout { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] .wil-aside { position: static; }
  html[data-ro-ux="v2-beta"] .goals-type-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@container beta-planning (max-width: 720px) {
  html[data-ro-ux="v2-beta"] .wil-input-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-ro-ux="v2-beta"] .wil-input-name { grid-column: 1 / -1; }
  html[data-ro-ux="v2-beta"] .wil-catalog-card.open .wil-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-ro-ux="v2-beta"] .goals-detail-grid { grid-template-columns: minmax(0,1fr); }
}
@container beta-planning (max-width: 460px) {
  html[data-ro-ux="v2-beta"] :is(.goals-form-grid,.goals-funding-row,.wil-form,.wil-catalog-card.open .wil-form) { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] .goals-type-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-ro-ux="v2-beta"] .pulse-item { padding: 18px; }
  html[data-ro-ux="v2-beta"] .wil-side-actions { gap: 10px; }
}
@media (max-height: 650px) { html[data-ro-ux="v2-beta"] .wil-aside { position: static; } }
@media (prefers-reduced-motion: reduce) { html[data-ro-ux="v2-beta"] .goals-funded-bar > i { transition: none; } }

/* Shared body primitives for Roth, Healthcare and Destination.
   Opt-in only. Never target the shell, header publisher, or global tokens.
   Care classes are stable presentation hooks; financial values stay canonical. */
html[data-ro-ux="v2-beta"] .care-page {
  --care-gap: 20px;
  --care-pad: 24px;
  --care-rail: 340px;
  container: care-workspace / inline-size;
  width: 100%;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  gap: var(--care-gap) !important;
}
html[data-ro-ux="v2-beta"] .care-page *,
html[data-ro-ux="v2-beta"] .care-page *::before,
html[data-ro-ux="v2-beta"] .care-page *::after { box-sizing: border-box; }
html[data-ro-ux="v2-beta"] .care-page .care-panel {
  min-width: 0;
  max-width: 100%;
  padding: var(--care-pad) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
html[data-ro-ux="v2-beta"] .care-page .care-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(288px, var(--care-rail)) !important;
  gap: var(--care-gap) !important;
  align-items: start !important;
}
html[data-ro-ux="v2-beta"] .care-page .care-chart-column,
html[data-ro-ux="v2-beta"] .care-page .care-controls,
html[data-ro-ux="v2-beta"] .care-page .care-layout > * { min-width: 0; max-width: 100%; }
html[data-ro-ux="v2-beta"] .care-page .care-controls { gap: 20px !important; }
html[data-ro-ux="v2-beta"] .care-page .care-controls > div:first-child { align-items: baseline !important; }
html[data-ro-ux="v2-beta"] .care-page .care-controls :is(input:not([type="checkbox"]):not([type="range"]), select) {
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  border-radius: 9px;
  font-variant-numeric: tabular-nums;
}
html[data-ro-ux="v2-beta"] .care-page .care-controls > [style*="grid-template-columns"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
html[data-ro-ux="v2-beta"] .care-page .care-controls > [style*="grid-template-columns"] > * { min-width: 0; }
html[data-ro-ux="v2-beta"] .care-page .care-controls [style*="font-size:15.5px"] {
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: -.035em;
}
html[data-ro-ux="v2-beta"] .care-page .care-choice {
  min-height: 44px;
  border-radius: 9px !important;
  font: 600 12px/1.35 'Space Grotesk', sans-serif !important;
  padding: 9px 12px !important;
}
html[data-ro-ux="v2-beta"] .care-page .care-preview-notice {
  flex-wrap: wrap;
  padding: 14px 18px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--panel);
  line-height: 1.65;
}
html[data-ro-ux="v2-beta"] .care-page .care-plan-action {
  min-width: 0;
  padding: 22px var(--care-pad) !important;
  border-radius: 16px;
  gap: 20px !important;
}
html[data-ro-ux="v2-beta"] .care-page .care-plan-action > * { min-width: 0 !important; }
html[data-ro-ux="v2-beta"] .care-page .care-plan-action > div:first-child { flex-basis: 280px !important; line-height: 1.6; }
html[data-ro-ux="v2-beta"] .care-page .care-toggle { outline-offset: 6px; }
/* Preserve the small visual switch while giving its existing click target room. */
html[data-ro-ux="v2-beta"] .care-page .care-toggle::before { content: ''; position: absolute; inset: -10px -1px; }
html[data-ro-ux="v2-beta"] .care-page .care-controls details { padding-top: 16px !important; }
html[data-ro-ux="v2-beta"] .care-page details > summary { line-height: 1.55; min-height: 44px; padding-block: 10px; }
html[data-ro-ux="v2-beta"] .care-page .ro-acs { padding: var(--care-pad); gap: 0; box-shadow: none; }
html[data-ro-ux="v2-beta"] .care-page .ro-acs-header { padding-bottom: 18px; }
html[data-ro-ux="v2-beta"] .care-page .ro-acs-title { font: 600 23px/1.25 'Space Grotesk', sans-serif; letter-spacing: -.035em; }
html[data-ro-ux="v2-beta"] .care-page .beta-analysis-stage { border: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .care-page .beta-analysis-canvas { scrollbar-width: thin; }
/* The existing chart geometry is financial presentation, not data to rescale.
   Preserve readable labels on small screens; exact values remain below. */
html[data-ro-ux="v2-beta"] .care-page .beta-analysis-canvas > svg { min-width: 540px; }
html[data-ro-ux="v2-beta"] .care-page .beta-analysis-canvas path[fill="none"][stroke] { stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
html[data-ro-ux="v2-beta"] .care-page .beta-analysis-scrubber { border-inline: 0; border-bottom: 0; border-radius: 0 0 12px 12px; margin-top: 0; }
html[data-ro-ux="v2-beta"] .care-page .ro-acs-readout { margin-top: 18px; padding-bottom: 0; }
html[data-ro-ux="v2-beta"] .care-page .ro-acs-table-wrap:not(.ro-acs-visually-hidden),
html[data-ro-ux="v2-beta"] .care-page .care-table-scroll { max-width: 100%; min-width: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
html[data-ro-ux="v2-beta"] .care-page .care-table-scroll :is(th, td) { padding: 12px !important; font-size: 12px !important; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .care-page .care-table-scroll thead th { background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .care-page .care-controls [style*="overflow-x:auto"] { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
html[data-ro-ux="v2-beta"] .care-page .care-setup h2 { font-size: clamp(24px, 2.5vw, 30px) !important; font-weight: 600; letter-spacing: -.04em; }
html[data-ro-ux="v2-beta"] .care-page .care-setup button { min-height: 48px; }
html[data-ro-ux="v2-beta"] .care-page .care-text-action { min-height: 44px; padding: 9px 0; text-align: left; }
@container care-workspace (max-width: 1040px) {
  html[data-ro-ux="v2-beta"] .care-page .care-layout { grid-template-columns: minmax(0, 1fr) !important; }
}
@container care-workspace (max-width: 700px) {
  html[data-ro-ux="v2-beta"] .care-page .care-setup[style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
  html[data-ro-ux="v2-beta"] .care-page .care-plan-action > div { flex-basis: 100% !important; max-width: none !important; }
}
@container care-workspace (max-width: 420px) {
  html[data-ro-ux="v2-beta"] .care-page .care-controls > [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 680px) {
  html[data-ro-ux="v2-beta"] .care-page { --care-pad: 16px; --care-gap: 16px; }
  html[data-ro-ux="v2-beta"] .care-page .care-setup { padding: 20px 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ro-ux="v2-beta"] .care-page *,
  html[data-ro-ux="v2-beta"] .care-page *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Keep the density action inside the chart toolbar so both panel tops align. */
html[data-ro-ux="v2-beta"] .care-page .care-chart-status { font-size: 12px; line-height: 1.5; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .care-page .ro-acs-toolbar .care-text-action { margin-left: auto; }

/* Secondary analysis uses the Portfolio register's heading band, attached
   controls and separated records. Grid preserves the existing reading order:
   heading, legend, actions, chart, selected record, evidence. */
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  padding: 0; gap: 0; box-shadow: none;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-header { display: contents; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-header > div:first-child {
  grid-column: 1 / -1; padding: 16px 20px;
  background: var(--panel-2); border-bottom: 1px solid var(--border);
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-title {
  font: 600 17px/1.35 'Space Grotesk', sans-serif; letter-spacing: -.025em;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-subtitle { margin-top: 4px; line-height: 1.5; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-legend {
  grid-column: 1; margin: 0; padding: 8px 12px 8px 20px;
  gap: 4px; border-bottom: 1px solid var(--border); align-content: center;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-toolbar {
  grid-column: 2; margin: 0; padding: 8px 20px 8px 8px;
  border: 0; border-bottom: 1px solid var(--border);
  gap: 8px; justify-content: flex-end; align-content: center; max-width: 340px;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-body {
  grid-column: 1 / -1; min-width: 0; padding: 16px 20px 0;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-readout {
  grid-column: 1 / -1; margin: 12px 0 0; padding: 8px 12px;
  gap: 8px; align-items: center; border-radius: 0; background: var(--panel-2);
  border-top: 1px solid var(--border);
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-readout-fields {
  display: flex; flex: 1 1 240px; flex-wrap: wrap; gap: 0;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-readout-field {
  flex: 1 1 100px; min-width: 0; padding: 6px 12px;
  border-left: 1px solid var(--border); gap: 3px;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-readout-value {
  font-size: 13px; line-height: 1.4; font-variant-numeric: tabular-nums;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-footnote {
  grid-column: 1 / -1; margin: 0; padding: 12px 20px;
  background: var(--panel); border-top: 1px solid var(--border);
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-page { --care-pad: 16px; --care-rail: 300px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-controls { gap: 14px !important; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-controls > div:first-child {
  margin: -16px -16px 0; padding: 16px;
  border-radius: 15px 15px 0 0; border-bottom: 1px solid var(--border); background: var(--panel-2);
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-controls [style*="font-size:15.5px"] {
  font: 600 17px/1.35 'Space Grotesk', sans-serif !important; letter-spacing: -.025em;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup {
  padding: 0 !important; gap: 0 !important; overflow: hidden;
  grid-template-columns: minmax(0, 1fr) 300px !important;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup > div { padding: 20px; min-width: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup > div + div {
  border-left: 1px solid var(--border); background: var(--panel-2); align-self: stretch;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup > div:first-child > div:first-child {
  margin: -20px -20px 16px; padding: 16px 20px;
  border-bottom: 1px solid var(--border); background: var(--panel-2);
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .np-main .care-setup h2 {
  font: 600 17px/1.35 'Space Grotesk', sans-serif !important; letter-spacing: -.025em;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup p { font-size: 13px !important; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup :is(input, button) { min-height: 44px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup > button { margin: 0 20px 20px; }
@container care-workspace (min-width: 900px) {
  html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-layout { grid-template-columns: minmax(0, 1fr) 300px !important; }
}
@container care-workspace (max-width: 700px) {
  html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace] .care-setup > div + div { border-left: 0; border-top: 1px solid var(--border); }
}
@media (max-width: 1100px) {
  html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs { grid-template-columns: minmax(0, 1fr); }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-legend { grid-column: 1; padding: 8px 16px 0; border-bottom: 0; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-toolbar { grid-column: 1; max-width: none; padding: 8px 16px; }
  html[data-ro-ux="v2-beta"] .np-root[data-workspace] .ro-acs-body { padding: 12px 12px 0; }
}

/* Healthcare body only; the Codex action-only header is not a target. */
html[data-ro-ux="v2-beta"] .care-healthcare .care-coverage-grid { gap: 16px !important; margin-top: 16px; }
html[data-ro-ux="v2-beta"] .care-healthcare .care-coverage-grid > div { min-width: 0; padding: 18px !important; border-radius: 12px !important; }
html[data-ro-ux="v2-beta"] .care-healthcare .care-coverage-grid [style*="font-size:17px"] { font-size: 20px !important; font-weight: 550 !important; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .care-healthcare .care-controls [style*="justify-content:space-between"] { gap: 12px; }
html[data-ro-ux="v2-beta"] .care-healthcare .care-save { min-height: 48px; border-radius: 9px !important; }
html[data-ro-ux="v2-beta"] .care-healthcare .care-controls input[type="range"] { min-height: 44px; }
html[data-ro-ux="v2-beta"] .care-healthcare .care-controls [style*="font-size:11.5px"] { font-size: 12px !important; line-height: 1.55; }
@container care-workspace (max-width: 580px) {
  html[data-ro-ux="v2-beta"] .care-healthcare .care-coverage-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-ro-ux="v2-beta"] .care-healthcare .care-save { width: 100%; }
}

/* Destination body: original country facts, tax models and edit callbacks.
   Nothing here targets Codex's actions-only header. */
html[data-ro-ux="v2-beta"] .care-destination { --care-gap: 20px; }
html[data-ro-ux="v2-beta"] .care-destination .care-country-picker {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 8px !important;
}
html[data-ro-ux="v2-beta"] .care-destination .care-country-option {
  min-width: 0;
  min-height: 48px;
  border-radius: 9px !important;
  font-family: inherit;
  text-align: left;
  line-height: 1.4;
}
html[data-ro-ux="v2-beta"] .care-destination .care-country-option[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--accent); }
html[data-ro-ux="v2-beta"] .care-destination .care-section-title { font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.035em; line-height: 1.35; }
html[data-ro-ux="v2-beta"] .care-destination .care-country-tabs { padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel-2); gap: 4px !important; scrollbar-width: thin; }
html[data-ro-ux="v2-beta"] .care-destination .care-country-tab { min-height: 48px; flex: 1 0 auto; padding: 10px 16px !important; font-size: 13px !important; border: 0 !important; border-radius: 8px; }
html[data-ro-ux="v2-beta"] .care-destination .care-country-tab[aria-pressed="true"] { background: var(--panel) !important; color: var(--text) !important; box-shadow: 0 1px 3px color-mix(in srgb,var(--text) 8%,transparent); }
html[data-ro-ux="v2-beta"] .care-destination .care-destination-facts { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 0 !important; border: 1px solid var(--border); border-radius: 16px; background: var(--panel); overflow: hidden; }
html[data-ro-ux="v2-beta"] .care-destination .care-fact { border: 0 !important; border-radius: 0 !important; border-left: 1px solid var(--border) !important; background: transparent !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-fact:first-child { border-left: 0 !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-fact > div:nth-child(2) { font: 550 28px/1.25 'Space Grotesk', sans-serif !important; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; letter-spacing: -.04em; }
html[data-ro-ux="v2-beta"] .care-destination .care-field { gap: 8px !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-field :is(input,select) { min-height: 48px; }
html[data-ro-ux="v2-beta"] .care-destination .care-wealth h2 { font-size: 20px !important; font-weight: 600 !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-wealth section { margin-top: 18px !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-wealth [role="list"] { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-wealth [role="listitem"] { border-radius: 8px !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-fx-rail { gap: 0 !important; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
html[data-ro-ux="v2-beta"] .care-destination .care-fx-rail > div { border-radius: 0 !important; padding: 20px !important; border: 0 !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-fx-rail > div + div { border-left: 1px solid var(--border) !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-fx input[type="range"] { min-height: 44px; }
html[data-ro-ux="v2-beta"] .care-destination .care-fx [style*="justify-content:space-between"] { gap: 12px; flex-wrap: wrap; }
html[data-ro-ux="v2-beta"] .care-destination .care-destination-tab { gap: 20px !important; min-width: 0; }
html[data-ro-ux="v2-beta"] .care-destination .care-destination-tab > *,
html[data-ro-ux="v2-beta"] .care-destination .care-panel [style*="display:grid"] > * { min-width: 0; }
html[data-ro-ux="v2-beta"] .care-destination .care-treaty-row { padding-block: 16px !important; gap: 16px !important; }
html[data-ro-ux="v2-beta"] .care-destination .care-treaty-row select { width: 100%; min-width: 0; white-space: normal; }
html[data-ro-ux="v2-beta"] .care-destination .care-table-scroll { margin-top: 16px; border-top: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .care-destination .care-balance-table { min-width: 690px; }
html[data-ro-ux="v2-beta"] .care-destination .care-balance-table > div { grid-template-columns: minmax(180px,1.4fr) 96px 84px minmax(130px,1fr) minmax(130px,1fr) !important; padding: 14px 10px !important; align-items: center; }
html[data-ro-ux="v2-beta"] .care-destination .care-holding-table { min-width: 660px; }
html[data-ro-ux="v2-beta"] .care-destination .care-holding-row { grid-template-columns: minmax(200px,1.4fr) minmax(160px,1fr) 120px 120px !important; padding: 14px 10px !important; align-items: center; }
html[data-ro-ux="v2-beta"] .care-destination :is(.care-holding-table,.care-balance-table) > div:first-child { background: var(--panel-2); font-size: 11px; color: var(--text-2); }
html[data-ro-ux="v2-beta"] .care-destination :is(.care-holding-table,.care-balance-table) > div:hover { background: var(--panel-2); }
html[data-ro-ux="v2-beta"] .care-destination .care-panel [style*="overflow-x:auto"] { min-width: 0; max-width: 100%; overscroll-behavior-x: contain; }
html[data-ro-ux="v2-beta"] .care-destination .care-panel [style*="font-size:11px"] { line-height: 1.6; }
@container care-workspace (max-width: 900px) {
  html[data-ro-ux="v2-beta"] .care-destination .care-destination-facts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-fact:nth-child(3) { border-left: 0 !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-fact:nth-child(n+3) { border-top: 1px solid var(--border) !important; }
}
@container care-workspace (max-width: 700px) {
  html[data-ro-ux="v2-beta"] .care-destination .care-treaty-row { grid-template-columns: minmax(0,1fr) !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-treaty-row > :last-child { text-align: left !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-panel [style*="grid-template-columns"]:not(.care-balance-row):not(.care-holding-row) { grid-template-columns: minmax(0,1fr) !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-balance-table > div { grid-template-columns: minmax(180px,1.4fr) 96px 84px minmax(130px,1fr) minmax(130px,1fr) !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-wealth [role="list"] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@container care-workspace (max-width: 390px) {
  html[data-ro-ux="v2-beta"] .care-destination .care-fact { padding: 16px 12px !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-fact > div:nth-child(2) { font-size: 24px !important; }
  html[data-ro-ux="v2-beta"] .care-destination .care-fx-rail { flex-direction: column; }
  html[data-ro-ux="v2-beta"] .care-destination .care-fx-rail > div + div { border-left: 0 !important; border-top: 1px solid var(--border) !important; }
}

/* Page adoption of Portfolio's quiet panels, compact rails and control styles.
   All rules require the non-Ledger route marker. No global theme overrides. */
html[data-ro-ux="v2-beta"] .np-root[data-workspace] {
  --primary: var(--coral-ink);
  --on-primary: #fff;
}
html.dark[data-ro-ux="v2-beta"] .np-root[data-workspace] { --primary: var(--coral); --on-primary: #171c24; }

/* One surface treatment; the contents determine the layout, not a card grid. */
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.np-card,.goals-panel,.goals-form,.pulse-item,.pulse-panel,
  .pulse-review-body,.wil-main,.wil-side,.wil-saved,.care-panel,.cn-theater,
  .cn-assume,.chance-motion-failure,.chance-motion-assumptions,.eq-panel,
  .ye-moves-panel,.ye-year-summary,.tax-payment-panel,.compare-empty,.ia-list) {
  border: 1px solid var(--border);
  border-radius: var(--beta-radius);
  box-shadow: none;
  background: var(--panel);
  min-width: 0;
}
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.np-card,.goals-panel,.goals-form,.pulse-item,.pulse-panel,.eq-panel) { padding: var(--beta-pad); }
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.goals-title,.goals-detail-title,.pulse-section-heading h2,
  .wil-section-head h2,.care-setup h2,.eq-wizard-head h2,.compare-empty h2) {
  font: var(--workspace-heading) !important;
  letter-spacing: -.025em;
}
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.goals-panel-title,.pulse-panel h3,.eq-panel h3,.care-controls h3) { font-size: 16px; font-weight: 600; }
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.np-btn,.goals-button,.pulse-button,.ye-button,
  .wil-btn,.wil-card-add,.care-save,.care-choice,.compare-button,.eq-btn,.v2-btn,.fp-button) {
  min-height: 44px;
  border-radius: var(--workspace-control-radius);
  font: var(--workspace-control);
  transition: background-color 160ms ease, border-color 160ms ease;
}
html[data-ro-ux="v2-beta"] [data-workspace] :is(.np-btn-primary,.goals-button-primary,.pulse-primary-button,.ye-button.primary,
  .wil-btn.primary,.care-save,.compare-button.primary,.eq-btn-primary,.v2-btn-primary,.fp-button.primary) {
  background: var(--primary) !important; border-color: var(--primary) !important; color: var(--on-primary) !important;
}
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.goals-button,.pulse-button,.ye-button,.wil-btn,.compare-button,.eq-btn,.v2-btn,.fp-button):hover:not(:disabled) {
  transform: none; border-color: var(--accent);
}
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.goals-empty,.compare-empty,.pulse-empty) { text-align: left; }
html[data-ro-ux="v2-beta"] [data-workspace] .compare-empty { max-width: none; margin: 0; padding: 32px var(--beta-pad); }
html[data-ro-ux="v2-beta"] [data-workspace] .compare-empty p { max-width: 65ch; margin: 8px 0 20px; }
html[data-ro-ux="v2-beta"] [data-workspace] .compare-empty-icon { display: none; }
html[data-ro-ux="v2-beta"] [data-workspace] .goals-empty { align-items: flex-start; justify-content: center; padding: 32px 0; }
html[data-ro-ux="v2-beta"] [data-workspace] .goals-empty-copy { margin-inline: 0; }
html[data-ro-ux="v2-beta"] [data-workspace] .goals-hub .np-grid-12 { grid-template-columns: minmax(0,1fr) 300px; gap: var(--beta-space); }
html[data-ro-ux="v2-beta"] [data-workspace] .goals-hub .np-grid-12 > * { grid-column: auto; min-width: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] .np-main :is(.goals-hub .np-card,.goals-form) { padding: 20px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] :is(.goals-hub .np-card-title-row,.goals-settings-card > h2,.goals-form-header) {
  margin: -20px -20px 14px; padding: 18px 20px; background: var(--panel-2);
  border-bottom: 1px solid var(--border); border-radius: 15px 15px 0 0;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] .goals-hub .np-card-title-row { flex-wrap: wrap; gap: 8px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] :is(.np-card-title,.goals-settings-card > h2,.goals-form-title) {
  font: 600 17px/1.35 'Space Grotesk', sans-serif; letter-spacing: -.025em; text-transform: none; color: var(--text);
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] .goals-account-usage-list { margin-top: 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] .goals-account-usage-list li {
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding-block: 12px;
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] .goals-account-usage-list .goals-money { font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] .goals-account-usage-note { white-space: normal; overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="goals"] .goals-table thead { background: var(--panel-2); }

/* Shared segmented controls: the same neutral track and selected surface. */
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.wil-tabs,.tax-view-tabs,.cn-lens) { gap: 4px; }
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.wil-tab,.cn-lens-btn,.ye-shortcuts button,.tax-view-tab) {
  border-radius: 8px; min-height: 44px; font: var(--workspace-control);
}
html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.wil-tab.active,.cn-lens-btn[aria-pressed="true"]) {
  background: var(--panel); color: var(--text); box-shadow: inset 0 0 0 1px var(--border);
}

/* Compact editors sit beside intrinsic-width comparisons; narrow panels
   stack them and keep exact values in an independently scrollable table. */
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-workspace { grid-template-columns: minmax(0,1fr) 280px; gap: 20px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-moves-panel { container: yearend-moves / inline-size; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] :is(.ye-move-row,.ye-combined) { grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: 0; padding: 0; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-move-table-head { display: block; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-move-table-head > div { display: none; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-move-table-head > strong { display: block; padding: 18px 20px; font: 600 17px/1.35 'Space Grotesk', sans-serif; letter-spacing: -.025em; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] :is(.ye-move-editor,.ye-combined > div:first-child) { padding: 14px; border: 0; border-right: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-move-content { width: 100%; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] :is(.ye-move-content h2,.ye-combined h2) { font-size: 15px; line-height: 1.35; letter-spacing: -.02em; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-move-content > p { max-width: 48ch; min-height: 0; font-size: 12px; line-height: 1.4; margin-bottom: 8px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-field { max-width: 400px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] :is(.ye-shortcuts button,.ye-move-details summary,.ye-money-input input,.ye-owner-field select,.ye-confirmations label) { min-height: 44px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-move-details summary { max-width: 100%; width: auto; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-comparison { display: block; padding: 12px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-comparison:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-comparison-table { display: table; width: 100%; min-width: 366px; border-collapse: collapse; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-comparison-mobile-head { display: table-row; margin: 0; padding: 0; border: 0; text-align: right; color: var(--text-2); font: 600 10px/1.4 'JetBrains Mono', monospace; background: var(--panel-2); }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-comparison-mobile-head::before { content: ''; display: table-cell; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-compare-row { display: table-row; padding: 0; border-top: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-compare-row > span { white-space: nowrap; overflow: visible; overflow-wrap: normal; display: table-cell; vertical-align: top; text-overflow: clip; font-size: 11px; padding: 9px 4px; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-compare-row .ye-compare-label { white-space: normal; min-width: 112px; font-size: 11px; line-height: 1.4; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-compare-row .ye-compare-proposal { white-space: normal; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-comparison-mobile-head > span { display: table-cell; min-width: 70px; padding: 8px 4px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-year-summary { padding: 14px; display: block; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-year-summary h2 { margin: -14px -14px 12px; padding: 18px 14px; border-bottom: 1px solid var(--border); font: 600 17px/1.35 'Space Grotesk', sans-serif; letter-spacing: -.025em; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-summary-rows > div { padding-block: 5px; gap: 8px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-summary-rows :is(span,strong) { font-size: 11px; }
html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-summary-rows strong { white-space: normal; overflow-wrap: normal; }
@container yearend-moves (max-width: 720px) {
  html[data-ro-ux="v2-beta"] [data-workspace="yearend"] :is(.ye-move-row,.ye-combined) { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] [data-workspace="yearend"] :is(.ye-move-editor,.ye-combined > div:first-child) { border-right: 0; border-bottom: 1px solid var(--border); }
}

/* What If is a catalog of actions, not six separate dashboard widgets. */
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-layout { grid-template-columns: minmax(0,1fr) 300px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="whatif"] :is(.wil-body,.wil-side,.wil-saved) { padding: 20px; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="whatif"] :is(.wil-section-head,.wil-side-head,.wil-saved-head) {
  margin: -20px -20px 14px; padding: 18px 20px; background: var(--panel-2); border-bottom: 1px solid var(--border);
}
html[data-ro-ux="v2-beta"] .np-root[data-workspace="whatif"] :is(.wil-side-head,.wil-saved-head) { border-radius: 15px 15px 0 0; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="whatif"] .np-main :is(.wil-section-head h2,.wil-side-head h2,.wil-saved-head) {
  font: 600 17px/1.35 'Space Grotesk', sans-serif !important; letter-spacing: -.025em; text-transform: none; color: var(--text);
}
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-catalog { display: flex; flex-direction: column; gap: 0; }
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-catalog-card {
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 20px;
  padding: 14px 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent;
}
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-card-head { grid-column: 1; }
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-card-desc { grid-column: 1; margin: 4px 0 0; max-width: 62ch; }
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-card-add { grid-column: 2; grid-row: 1 / 3; align-self: center; width: auto; margin: 0; padding-inline: 14px; }
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-catalog-card > :is(.wil-form,.wil-card-fields,.wil-input-row) { grid-column: 1 / -1; }
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-side :is(.wil-stats,.wil-tiles) { gap: 0; }
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-tile { border: 0; border-radius: 0; padding: 12px 8px; background: transparent; }
html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-tile + .wil-tile { border-left: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="whatif"] .wil-tile-num { font-size: 20px; font-variant-numeric: tabular-nums; }
html[data-ro-ux="v2-beta"] .np-root[data-workspace="whatif"] .wil-saved-row { border-radius: 0; border-bottom: 1px solid var(--border); min-height: 44px; }

/* Profile follows the accounts/register pattern: section rail and one editor. */
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-workspace { grid-template-columns: 240px minmax(0,1fr); gap: var(--beta-space); }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-rail { padding: 16px 12px; border: 1px solid var(--border); border-radius: var(--beta-radius); background: var(--panel); }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-rail-heading { padding: 4px 10px 10px; }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-rail-list button { border: 1px solid transparent; }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-rail-list button.active { border-color: var(--border); background: var(--panel-2); }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-panel { padding: var(--beta-pad); border: 1px solid var(--border); border-radius: var(--beta-radius); background: var(--panel); }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-section-header { margin: calc(-1 * var(--beta-pad)) calc(-1 * var(--beta-pad)) 20px; padding: 18px 20px; border-radius: 15px 15px 0 0; border-bottom: 1px solid var(--border); background: var(--panel-2); }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-section-header h2 { font: 600 17px/1.35 'Space Grotesk',sans-serif; }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-overview-row { min-height: 68px; padding: 14px 0; gap: 14px; }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-readiness { border-radius: 10px; padding: 16px; margin-top: 16px; }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-save-bar { padding-block: 16px; background: var(--panel); }
html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-linked-note { border-radius: 10px; }

/* Consistent analysis + evidence rails, with the existing chart controls. */
html[data-ro-ux="v2-beta"] [data-workspace] :is(.care-page,.goals-view,.pulse-view,.cn-wrap,.eq-page,.compare-page) { gap: var(--beta-space); }
html[data-ro-ux="v2-beta"] [data-workspace] .care-setup { background: var(--panel); }
html[data-ro-ux="v2-beta"] [data-workspace] .care-setup p { max-width: 65ch; }
html[data-ro-ux="v2-beta"] [data-workspace] .cn-theater::before,
html[data-ro-ux="v2-beta"] [data-workspace] .chance-motion-failure::before,
html[data-ro-ux="v2-beta"] [data-workspace] .chance-motion-assumptions::before { display: none; }
html[data-ro-ux="v2-beta"] [data-workspace] :is(.cn-theater-head,.cn-theater-header) { padding: var(--beta-pad); }
html[data-ro-ux="v2-beta"] [data-workspace] .cn-stage { grid-template-columns: minmax(0,1fr) 240px; }
html[data-ro-ux="v2-beta"] [data-workspace] :is(.cn-assume,.chance-motion-assumption-grid) { box-shadow: none; }
html[data-ro-ux="v2-beta"] [data-workspace] .cn-assume > div { min-width: 0; }
html[data-ro-ux="v2-beta"] [data-workspace] .cn-assume :is(strong,span) { overflow-wrap: anywhere; }
html[data-ro-ux="v2-beta"] [data-workspace] .eq-wizard { background: var(--panel); }
html[data-ro-ux="v2-beta"] [data-workspace] .eq-wizard-choice-card:has(input:checked) { background: var(--panel-2); }
html[data-ro-ux="v2-beta"] [data-workspace] .eq-wizard-rail { padding: 4px; background: var(--panel-2); }
html[data-ro-ux="v2-beta"] [data-workspace] .eq-wizard-rail-item { background: transparent; }
html[data-ro-ux="v2-beta"] [data-workspace] .eq-wizard-rail-item[aria-current="step"] { background: var(--panel); outline-color: var(--border); }
html[data-ro-ux="v2-beta"] [data-workspace] .eq-note { background: var(--panel); border: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] [data-workspace] .ia-kpis { border: 1px solid var(--border); border-radius: var(--beta-radius); background: var(--panel); gap: 0; }
html[data-ro-ux="v2-beta"] [data-workspace] .ia-kpi { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-ro-ux="v2-beta"] [data-workspace] .ia-kpi + .ia-kpi { border-left: 1px solid var(--border); }
html[data-ro-ux="v2-beta"] [data-workspace] .ia-num { font: 550 28px/1.2 'Space Grotesk',sans-serif; font-variant-numeric: tabular-nums; }

/* Balance sheet and account preferences use the same register/panel rhythm. */
html[data-ro-ux="v2-beta"] [data-workspace="networth"] .nw-overview { display: grid !important; grid-template-columns: minmax(0,1fr) var(--workspace-rail); gap: var(--beta-space) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="networth"] :is(.nw-history,.nw-balance) { padding: var(--beta-pad) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="networth"] :is(.nw-history,.nw-balance) > div:first-child > div:first-child { font-size: 20px !important; }
/* Keep bucket colors and the real history geometry; lighten the area so grid
   and liability lines remain readable, just as in the Portfolio chart. */
html[data-ro-ux="v2-beta"] [data-workspace="networth"] .ro-nwv-focus svg polygon { opacity: .2; }
html[data-ro-ux="v2-beta"] [data-workspace="settings"] main[aria-label="Settings"] > div { border-radius: var(--beta-radius) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="settings"] section[aria-labelledby] { padding: var(--beta-pad) !important; gap: 20px 32px !important; }
html[data-ro-ux="v2-beta"] [data-workspace="settings"] section[aria-labelledby] > header { flex-basis: 240px !important; }
html[data-ro-ux="v2-beta"] [data-workspace="settings"] section[aria-labelledby] h2 { font: var(--workspace-heading) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="settings"] :is(button,a[style*="min-height:40px"]) { min-height: 44px !important; border-radius: var(--workspace-control-radius) !important; font: var(--workspace-control) !important; }

html[data-ro-ux="v2-beta"] [data-workspace="timeline"] .timeline-workspace { grid-template-columns: 400px minmax(0,1fr) !important; gap: var(--beta-space) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="timeline"] :is(.timeline-editor,.timeline-register) { min-width: 0; padding: var(--beta-pad) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="timeline"] :is(.timeline-editor,.timeline-register) > div:first-child { font: var(--workspace-heading) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="timeline"] .timeline-preset-list { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
html[data-ro-ux="v2-beta"] [data-workspace="timeline"] .timeline-preset-list > button { border: 0 !important; border-bottom: 1px solid var(--border) !important; border-radius: 0 !important; padding: 14px 0 !important; }
html[data-ro-ux="v2-beta"] [data-workspace="timeline"] .timeline-editor [style*="minmax(180px"] { grid-template-columns: minmax(0,1fr) minmax(80px,.55fr) !important; }
html[data-ro-ux="v2-beta"] [data-workspace="tax"] .tax-projection-row { grid-template-columns: minmax(0,1fr) var(--workspace-rail); gap: var(--beta-space); }
html[data-ro-ux="v2-beta"] [data-workspace="tax"] .tax-projection-chart .ro-acs { border-radius: var(--beta-radius); box-shadow: none; }
html[data-ro-ux="v2-beta"] [data-workspace="tax"] .tax-projection-chart svg path[opacity="0.85"] { opacity: .25; }

/* Smaller workspaces remain useful instead of shrinking the numeric columns. */
@container workspace (max-width: 1050px) {
  html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-workspace { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-year-summary { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-workspace { grid-template-columns: 205px minmax(0,1fr); }
}
@container workspace (max-width: 880px) {
  html[data-ro-ux="v2-beta"] [data-workspace="tax"] .tax-projection-row { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] [data-workspace] .goals-hub .np-grid-12 { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] [data-workspace="timeline"] .timeline-workspace { grid-template-columns: minmax(0,1fr) !important; }
  html[data-ro-ux="v2-beta"] [data-workspace="networth"] .nw-overview { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-layout { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-workspace { display: flex; flex-direction: column; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-rail { position: static; width: 100%; box-sizing: border-box; margin: 0; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-rail-list { display: flex; flex-wrap: wrap; width: 100%; gap: 4px; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-rail-list button { width: auto; gap: 8px; padding: 8px 12px; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-content { width: 100%; }
}
@container workspace (max-width: 560px) {
  html[data-ro-ux="v2-beta"] [data-workspace="close"] .close-heading-controls { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; }
  html[data-ro-ux="v2-beta"] [data-workspace="close"] .close-heading-progress { width: 100%; min-width: 0; }
  html[data-ro-ux="v2-beta"] [data-workspace="close"] select[aria-label="Close month"] { width: 100%; }
  html[data-ro-ux="v2-beta"] [data-workspace="yearend"] .ye-year-summary { display: block; }
  html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-catalog-card { grid-template-columns: minmax(0,1fr); }
  html[data-ro-ux="v2-beta"] [data-workspace="whatif"] .wil-card-add { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 8px; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-overview-row { grid-template-columns: minmax(0,1fr) auto; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-overview-summary { grid-column: 1; }
  html[data-ro-ux="v2-beta"] [data-workspace="profile"] .fp-overview-arrow { display: none; }
  html[data-ro-ux="v2-beta"] [data-workspace] .cn-stage { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ro-ux="v2-beta"] [data-workspace] .np-main :is(.np-btn,.goals-button,.pulse-button,.ye-button,.wil-btn,.compare-button,.eq-btn,.v2-btn,.fp-button) { transition: none; }
}
@media (max-width: 600px) {
  html[data-ro-ux="v2-beta"] [data-workspace] .np-topbar-row { flex-wrap: wrap; }
  html[data-ro-ux="v2-beta"] [data-workspace] .np-topbar-title-group { flex: 1 1 100%; }
  html[data-ro-ux="v2-beta"] [data-workspace] .np-topbar-actions { margin-left: auto; flex-wrap: wrap; max-width: 100%; }
}