/* Local opt-in navigation experiment, shared by every destination. */
:root.sidebar-preview { --preview-rail-width: 68px; }
html.sidebar-preview body { width: calc(100% - var(--preview-rail-width)); margin-left: var(--preview-rail-width); }
html.sidebar-preview .page { width: min(1280px, calc(100% - 40px)); }
html.sidebar-preview #unified-navigation-rail { left: var(--preview-rail-width) !important; width: calc(100% - var(--preview-rail-width)) !important; }
html.sidebar-preview .gn-wrap { width: min(1425px, calc(100vw - var(--preview-rail-width) - 48px)); }
html.sidebar-preview.gn-full .gn-wrap { width: calc(100vw - var(--preview-rail-width) - 16px); }
html.sidebar-preview .gnav { left: var(--preview-rail-width); width: calc(100% - var(--preview-rail-width)); box-sizing: border-box; }
#preview-rail { position: fixed; inset: 0 auto 0 0; width: var(--preview-rail-width); z-index: 1000; display: flex; flex-direction: column; background: rgba(238,240,243,.92); backdrop-filter: blur(12px); border-right: 1px solid #d7dbe1; color: #646b78; box-sizing: border-box; font: 400 10px/1.2 'Geist',system-ui,sans-serif; }
#preview-rail a, #preview-rail button { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 100%; min-height: 59px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: inherit; text-decoration: none; font: inherit; cursor: pointer; }
#preview-rail svg { width: 20px; height: 20px; flex-shrink: 0; }
#preview-rail .rail-links { display: block; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; flex: 1; }
#preview-rail .rail-links::-webkit-scrollbar { display: none; }
#preview-rail .rail-toggle { min-height: 56px; }
#preview-rail a:hover, #preview-rail button:hover { background: rgba(48,57,67,.07); }
#preview-rail a[aria-current="page"] { background: #cdcdcd; color: #303943; font-weight: 600; }
#preview-rail :is(a,button):focus-visible { outline: 2px solid #5878b3; outline-offset: -3px; }
#preview-rail .rail-footer { border-top: 1px solid #d7dbe1; padding: 4px 0; }
#preview-rail .rail-footer :is(a,button) { min-height: 44px; }
html.sidebar-preview[data-theme="dark"] #preview-rail { background: rgba(34,34,34,.94); border-color: #393939; color: #b1b5bd; }
html.sidebar-preview[data-theme="dark"] #preview-rail a[aria-current="page"] { background: #353535; color: #fff; }
html.sidebar-preview[data-theme="dark"] #preview-rail .rail-footer { border-color: #393939; }
/* Homepage-only dark tokens; app workspaces retain their existing theme controller. */
html.sidebar-preview[data-theme="dark"] body:has(> .page) { --bg:#181b20; --surf:rgba(31,35,42,.95); --glass:rgba(38,42,49,.85); --tx:#e7e9ed; --ink:#e7e9ed; --mu:#a6adba; --fa:#8992a0; --bd:#353a44; --rule:#353a44; --lk:#9bbaff; background:#181b20; color:var(--tx); }
html.sidebar-preview[data-theme="dark"] .nav :is(.wordmark,.tab,.profile-btn) { color:#e7e9ed; }
@media (max-width:1100px) { html.sidebar-preview .nav { flex-wrap:wrap; gap:8px; } html.sidebar-preview .row { flex-wrap:wrap; } html.sidebar-preview .row > .panel { min-width:0; width:100%; } html.sidebar-preview .header { flex-wrap:wrap; } html.sidebar-preview .lead { width:auto; } }

#preview-rail .rail-label { max-width: 100%; font-size: 9px; white-space: nowrap; letter-spacing: -.15px; }

/* The left rail owns page navigation in this test version. */
html.sidebar-preview .nav-left > .tab,
html.sidebar-preview .gnav-left > .gnav-tab,
html.sidebar-preview.glass-nav .gn-left .fund-workspace-switch { display: none !important; }
html.sidebar-preview .nav-left,
html.sidebar-preview .gnav-left,
html.sidebar-preview.glass-nav .gn-left { padding-left: 16px; padding-right: 16px; }
html.sidebar-preview .nav-left > .wordmark,
html.sidebar-preview .gnav-left > .gnav-brand,
html.sidebar-preview.glass-nav .gn-left .top-nav-brand { padding-right: 0; margin-right: 0; }


/* Original application watchlist, docked beside the persistent preview rail. */
:root.sidebar-preview { --preview-watchlist-width: 320px; --preview-content-left: var(--preview-rail-width); }
:root.sidebar-preview.preview-watchlist-open { --preview-content-left: calc(var(--preview-rail-width) + var(--preview-watchlist-width)); }
html.sidebar-preview body { margin-left: var(--preview-content-left); width: calc(100% - var(--preview-content-left)); transition: margin-left 380ms cubic-bezier(.2,.8,.2,1), width 380ms cubic-bezier(.2,.8,.2,1); }
html.preview-watchlist-open #preview-watchlist { width: var(--preview-watchlist-width); border-right: 1px solid var(--tos-border,#d7dbe1); }
#preview-watchlist #wl-resize-handle { position: absolute; top: 0; bottom: 0; right: 0; width: 5px; background: transparent; }
#preview-watchlist #wl-resize-handle:hover { background: var(--tos-border-strong); }
html.sidebar-preview #wl-selector-dropdown, html.sidebar-preview #wl-ctx-menu { z-index: 1100; }
.preview-wl-search { padding: 0; width: 440px; }
.preview-wl-search input { box-sizing: border-box; width: calc(100% - 32px); margin: 16px; padding: 10px; border: 1px solid var(--tos-border); background: var(--tos-bg-main); color: var(--tos-text-primary); }
.preview-wl-search .preview-wl-results { padding: 0 16px 16px; max-height: 360px; overflow: auto; }
.preview-wl-search .preview-wl-results button { display: block; text-align: left; width: 100%; padding: 10px; border: 0; background: transparent; color: var(--tos-text-primary); cursor: pointer; }
.preview-wl-search .preview-wl-results button:hover { background: var(--tos-bg-hover); }
@media (max-width:800px) { :root.sidebar-preview.preview-watchlist-open { --preview-content-left: var(--preview-rail-width); } html.preview-watchlist-open #preview-watchlist { max-width: calc(100vw - var(--preview-rail-width)); box-shadow: 8px 0 24px rgba(0,0,0,.12); } }
@media (prefers-reduced-motion:reduce) { html.sidebar-preview body, #preview-watchlist { transition: none; } }
/* Match the original unified left-watchlist density and marks. */
html.sidebar-preview.preview-watchlist-open #preview-watchlist #wl-resize-handle { display:block !important; }
/* Ported from 51a99846 unifiedSidebar: fixed 68px rail, 66px rows,
   original top panel toggle, palette and transition timing. */
#preview-rail { background:#f3f3f3; backdrop-filter:none; border-color:rgba(0,0,0,.14); color:#646b78; font:400 10px/12px var(--tos-font-ui,'Geist',system-ui,sans-serif); user-select:none; }
#preview-rail :is(a,button) { height:66px; min-height:66px; padding:0; flex:0 0 auto; cursor:default; transition:background-color 180ms ease,color 180ms ease; }
#preview-rail .rail-label { font-size:10px; line-height:12px; letter-spacing:normal; }
#preview-rail [data-page="fundamentals"] .rail-label { font-size:9px; }
#preview-rail :is(a,button):hover { background:#dedede; }
#preview-rail a[aria-current="page"] { color:#202936; background:#cdcdcd; }
#preview-rail .rail-toggle { height:66px; min-height:66px; margin:0; transform:none; box-shadow:none; cursor:default; }
#preview-rail .rail-toggle[aria-pressed="true"] { cursor:default; }
#preview-rail .rail-toggle svg { width:16px; height:16px; }
#preview-rail .rail-footer { border:0; padding:0; }
#preview-rail .rail-footer a { height:44px; min-height:44px; }
html.sidebar-preview[data-theme="dark"] #preview-rail { background:#202020; }
html.sidebar-preview[data-theme="dark"] #preview-rail :is(a,button):hover { background:#303030; }
/* The original adjacent panel spans the entire window alongside the rail. */
html.sidebar-preview[data-theme="dark"] #preview-watchlist { background:#272727; }
html.sidebar-preview.preview-native-panel #fund-sidebar { position:fixed !important; top:0 !important; bottom:0 !important; left:68px !important; height:100dvh !important; margin:0 !important; z-index:202; border-radius:0; }
html.sidebar-preview.preview-native-panel #fund-sidebar.is-collapsed { width:0 !important; min-width:0 !important; max-width:0 !important; padding:0 !important; border:0 !important; overflow:hidden; visibility:hidden; }
html.sidebar-preview.preview-native-panel #fund-sidebar:not(.is-collapsed) { max-width:none; }
html.sidebar-preview.preview-native-panel .fund-sidebar-header { display:none !important; }
html.sidebar-preview.preview-native-panel .fund-sidebar-resize-handle { position:fixed !important; top:0 !important; bottom:0 !important; left:calc(68px + var(--preview-watchlist-width) - 3px) !important; height:100dvh !important; margin:0 !important; z-index:203; }
html.sidebar-preview.preview-native-panel #fundamentals-container { padding-left:0 !important; padding-right:0 !important; }
html.sidebar-preview.preview-native-panel #fund-sidebar .fund-sidebar-sections { padding-top:8px; }
html.sidebar-preview.preview-native-panel[data-unified-watchlist="true"] #fund-sidebar .fund-sidebar-sections { padding-top:0; }
html.sidebar-preview #unified-navigation-rail { left:var(--preview-content-left) !important; width:calc(100% - var(--preview-content-left)) !important; }
html.sidebar-preview .gn-wrap { width:min(1425px,calc(100vw - var(--preview-content-left) - 48px)); }
html.sidebar-preview.gn-full .gn-wrap { width:calc(100vw - var(--preview-content-left) - 16px); }
html.sidebar-preview .gnav { left:var(--preview-content-left); width:calc(100% - var(--preview-content-left)); }
@media (prefers-reduced-motion:no-preference) {
  html.sidebar-preview.preview-native-panel #fund-sidebar { transition:width 380ms ease,min-width 380ms ease,flex-basis 380ms ease,padding 380ms ease,visibility 0s; }
  html.sidebar-preview.preview-native-panel #fund-sidebar.is-collapsed { transition-delay:0s,0s,0s,0s,380ms; }
}
html.sidebar-preview.preview-native-panel #fundamentals-container #fund-sidebar { display:flex !important; }
html.sidebar-preview #preview-rail #fund-sidebar-toggle { position:static !important; display:flex !important; align-items:center; justify-content:center; width:100% !important; height:66px !important; min-height:66px !important; padding:0 !important; margin:0 !important; border:0 !important; background:transparent; color:inherit; }
html.sidebar-preview #preview-rail #fund-sidebar-toggle:hover { background:#dedede; }
html.sidebar-preview.preview-native-panel #fundamentals-container #fund-sidebar .workspace-sidebar-head { display:none !important; }
html.sidebar-preview.preview-native-panel #fundamentals-container #fund-sidebar { background:var(--fund-sidebar-panel); border-left:0; border-right:1px solid var(--price-watchlist-rule); }
html.sidebar-preview.preview-native-panel #fundamentals-container .fund-sidebar-resize-handle { display:block !important; }
html.sidebar-preview.preview-native-panel #fundamentals-container:has(#fund-sidebar.is-collapsed) .fund-sidebar-resize-handle { display:none !important; }
html.sidebar-preview.preview-native-panel[data-markets-open="true"] #fundamentals-container,
html.sidebar-preview.preview-native-panel[data-week-ahead-open="true"] #fundamentals-container { display:flex !important; }
html.sidebar-preview.preview-native-panel .toolbar.shared-price-toolbar { margin-left:0 !important; margin-right:0 !important; }
html.sidebar-preview #preview-rail .rail-toggle svg,
html.sidebar-preview #preview-rail .fund-sidebar-toggle-icon { width:26px !important; height:26px !important; }
html.sidebar-preview :is(#workspace-markets,#workspace-week-ahead) { left:var(--preview-content-left) !important; width:calc(100% - var(--preview-content-left)) !important; transition:left 380ms ease,width 380ms ease; }
html.sidebar-preview body { transition-timing-function:ease; }
html.sidebar-preview.preview-native-panel #fund-sidebar.is-resizing { transition:none; }
html.sidebar-preview:has(#fund-sidebar.is-resizing) body { transition:none; }
@media (prefers-reduced-motion:reduce) {
  html.sidebar-preview :is(#fund-sidebar,#workspace-markets,#workspace-week-ahead) { transition:none !important; }
}
/* Filled bookmark indicates that the watchlist panel is expanded. */
#preview-rail .rail-watchlist[aria-expanded="true"] svg { fill:currentColor; }

/* Shared floating navbar surfaces across Home, Feed and all app workspaces. */
html.sidebar-preview :is(.nav > .glass, .gn-group, .gnav-group) {
  box-sizing:border-box;
  height:46px;
  border:1px solid rgba(78,94,116,.22) !important;
  border-radius:8px;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:none;
}
html.sidebar-preview[data-theme="dark"] :is(.nav > .glass, .gn-group, .gnav-group) {
  border-color:rgba(137,153,176,.25) !important;
  background:rgba(35,36,40,.6);
}

/* The left sidebar keeps the same icon on every workspace and in both states. */
html.sidebar-preview #preview-rail .rail-toggle svg { transform:none !important; }

/* Give the first Fundamentals section the same breathing room as section dividers. */
html.sidebar-preview.preview-native-panel[data-workspace-view="fundamentals"] #fund-sidebar:not(.is-collapsed) .fund-sidebar-sections {
  padding-top: 12px !important;
}

/* Use the normal arrow cursor across the sidebar toggle and its icon. */
html.sidebar-preview #preview-rail :is(.rail-toggle,#fund-sidebar-toggle),
html.sidebar-preview #preview-rail :is(.rail-toggle,#fund-sidebar-toggle) * {
  cursor:default !important;
}
html.sidebar-preview #preview-rail :is(.rail-toggle,#fund-sidebar-toggle)[aria-pressed="true"],
html.sidebar-preview #preview-rail :is(.rail-toggle,#fund-sidebar-toggle)[aria-pressed="true"] * {
  cursor:default !important;
}