/* Selected Paper compact market strip; scoped to the test homepage. */
html.sidebar-preview[data-connected-navbar] .workspace-connected-frame{content:'';position:fixed;z-index:0;top:12px;left:var(--workspace-nav-left);width:var(--workspace-nav-width);height:46px;box-sizing:border-box;background:linear-gradient(110deg,#fff,#f8fafc);border:1px solid #d9dee5;border-radius:10px;box-shadow:0 2px 6px #18233208;pointer-events:none}
html.sidebar-preview[data-connected-navbar] :is(.nav-left,.nav-right,.gn-left,.gn-right,.gnav-left,.gnav-right){background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.sidebar-preview[data-connected-navbar] :is(.nav-left,.gn-left,.gnav-left){border-right-color:transparent!important;border-radius:0!important}
html.sidebar-preview[data-connected-navbar] .compact-markets{position:fixed;top:12px;height:46px;display:flex;align-items:center;justify-content:space-evenly;gap:14px;padding:0 16px;box-sizing:border-box;z-index:1;container-type:inline-size;overflow:hidden}
html.sidebar-preview[data-connected-navbar] .compact-market{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;flex-shrink:0;text-decoration:none;color:inherit;font-size:12px;line-height:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.compact-market strong{font-weight:600}.compact-market .market-price{color:#626b77}.compact-market .market-symbol{font-size:9px;color:#737d88;margin-left:-4px}.compact-market .market-up{color:#387d52}.compact-market .market-down{color:#b44d58}
.compact-market:focus-visible{outline:2px solid #456ea6;outline-offset:3px}.compact-market:hover strong{text-decoration:underline}
@container(max-width:850px){.compact-market{gap:1px!important}}
@container(max-width:530px){.compact-market .market-symbol{display:none}.compact-market{font-size:11px!important}}
@container(max-width:390px){.compact-market:nth-child(n+3){display:none}}
@container(max-width:190px){.compact-market:nth-child(n+2){display:none}}
html.sidebar-preview[data-connected-navbar][data-theme="dark"] .workspace-connected-frame{background:linear-gradient(110deg,#282a2e,#202226);border-color:#ffffff26}
html.sidebar-preview[data-connected-navbar][data-theme="dark"] .compact-markets{color:#f1f3f5}html.sidebar-preview[data-connected-navbar][data-theme="dark"] .market-price{color:#b5bec9}html.sidebar-preview[data-connected-navbar][data-theme="dark"] .market-up{color:#8fc6a5}html.sidebar-preview[data-connected-navbar][data-theme="dark"] .market-down{color:#e29b9c}
html.sidebar-preview[data-connected-navbar][data-frost-nav-tucked] .workspace-connected-frame,html.sidebar-preview[data-connected-navbar][data-frost-nav-tucked] .compact-markets{translate:0 calc(-100% - 24px)}

/* Share the shell's geometry so sidebar changes cannot leave stale quote bounds. */
html.sidebar-preview[data-connected-navbar]{--compact-nav-controls-width:397px}
html.sidebar-preview[data-connected-navbar] .compact-markets{left:calc(var(--workspace-nav-left) + 153px);width:max(0px,calc(var(--workspace-nav-width) - 153px - var(--compact-nav-controls-width)));transition:left var(--navbar-slide-duration,0ms) var(--sidebar-slide-easing,ease-in-out),width var(--navbar-slide-duration,0ms) var(--sidebar-slide-easing,ease-in-out),translate 200ms ease}
html.sidebar-preview[data-connected-navbar] .workspace-connected-frame{transition:left var(--navbar-slide-duration,0ms) var(--sidebar-slide-easing,ease-in-out),width var(--navbar-slide-duration,0ms) var(--sidebar-slide-easing,ease-in-out),translate 200ms ease}
html.sidebar-preview[data-connected-navbar].preview-watchlist-resizing :is(.nav-left,.nav-right,.compact-markets),html.sidebar-preview[data-connected-navbar].preview-watchlist-resizing .workspace-connected-frame{transition:none!important}
@media(max-width:680px){html.sidebar-preview[data-connected-navbar]{--compact-nav-controls-width:209px}}
@media(prefers-reduced-motion:reduce){html.sidebar-preview[data-connected-navbar] .compact-markets,html.sidebar-preview[data-connected-navbar] .workspace-connected-frame{transition:none}}

html.sidebar-preview[data-connected-navbar] .workspace-connected-frame {position:fixed;z-index:299;pointer-events:none;}
html.sidebar-preview[data-connected-navbar] .compact-markets {z-index:301;}
html.sidebar-preview[data-connected-navbar] :is(.nav-left,.nav-right,.gn-left,.gn-right,.gnav-left,.gnav-right) {z-index:302;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;}
html.sidebar-preview:not([data-connected-navbar]) :is(.workspace-connected-frame,.compact-markets) {display:none;}
html.sidebar-preview[data-connected-navbar] .frost-search {background:#f4f4f4;border:1px solid #e8e8e8;border-radius:6px;height:32px;font:13px 'Geist',sans-serif;color:#5f6470;}
html.sidebar-preview:is(#glass-home-preview,.sidebar-preview)[data-connected-navbar] :is(.nav-left,.nav-right,.gn-left,.gn-right,.gnav-left,.gnav-right) {background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;}
html.sidebar-preview[data-connected-navbar] :is(.gnav,#unified-navigation-rail) {z-index:303!important;}
html.sidebar-preview[data-connected-navbar] :is(.nav-right .search,.frost-search,.gn-right .top-nav-search) {display:flex;align-items:center;justify-content:flex-start;gap:8px;width:220px;height:32px;padding:0 10px;background:#f4f4f4!important;border:1px solid #e8e8e8!important;border-radius:6px;font:400 13px 'Geist',sans-serif;color:#5f6470;}
html.sidebar-preview[data-connected-navbar] .workspace-search-key {margin-left:auto;font:600 13px/18px 'Geist',sans-serif;padding:0 4px;border:1px solid #d5d5d5;border-radius:3px;color:#858585;}
html.sidebar-preview[data-connected-navbar] :is(.nav-left,.gn-left,.gnav-left) {border-right:0!important;}
html.sidebar-preview[data-theme="dark"][data-connected-navbar] :is(.nav-right .search,.frost-search,.gn-right .top-nav-search) {background:#ffffff0c!important;border-color:#ffffff22!important;color:#bbc3ce;}
html.sidebar-preview[data-connected-navbar] .compact-market {font-family:'Geist',system-ui,sans-serif;}
html.sidebar-preview[data-connected-navbar] :is(.nav-left,.gn-left,.gnav-left) {border-radius:0!important;}

/* Outrank page-specific white panels: the homepage uses one continuous frame. */
html.sidebar-preview[data-connected-navbar]:is(#glass-home-preview,.sidebar-preview):not([data-theme="dark"]):not([data-chrome-theme="dark"]) :is(.nav-left,.nav-right,.gn-left,.gn-right,.gnav-left,.gnav-right) {
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
html.sidebar-preview[data-connected-navbar] :is(.nav-right .search,.frost-search,.gn-right .top-nav-search) {
  font:400 12px/16px 'Geist',system-ui,sans-serif!important;color:#62605e;
}
html.sidebar-preview[data-connected-navbar] .workspace-search-key {
  box-sizing:border-box;font:700 10px/16px 'Geist',system-ui,sans-serif;
  height:20px;padding:1px 5px;border:1px solid #0f11161f;color:#777;
}
html.sidebar-preview[data-connected-navbar] :is(.gn-right,.gnav-right) .frost-pro {
  display:inline-flex!important;align-items:center;justify-content:center;flex-direction:row;white-space:nowrap;
  font:600 13px/16px 'Geist',system-ui,sans-serif!important;
  border-radius:7px!important;background:#292828!important;color:#fff;gap:8px;
}
html.sidebar-preview[data-connected-navbar] :is(.gn-right,.gnav-right) .frost-pro:hover {background:#292c33!important;}
html.sidebar-preview[data-connected-navbar] :is(.gn-right,.gnav-right) .frost-profile:hover {color:#535965;}
html.sidebar-preview[data-connected-navbar] :is(.frost-search,.top-nav-search)>svg {width:13px;height:13px;flex-shrink:0;}
@media(max-width:680px) {
  html.sidebar-preview[data-connected-navbar] .workspace-search-key {display:none;}
}

html.sidebar-preview[data-connected-navbar] :is(.gn-right,.gnav-right) :is(.frost-theme,.frost-profile) {
  display:flex;align-items:center;justify-content:center;
}
html.sidebar-preview[data-connected-navbar] :is(.frost-theme,.rail-theme-button)>svg {width:16px;height:16px;}
html.sidebar-preview[data-connected-navbar][data-theme="dark"] :is(.nav-right .search,.frost-search,.gn-right .top-nav-search) {color:#bbc3ce;}

html.sidebar-preview[data-connected-navbar] .workspace-search-label {display:flex;align-items:center;gap:5px;}
html.sidebar-preview[data-connected-navbar] .workspace-search-symbol {font-weight:500;}
html.sidebar-preview[data-connected-navbar]:not([data-theme="dark"]) .compact-markets {color:#17191e;}

/* Keep the latest closing level visible alongside its session change. */
.compact-market strong{line-height:14px}
.compact-market .market-values{display:flex;align-items:baseline;gap:6px;font-size:11px;line-height:14px;white-space:nowrap}