/* ========================================================================== 
   Market Evidence v2.7.0 — Unified Responsive UI System
   Purpose: one predictable presentation layer across desktop, laptop, tablet,
   Android, iPhone/iPad, PWA and browser layouts. This file intentionally loads
   after the legacy component/theme stylesheet so the application can preserve
   proven feature styling while responsive behavior is controlled in one place.
   ========================================================================== */

:root {
  /* layout */
  --me-page-max: 1600px;
  --me-page-pad: clamp(.55rem, 1.1vw, 1rem);
  --me-safe-top: env(safe-area-inset-top, 0px);
  --me-safe-right: env(safe-area-inset-right, 0px);
  --me-safe-bottom: env(safe-area-inset-bottom, 0px);
  --me-safe-left: env(safe-area-inset-left, 0px);
  --me-gap-1: .25rem;
  --me-gap-2: .4rem;
  --me-gap-3: .6rem;
  --me-gap-4: .8rem;
  --me-gap-5: 1rem;

  /* typography */
  --me-text-xs: clamp(.66rem, .62rem + .12vw, .74rem);
  --me-text-sm: clamp(.74rem, .7rem + .12vw, .82rem);
  --me-text-md: clamp(.82rem, .78rem + .16vw, .94rem);
  --me-text-lg: clamp(.96rem, .88rem + .3vw, 1.18rem);
  --me-title-sm: clamp(1.02rem, .94rem + .35vw, 1.32rem);
  --me-title-md: clamp(1.18rem, 1.02rem + .65vw, 1.7rem);
  --me-number-lg: clamp(1.35rem, 1.12rem + .9vw, 2.15rem);

  /* touch / geometry */
  --me-control-h: 42px;
  --me-control-h-compact: 36px;
  --me-radius-sm: 8px;
  --me-radius-md: 11px;
  --me-radius-lg: 14px;

  /* layering */
  --me-z-content: 1;
  --me-z-sticky: 80;
  --me-z-header: 100;
  --me-z-drawer-backdrop: 180;
  --me-z-drawer: 190;
  --me-z-popover: 260;
  --me-z-modal: 320;

  /* quieter visual treatment */
  --me-panel-border: rgba(127, 198, 235, .28);
  --me-panel-shadow: 0 8px 26px rgba(0, 0, 0, .24);
  --me-panel-bg: linear-gradient(180deg, rgba(14, 31, 50, .97), rgba(8, 21, 36, .98));
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  min-width: 0;
  overflow-x: hidden;
  font-size: var(--me-text-md);
}

*, *::before, *::after { box-sizing: border-box; }
img, svg, canvas, video { max-width: 100%; }

/* Prevent long labels, translated strings and market values from forcing width. */
.container,
.evidence-workspace,
.section-content,
.search-grid,
.search-grid > *,
.asset-hero,
.asset-hero > *,
.topbar-inner,
.brand-wrap,
.top-actions,
.header-command-group,
.header-control-stack,
.ux-section-shell,
.ux-section-content,
.card-list article,
.source-card,
.chart-card,
.status-card { min-width: 0; }

/* A hidden Recent rail must always truly collapse even though its visible state
   is flex. This explicitly prevents a CSS display declaration from defeating
   the HTML hidden attribute. */
.recent-asset-searches[hidden],
.recent-assets-shell[hidden] { display: none !important; }

/* --------------------------------------------------------------------------
   Global type + control scale
   -------------------------------------------------------------------------- */

label > span,
.asset-type-display-field > span,
.asset-kicker,
.eyebrow,
.metric-label,
.active-section-group,
.sidebar-group-heading strong,
.discover-eyebrow,
.cc-eyebrow {
  font-size: var(--me-text-xs);
}

button,
input,
select,
textarea { max-width: 100%; }

button,
.primary-btn,
.ghost-btn,
.secondary-btn { line-height: 1.15; }

input,
select,
textarea {
  border-radius: var(--me-radius-sm);
}

/* iOS Safari focus-zoom safeguard: editable/select controls stay at 16px on
   phone-sized viewports while surrounding labels are independently compact. */
@media (max-width: 767px) {
  input,
  select,
  textarea,
  #searchPanel input,
  #searchPanel select { font-size: 16px !important; }
}

/* --------------------------------------------------------------------------
   Header — one structure, predictable wrapping
   -------------------------------------------------------------------------- */

.topbar {
  z-index: var(--me-z-header) !important;
  background: rgba(5, 14, 25, .965) !important;
  border-bottom-color: rgba(122, 195, 235, .18) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}

.topbar-inner {
  width: min(var(--me-page-max), 100%);
  max-width: var(--me-page-max) !important;
  margin-inline: auto;
  padding: .55rem max(var(--me-page-pad), calc(var(--me-safe-right) + .45rem)) .55rem max(var(--me-page-pad), calc(var(--me-safe-left) + .45rem)) !important;
  gap: var(--me-gap-4) !important;
}

.brand-wrap { gap: .5rem !important; }
.topbar .brand-logo {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 15px rgba(0,0,0,.25) !important;
}
.topbar .brand { font-size: clamp(.88rem, .82rem + .22vw, 1.02rem) !important; }
.topbar .tagline { font-size: var(--me-text-xs) !important; }
.topbar .workspace-badge { font-size: .57rem !important; }

.section-menu-btn {
  min-height: 40px !important;
  padding: .42rem .68rem !important;
  border-radius: 9px !important;
  font-size: var(--me-text-sm) !important;
}

.top-actions { gap: .48rem !important; min-width: 0; }
.header-command-group { gap: .45rem !important; min-width: 0; }
.header-control-stack { min-width: 0; }
.header-language-control select { min-height: 36px !important; }

.watchlist-header-btn.radar-center-btn {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: .38rem .58rem !important;
  gap: .38rem !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.22), 0 0 12px rgba(225,174,67,.08) !important;
}
.watchlist-header-btn .radar-center-icon {
  width: 1.6rem !important;
  height: 1.6rem !important;
  flex-basis: 1.6rem !important;
  font-size: .82rem !important;
}
.watchlist-header-btn .radar-center-copy strong { font-size: .68rem !important; }
.watchlist-header-btn .radar-center-copy small { font-size: .55rem !important; }

.header-control-stack .guided-tips-toggle,
.header-control-stack .guided-tip-replay { min-height: 30px !important; }

/* --------------------------------------------------------------------------
   Main page shell + quieter panel treatment
   -------------------------------------------------------------------------- */

.container {
  width: min(var(--me-page-max), calc(100% - (var(--me-page-pad) * 2))) !important;
  max-width: var(--me-page-max) !important;
  padding: .65rem 0 max(3rem, calc(var(--me-safe-bottom) + 2rem)) !important;
}

.search-panel,
.asset-hero,
.evidence-workspace,
.active-section-banner,
.evidence-status-summary {
  border-radius: var(--me-radius-lg) !important;
}

.search-panel {
  border-color: var(--me-panel-border) !important;
  box-shadow: var(--me-panel-shadow) !important;
}

.asset-hero {
  /* Selected Asset is page context, never an overlay. */
  position: relative !important;
  top: auto !important;
  z-index: var(--me-z-content) !important;
  border-color: rgba(142, 207, 237, .24) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.18) !important;
}

/* --------------------------------------------------------------------------
   Market Research Command
   -------------------------------------------------------------------------- */

#searchPanel .search-grid {
  display: grid !important;
  grid-template-areas: "search type span action";
  grid-template-columns: minmax(320px, 2fr) minmax(150px, .72fr) minmax(180px, .85fr) minmax(118px, auto);
  column-gap: .55rem !important;
  row-gap: .42rem !important;
  align-items: start !important;
}

#searchPanel .asset-search-field { grid-area: search; align-self: start !important; }
#searchPanel .asset-type-display-field { grid-area: type; align-self: start !important; }
#searchPanel .search-grid > label:not(.asset-search-field) { grid-area: span; align-self: start !important; }
#searchPanel .search-grid > .primary-btn {
  grid-area: action;
  align-self: start !important;
  margin-top: 1.18rem !important;
  min-width: 118px;
}

#searchPanel .search-grid > label > span,
#searchPanel .asset-type-display-field > span {
  display: block !important;
  min-height: 1rem !important;
  margin: 0 0 .22rem .05rem !important;
  line-height: 1.1 !important;
}

#searchPanel .search-grid input,
#searchPanel .search-grid select,
#searchPanel .search-grid .asset-type-display,
#searchPanel .search-grid > .primary-btn {
  height: var(--me-control-h) !important;
  min-height: var(--me-control-h) !important;
  padding: .42rem .58rem !important;
  border-radius: var(--me-radius-sm) !important;
}

#searchPanel .asset-type-display {
  display: flex !important;
  align-items: center !important;
  gap: .45rem;
  overflow: hidden;
}

/* Recent assets are a subordinate row inside only the search column. */
.recent-assets-shell {
  margin-top: .28rem;
  min-width: 0;
}
.recent-assets-toggle {
  display: none;
  align-items: center;
  gap: .25rem;
  min-height: 28px;
  padding: .15rem .25rem;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: var(--me-text-xs);
  font-weight: 750;
}
.recent-assets-toggle-chevron { transition: transform .16s ease; }
.recent-assets-toggle[aria-expanded="true"] .recent-assets-toggle-chevron { transform: rotate(180deg); }
.recent-asset-searches {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: .28rem !important;
  margin-top: 0 !important;
  min-width: 0;
}
.recent-asset-searches > span { display: none !important; }
.recent-asset-chip {
  min-height: 28px !important;
  padding: .24rem .48rem !important;
  font-size: var(--me-text-xs) !important;
  line-height: 1 !important;
}

/* Desktop sticky command is deliberately the only sticky research-command
   mode. Tablet/phone layouts remain normal flow to prevent layered content. */
@media (min-width: 1024px) {
  #searchPanel.search-panel.is-stuck {
    position: sticky !important;
    top: calc(var(--sticky-topbar-bottom) + 5px) !important;
    z-index: var(--me-z-sticky) !important;
    padding: .36rem .44rem !important;
    border-radius: 10px !important;
    background: rgba(9, 25, 42, .985) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.3) !important;
  }
  #searchPanel.search-panel.is-stuck::before,
  #searchPanel.search-panel.is-stuck .recent-assets-shell,
  #searchPanel.search-panel.is-stuck .recent-asset-searches,
  #searchPanel.search-panel.is-stuck .notice-row,
  #searchPanel.search-panel.is-stuck .search-grid > label > span,
  #searchPanel.search-panel.is-stuck .asset-type-display-field > span {
    display: none !important;
  }
  #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-areas: "search type span action" !important;
    grid-template-columns: minmax(260px, 2fr) minmax(135px, .72fr) minmax(160px, .82fr) minmax(108px, auto) !important;
    gap: .32rem !important;
    align-items: center !important;
  }
  #searchPanel.search-panel.is-stuck .search-grid input,
  #searchPanel.search-panel.is-stuck .search-grid select,
  #searchPanel.search-panel.is-stuck .asset-type-display,
  #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    height: var(--me-control-h-compact) !important;
    min-height: var(--me-control-h-compact) !important;
    margin: 0 !important;
    padding: .28rem .46rem !important;
  }
}

/* --------------------------------------------------------------------------
   Selected Asset context bar
   -------------------------------------------------------------------------- */

.asset-hero {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.05fr) minmax(190px, .8fr) minmax(230px, 1.05fr) minmax(220px, .9fr);
  grid-template-areas: "asset price watch view";
  align-items: center !important;
  gap: .55rem !important;
  margin: .42rem 0 .55rem !important;
  padding: .5rem .65rem !important;
}
.asset-hero > div:first-child { grid-area: asset; min-width: 0; }
.asset-hero .price-block { grid-area: price; min-width: 0; text-align: center !important; }
.asset-hero .watch-hero-control { grid-area: watch; min-width: 0 !important; }
.asset-hero .ux-view-control { grid-area: view; min-width: 0 !important; width: 100% !important; margin: 0 !important; }
.asset-hero .asset-name { font-size: var(--me-title-sm) !important; line-height: 1.08; overflow-wrap: anywhere; }
.asset-hero .asset-symbol,
.asset-hero .asof,
.asset-hero .window-coverage,
.asset-hero .quote-change { font-size: var(--me-text-xs) !important; line-height: 1.25; }
.asset-hero .price { font-size: var(--me-number-lg) !important; line-height: 1; }
.asset-hero .watchlist-toggle-btn { min-height: 38px !important; border-radius: 9px !important; }
.asset-hero .watchlist-toggle-copy strong { font-size: var(--me-text-sm) !important; }
.asset-hero .watchlist-toggle-copy small,
.asset-hero .ux-view-control > small { font-size: var(--me-text-xs) !important; line-height: 1.2; }
.asset-hero .ux-view-buttons { min-width: 0; }
.asset-hero .ux-view-btn { min-height: 34px !important; font-size: var(--me-text-xs) !important; }

/* --------------------------------------------------------------------------
   Workspace / sidebar
   -------------------------------------------------------------------------- */

.evidence-workspace {
  grid-template-columns: clamp(205px, 15vw, 232px) minmax(0, 1fr) !important;
  gap: .55rem !important;
  padding: .38rem !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.2) !important;
}

.section-content {
  padding: .28rem .34rem .4rem !important;
  overflow: hidden;
}

.section-sidebar {
  top: var(--sticky-asset-top, calc(var(--sticky-topbar-bottom) + var(--sticky-search-height) + 8px)) !important;
  max-height: calc(100dvh - var(--sticky-topbar-bottom) - var(--sticky-search-height) - 16px) !important;
  padding: .4rem !important;
  border-radius: 11px !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.22) !important;
}
.sidebar-head { padding: .2rem .22rem .4rem !important; }
.sidebar-head strong { font-size: var(--me-text-xs) !important; }
.sidebar-head small { font-size: .6rem !important; }
.first-use-launch { min-height: 30px !important; font-size: .62rem !important; }
.sidebar-group { padding-top: .4rem !important; }
.sidebar-group + .sidebar-group { margin-top: .38rem !important; padding-top: .44rem !important; }
.sidebar-group-heading { padding: .28rem .34rem !important; border-radius: 8px !important; }
.sidebar-group-heading strong { font-size: .62rem !important; }
.sidebar-group-heading small { font-size: .55rem !important; line-height: 1.2 !important; }
.sidebar-nav-list { gap: .18rem !important; margin-top: .2rem !important; }
.section-sidebar .sidebar-nav-item.tab {
  min-height: 36px !important;
  grid-template-columns: 1.15rem minmax(0, 1fr) !important;
  gap: .38rem !important;
  padding: .32rem .42rem !important;
  border-radius: 7px !important;
  font-size: .7rem !important;
  line-height: 1.15 !important;
}
.sidebar-nav-icon {
  width: 1.15rem !important;
  height: 1.15rem !important;
  font-size: .7rem !important;
  border-radius: 6px !important;
}

/* Watchlist/Verify group identity remains, without oversized nested cards. */
.watchlist-group,
.verify-group {
  padding: .32rem !important;
  border-radius: 10px !important;
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading,
.verify-group > .sidebar-group-heading.verify-heading {
  margin: 0 0 .26rem !important;
  min-height: 0 !important;
  padding: .32rem .38rem !important;
}
.monitor-premium-icon {
  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  font-size: .7rem !important;
}

/* Active section title: a compact orientation banner, not a second hero. */
.active-section-banner {
  grid-template-columns: 36px minmax(0,1fr) !important;
  gap: .48rem !important;
  margin-bottom: .45rem !important;
  padding: .5rem .6rem !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.17) !important;
}
.active-section-icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; font-size: .95rem !important; }
.active-section-group { margin-bottom: .05rem !important; }
.active-section-banner h1 { font-size: var(--me-title-sm) !important; line-height: 1.08 !important; }
.active-section-banner p { margin-top: .12rem !important; font-size: var(--me-text-xs) !important; line-height: 1.3 !important; }

/* Section toggles and repeated content shells follow the same density. */
.ux-section-toolbar { gap: .4rem !important; margin-bottom: .42rem !important; padding: .36rem .44rem !important; }
.ux-section-toolbar-btn { min-height: 34px !important; font-size: var(--me-text-xs) !important; }
.ux-section-shell { margin-bottom: .42rem !important; }
.ux-section-toggle { min-height: 40px !important; padding: .42rem .52rem !important; font-size: var(--me-text-sm) !important; }
.ux-section-content { padding: .52rem !important; }
.section-title-row { margin: .65rem 0 .35rem !important; }
.section-title-row h2 { font-size: var(--me-title-sm) !important; }
.section-title-row h3 { font-size: var(--me-text-lg) !important; }
.section-intro { font-size: var(--me-text-sm) !important; line-height: 1.4 !important; }

/* --------------------------------------------------------------------------
   Tablet: 768–1023px
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {
  :root { --me-page-pad: .65rem; --me-control-h: 40px; }

  .topbar-inner { padding-block: .48rem !important; }
  .topbar .brand-copy .tagline { display: none !important; }
  .topbar .workspace-badge { display: none !important; }
  .topbar #installBtn { display: none !important; }
  .header-command-group { grid-template-columns: minmax(105px, 130px) minmax(150px, 200px) !important; }
  .watchlist-header-btn .radar-center-copy small { display: none !important; }

  /* Tablet command: search occupies full first row; three controls share row 2. */
  #searchPanel,
  #searchPanel.search-panel.is-stuck {
    position: relative !important;
    top: auto !important;
    z-index: var(--me-z-content) !important;
    padding: .55rem !important;
  }
  #searchPanel.search-panel.is-stuck::before { display: block !important; }
  #searchPanel.search-panel.is-stuck .notice-row { display: flex !important; }
  #searchPanel.search-panel.is-stuck .search-grid > label > span,
  #searchPanel.search-panel.is-stuck .asset-type-display-field > span { display: block !important; }
  #searchPanel .search-grid,
  #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-areas:
      "search search search"
      "type span action" !important;
    grid-template-columns: minmax(120px, .7fr) minmax(180px, 1fr) minmax(125px, .72fr) !important;
    gap: .42rem .5rem !important;
  }
  #searchPanel .search-grid > .primary-btn,
  #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    margin-top: 1.18rem !important;
    min-width: 0 !important;
  }
  #searchPanel.search-panel.is-stuck .recent-assets-shell,
  #searchPanel.search-panel.is-stuck .recent-asset-searches { display: block; }

  .asset-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1fr);
    grid-template-areas:
      "asset price watch"
      "view view view";
    gap: .42rem !important;
  }
  .asset-hero .ux-view-control {
    display: grid !important;
    grid-template-columns: auto minmax(220px, .55fr) 1fr !important;
    align-items: center;
    gap: .45rem;
  }

  .evidence-workspace,
  body.section-sidebar-closed .evidence-workspace { display: block !important; }

  .section-sidebar {
    position: fixed !important;
    top: calc(var(--sticky-topbar-bottom) + .35rem) !important;
    left: max(.35rem, calc(var(--me-safe-left) + .2rem)) !important;
    bottom: auto !important;
    width: min(48vw, 340px) !important;
    height: auto !important;
    max-height: min(78dvh, 720px) !important;
    z-index: var(--me-z-drawer) !important;
    border-radius: 13px !important;
    transform: translateX(calc(-100% - 1rem)) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    overflow-y: auto !important;
  }
  body.section-sidebar-open .section-sidebar {
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }
  body.section-sidebar-closed .section-sidebar { transform: translateX(calc(-100% - 1rem)) !important; }
  .sidebar-backdrop.visible {
    inset: var(--sticky-topbar-bottom) 0 0 !important;
    z-index: var(--me-z-drawer-backdrop) !important;
  }
}

/* --------------------------------------------------------------------------
   Phone: <=767px
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  :root {
    --me-page-pad: .42rem;
    --me-control-h: 40px;
    --me-text-xs: .66rem;
    --me-text-sm: .74rem;
    --me-text-md: .82rem;
    --me-text-lg: .94rem;
    --me-title-sm: 1rem;
    --me-number-lg: 1.3rem;
  }

  /* Header becomes two compact logical columns: menu/logo + controls. */
  .topbar-inner {
    display: flex !important;
    align-items: center !important;
    padding-top: .4rem !important;
    padding-bottom: .4rem !important;
    gap: .36rem !important;
  }
  .brand-wrap {
    flex: 0 0 auto !important;
    gap: .32rem !important;
  }
  .brand-copy { display: none !important; }
  .topbar .brand-logo { width: 38px !important; height: 38px !important; border-radius: 9px !important; }
  .section-menu-btn {
    min-width: 38px !important;
    min-height: 38px !important;
    width: 38px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .section-menu-btn > span:last-child { display: none !important; }
  .section-menu-icon { font-size: 1.15rem !important; }

  .top-actions {
    flex: 1 1 auto !important;
    display: block !important;
    min-width: 0 !important;
  }
  .topbar #installBtn { display: none !important; }
  .header-command-group {
    display: grid !important;
    grid-template-columns: minmax(82px, .78fr) minmax(120px, 1.35fr) !important;
    gap: .32rem !important;
    align-items: stretch !important;
    width: 100%;
  }
  .watchlist-header-slot { min-width: 0 !important; }
  .watchlist-header-btn.radar-center-btn {
    width: 100% !important;
    min-height: 58px !important;
    height: 100% !important;
    padding: .34rem .36rem !important;
    gap: .26rem !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: 1.42rem !important;
    height: 1.42rem !important;
    flex-basis: 1.42rem !important;
    font-size: .72rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .61rem !important; letter-spacing: .02em !important; }
  .watchlist-header-btn .radar-center-copy small { display: none !important; }

  .header-control-stack {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: .24rem !important;
    width: 100% !important;
  }
  .header-language-control { display: block !important; width: 100% !important; }
  .header-language-control > span { display: none !important; }
  .header-language-control select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: .25rem 1.65rem .25rem .48rem !important;
    border-radius: 8px !important;
  }
  .market-data-tip-stack {
    display: grid !important;
    grid-template-columns: minmax(76px, 1fr) auto !important;
    align-items: center !important;
    gap: .25rem !important;
  }
  .header-control-stack .market-data-tip-stack .demo-pill {
    justify-self: stretch !important;
    text-align: center !important;
    padding: .28rem .32rem !important;
    font-size: .56rem !important;
  }
  .guided-tips-controls { gap: .2rem !important; }
  .header-control-stack .guided-tips-toggle {
    min-height: 28px !important;
    padding: .2rem .35rem !important;
    font-size: .58rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    font-size: .68rem !important;
  }

  .container {
    width: calc(100% - .7rem) !important;
    padding-top: .38rem !important;
  }

  /* On phones the research command is normal flow. No overlay layer exists. */
  #searchPanel,
  #searchPanel.search-panel.is-stuck {
    position: relative !important;
    top: auto !important;
    z-index: var(--me-z-content) !important;
    padding: .46rem !important;
    margin-bottom: .35rem !important;
    border-radius: 11px !important;
    box-shadow: 0 5px 16px rgba(0,0,0,.18) !important;
  }
  #searchPanel.search-panel.is-stuck::before { display: block !important; }
  #searchPanel.search-panel.is-stuck .notice-row { display: flex !important; }
  #searchPanel.search-panel.is-stuck .search-grid > label > span,
  #searchPanel.search-panel.is-stuck .asset-type-display-field > span { display: block !important; }

  #searchPanel .search-grid,
  #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-areas:
      "search search"
      "type span"
      "action action" !important;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
    gap: .36rem .38rem !important;
  }
  #searchPanel .search-grid > .primary-btn,
  #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    font-size: .82rem !important;
  }
  #searchPanel .search-grid > label > span,
  #searchPanel .asset-type-display-field > span,
  #searchPanel.search-panel.is-stuck .search-grid > label > span,
  #searchPanel.search-panel.is-stuck .asset-type-display-field > span {
    min-height: auto !important;
    margin: 0 0 .18rem .03rem !important;
    font-size: .64rem !important;
  }
  #searchPanel .asset-type-display {
    font-size: .82rem !important;
    font-weight: 750 !important;
  }
  #searchPanel .asset-type-dot { width: .65rem !important; height: .65rem !important; }
  #searchPanel::before { margin-bottom: .34rem !important; font-size: .58rem !important; letter-spacing: .08em !important; }

  /* Real Recent collapse control. Default state is set by JS. */
  .recent-assets-shell { margin-top: .18rem !important; }
  .recent-assets-toggle { display: inline-flex !important; }
  .recent-asset-searches {
    gap: .22rem !important;
    padding-top: .18rem;
  }
  .recent-asset-chip {
    min-height: 28px !important;
    padding: .22rem .42rem !important;
    font-size: .66rem !important;
  }

  /* Selected Asset is two concise rows and always participates in page flow. */
  .asset-hero,
  body.market-pulse-active .asset-hero,
  body.discover-active .asset-hero {
    position: relative !important;
    top: auto !important;
    z-index: var(--me-z-content) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "asset price"
      "watch view" !important;
    align-items: center !important;
    gap: .32rem .38rem !important;
    margin: .3rem 0 .4rem !important;
    padding: .4rem .45rem !important;
    min-height: 0 !important;
  }
  .asset-hero .asset-kicker { font-size: .54rem !important; }
  .asset-hero .asset-name { font-size: .95rem !important; white-space: normal !important; }
  .asset-hero .asset-symbol,
  .asset-hero .asset-rank-meta { font-size: .6rem !important; margin-top: .1rem !important; }
  .asset-hero .price { font-size: 1.16rem !important; }
  .asset-hero .quote-change,
  .asset-hero .asof,
  .asset-hero .window-coverage { font-size: .55rem !important; line-height: 1.15 !important; }
  .asset-hero .watchlist-toggle-btn { min-height: 34px !important; padding: .24rem .34rem !important; }
  .asset-hero .watchlist-toggle-copy strong { font-size: .62rem !important; }
  .asset-hero .watchlist-toggle-copy small { display: none !important; }
  .asset-hero .ux-view-label { display: none !important; }
  .asset-hero .ux-view-control { display: block !important; }
  .asset-hero .ux-view-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
  .asset-hero .ux-view-btn { min-height: 34px !important; padding: .2rem .28rem !important; font-size: .61rem !important; }
  .asset-hero .ux-view-control > small { display: none !important; }

  /* Workspace menu becomes a compact bounded drawer rather than desktop cards. */
  .evidence-workspace,
  body.section-sidebar-closed .evidence-workspace { display: block !important; padding: .28rem !important; }
  .section-content { padding: .12rem .15rem .28rem !important; }

  .section-sidebar {
    position: fixed !important;
    top: calc(var(--sticky-topbar-bottom) + .3rem) !important;
    left: max(.3rem, calc(var(--me-safe-left) + .15rem)) !important;
    bottom: auto !important;
    width: min(86vw, 330px) !important;
    height: auto !important;
    max-height: min(72dvh, 620px) !important;
    z-index: var(--me-z-drawer) !important;
    padding: .4rem !important;
    border-radius: 12px !important;
    transform: translateX(calc(-100% - 1rem)) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    box-shadow: 12px 0 34px rgba(0,0,0,.38) !important;
  }
  body.section-sidebar-open { overflow: hidden; }
  body.section-sidebar-open .section-sidebar {
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }
  body.section-sidebar-closed .section-sidebar {
    transform: translateX(calc(-100% - 1rem)) !important;
    opacity: 1 !important;
  }
  .sidebar-backdrop.visible {
    position: fixed !important;
    inset: var(--sticky-topbar-bottom) 0 0 !important;
    display: block !important;
    z-index: var(--me-z-drawer-backdrop) !important;
    background: rgba(1,7,13,.68) !important;
    backdrop-filter: blur(2px) !important;
  }

  .sidebar-head {
    position: sticky;
    top: -.4rem;
    z-index: 2;
    align-items: center !important;
    padding: .34rem .32rem .4rem !important;
    background: rgba(7,18,31,.985);
  }
  .sidebar-head small,
  .sidebar-group-heading small,
  .monitor-premium-copy small { display: none !important; }
  .sidebar-head strong { font-size: .68rem !important; }
  .first-use-launch { min-height: 28px !important; margin-top: .18rem !important; padding: .2rem .34rem !important; font-size: .58rem !important; }
  .sidebar-close-btn { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
  .sidebar-group,
  .sidebar-group + .sidebar-group { margin-top: .22rem !important; padding-top: .26rem !important; }
  .sidebar-group-heading { padding: .24rem .32rem !important; }
  .sidebar-group-heading strong { font-size: .59rem !important; letter-spacing: .06em !important; }
  .sidebar-nav-list { margin-top: .12rem !important; gap: .12rem !important; }
  .section-sidebar .sidebar-nav-item.tab {
    min-height: 38px !important;
    padding: .3rem .38rem !important;
    font-size: .72rem !important;
  }
  .watchlist-group,
  .verify-group { padding: .22rem !important; }
  .watchlist-group > .sidebar-group-heading.monitor-premium-heading,
  .verify-group > .sidebar-group-heading.verify-heading { margin-bottom: .14rem !important; padding: .26rem .32rem !important; }
  .monitor-premium-icon { width: 1.2rem !important; height: 1.2rem !important; min-width: 1.2rem !important; }

  /* Page titles and section controls are visibly smaller than desktop. */
  .active-section-banner {
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: .36rem !important;
    padding: .4rem .46rem !important;
    margin-bottom: .35rem !important;
    border-radius: 10px !important;
  }
  .active-section-icon { width: 30px !important; height: 30px !important; border-radius: 7px !important; font-size: .78rem !important; }
  .active-section-group { font-size: .52rem !important; }
  .active-section-banner h1 { font-size: .92rem !important; line-height: 1.08 !important; }
  .active-section-banner p { margin-top: .08rem !important; font-size: .62rem !important; line-height: 1.22 !important; }

  .ux-section-toolbar { padding: .3rem .34rem !important; }
  .ux-section-toolbar-copy small { display: none !important; }
  .ux-section-toolbar-btn { min-height: 32px !important; font-size: .62rem !important; }
  .ux-section-toggle { min-height: 38px !important; padding: .34rem .42rem !important; font-size: .7rem !important; }
  .ux-section-content { padding: .4rem !important; }
  .section-title-row { margin: .48rem 0 .28rem !important; }
  .section-title-row h2 { font-size: .92rem !important; }
  .section-title-row h3 { font-size: .82rem !important; }
  .section-intro { font-size: .68rem !important; line-height: 1.32 !important; }

  /* Common cards become content-first, avoiding giant vertical padding. */
  .status-card,
  .chart-card,
  .source-card,
  .conversation-card,
  .research-snapshot-card,
  .since-last-view-card,
  .replay-card,
  .historical-quality-card,
  .opportunity-summary-card,
  .opportunity-context-card,
  .validation-mode-block,
  .market-pulse-capital-panel,
  .forward-basis-note,
  .opportunity-disclaimer,
  .discover-method-note {
    padding: .45rem !important;
    border-radius: 9px !important;
  }

  .metrics-grid,
  .indicator-grid,
  .historical-match-grid,
  .scenario-boxes,
  .opportunity-context-grid,
  .opportunity-setup-grid,
  .opportunity-watch-grid,
  .opportunity-reason-grid,
  .validation-summary-grid,
  .validation-horizon-grid { gap: .34rem !important; }

  .metric,
  .indicator,
  .evidence-item,
  .scenario-boxes article,
  .insight-card,
  .change-card,
  .turning-card,
  .after-card,
  .historical-match-card {
    min-height: 0 !important;
    padding: .42rem !important;
    border-radius: 8px !important;
  }

  /* Tables remain horizontally scrollable instead of widening the page. */
  .table-wrap,
  .cc-table-wrap {
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* Very narrow phones: preserve readable controls while shaving decorative UI. */
@media (max-width: 380px) {
  .topbar-inner { gap: .24rem !important; }
  .topbar .brand-logo { width: 34px !important; height: 34px !important; }
  .section-menu-btn { width: 34px !important; min-width: 34px !important; min-height: 34px !important; }
  .header-command-group { grid-template-columns: minmax(74px, .72fr) minmax(112px, 1.28fr) !important; gap: .22rem !important; }
  .watchlist-header-btn.radar-center-btn { min-height: 54px !important; }
  .watchlist-header-btn .radar-center-icon { display: none !important; }
  .watchlist-header-btn .radar-center-copy { align-items: center !important; width: 100%; }
  .header-control-stack .market-data-tip-stack .demo-pill { font-size: .51rem !important; }
  .guided-tips-toggle-label { display: none !important; }
  #searchPanel .search-grid,
  #searchPanel.search-panel.is-stuck .search-grid { grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr) !important; }
  .asset-hero .watchlist-toggle-icon { display: none !important; }
}

/* Landscape phones: header stays shallow and drawer uses nearly full vertical room. */
@media (max-width: 767px) and (orientation: landscape) and (max-height: 520px) {
  .topbar .brand-logo { width: 34px !important; height: 34px !important; }
  .section-menu-btn { min-height: 34px !important; width: 34px !important; min-width: 34px !important; }
  .watchlist-header-btn.radar-center-btn { min-height: 44px !important; }
  .header-language-control select { min-height: 28px !important; height: 28px !important; }
  .header-control-stack .guided-tips-toggle,
  .header-control-stack .guided-tip-replay { min-height: 24px !important; height: 24px !important; }
  .section-sidebar { top: calc(var(--sticky-topbar-bottom) + .2rem) !important; bottom: auto !important; max-height: calc(100dvh - var(--sticky-topbar-bottom) - .4rem) !important; }
}

/* --------------------------------------------------------------------------
   QA Command Center + Detailed Diagnostics
   -------------------------------------------------------------------------- */

.command-center-body .topbar-inner,
.admin-diagnostics + * { min-width: 0; }

.command-center-body .cc-shell,
.admin-diagnostics {
  width: min(var(--me-page-max), calc(100% - (var(--me-page-pad) * 2))) !important;
  max-width: var(--me-page-max) !important;
}

.command-center-body .cc-section-heading h1,
.command-center-body .cc-section-heading h2,
.admin-diagnostics h1,
.admin-diagnostics h2 { line-height: 1.12; }

.command-center-body .cc-tabs {
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.command-center-body .cc-tab { white-space: nowrap; }

@media (min-width: 768px) and (max-width: 1180px) {
  .command-center-body .cc-shell { padding-inline: .25rem !important; }
  .command-center-body .cc-metric-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: .38rem !important; }
  .command-center-body .cc-two-col { gap: .45rem !important; }
  .command-center-body .cc-card { padding: .52rem !important; }
  .admin-diagnostics .diagnostic-grid,
  .admin-diagnostics .status-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: .35rem !important; }
}

@media (max-width: 767px) {
  .command-center-body .topbar-inner,
  .admin-diagnostics ~ .topbar-inner { padding-block: .38rem !important; }
  .command-center-body .cc-top-actions { gap: .28rem !important; }
  .command-center-body .cc-language-control > span { display: none !important; }
  .command-center-body .cc-language-control select { min-height: 34px !important; font-size: 16px !important; }
  .command-center-body .admin-home-link { min-height: 34px !important; padding: .28rem .42rem !important; font-size: .65rem !important; }
  .command-center-body .cc-shell,
  .admin-diagnostics { width: calc(100% - .7rem) !important; padding-inline: 0 !important; }
  .command-center-body .cc-auth,
  .command-center-body .cc-overall,
  .command-center-body .cc-card,
  .command-center-body .cc-suite-card,
  .admin-diagnostics .search-panel,
  .admin-diagnostics .source-card { padding: .44rem !important; border-radius: 9px !important; }
  .command-center-body .cc-tabs { gap: .2rem !important; padding: .24rem 0 !important; }
  .command-center-body .cc-tab { min-height: 34px !important; padding: .28rem .46rem !important; font-size: .64rem !important; }
  .command-center-body .cc-section-heading { gap: .35rem !important; }
  .command-center-body .cc-section-heading h1,
  .command-center-body .cc-section-heading h2 { font-size: .96rem !important; }
  .command-center-body .cc-metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: .3rem !important; }
  .command-center-body .cc-two-col,
  .command-center-body .cc-suite-grid,
  .command-center-body .cc-route-grid { grid-template-columns: 1fr !important; gap: .35rem !important; }
  .command-center-body .cc-run-actions { gap: .28rem !important; }
  .command-center-body .cc-run-btn,
  .command-center-body .cc-cancel-btn { min-height: 34px !important; font-size: .66rem !important; }
  .admin-diagnostics .diagnostic-grid,
  .admin-diagnostics .status-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: .28rem !important; }
  .admin-diagnostics .indicator { padding: .38rem !important; }
  .admin-diagnostics .admin-links { gap: .25rem !important; }
  .admin-diagnostics .admin-home-link { min-height: 34px !important; font-size: .64rem !important; }
}

/* Reduced motion also applies to newly centralized responsive transitions. */
@media (prefers-reduced-motion: reduce) {
  .recent-assets-toggle-chevron { transition: none; }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r2
   Sticky stacks, search overlay containment, compact workspace/watch controls,
   Command Center four-row stack, and Diagnostics two-row stack.
   ========================================================================== */

html,
body {
  overflow-x: clip !important;
  overflow-y: visible;
}

/* Main three-row sticky stack: Header -> Research Command -> Selected Asset. */
#searchPanel.search-panel.is-stuck {
  position: sticky !important;
  top: calc(var(--sticky-topbar-bottom) + 4px) !important;
  z-index: calc(var(--me-z-sticky) + 8) !important;
  margin-bottom: .32rem !important;
  padding: .34rem .42rem !important;
  border-radius: 10px !important;
  background: rgba(8, 24, 40, .99) !important;
  box-shadow: 0 9px 25px rgba(0,0,0,.34) !important;
}

body.sticky-selection-active #searchPanel.search-panel::before,
body.sticky-selection-active #searchPanel .recent-assets-shell,
body.sticky-selection-active #searchPanel .recent-asset-searches,
body.sticky-selection-active #searchPanel .notice-row,
body.sticky-selection-active #searchPanel .search-grid > label > span,
body.sticky-selection-active #searchPanel .asset-type-display-field > span {
  display: none !important;
}

body.sticky-selection-active #searchPanel .search-grid input,
body.sticky-selection-active #searchPanel .search-grid select,
body.sticky-selection-active #searchPanel .search-grid .asset-type-display,
body.sticky-selection-active #searchPanel .search-grid > .primary-btn {
  height: var(--me-control-h-compact) !important;
  min-height: var(--me-control-h-compact) !important;
  margin: 0 !important;
  padding: .25rem .44rem !important;
}

.asset-hero,
body.market-pulse-active .asset-hero,
body.discover-active .asset-hero {
  position: sticky !important;
  top: var(--sticky-asset-top, calc(var(--sticky-topbar-bottom) + var(--sticky-search-height) + 8px)) !important;
  z-index: calc(var(--me-z-sticky) + 6) !important;
  background: linear-gradient(135deg, rgba(67,132,166,.985), rgba(37,91,120,.99)) !important;
}

body.sticky-selection-active .asset-hero {
  margin-top: .28rem !important;
  margin-bottom: .38rem !important;
  padding-top: .32rem !important;
  padding-bottom: .32rem !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.34) !important;
}
body.sticky-selection-active .asset-hero .asset-kicker,
body.sticky-selection-active .asset-hero .window-coverage,
body.sticky-selection-active .asset-hero .watchlist-toggle-copy small,
body.sticky-selection-active .asset-hero .ux-view-control > small {
  display: none !important;
}

/* Long universal-search result sets float below the complete sticky stack. */
.asset-search-results.is-overlay-positioned {
  position: fixed !important;
  bottom: auto !important;
  z-index: var(--me-z-popover) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.48), 0 0 0 1px rgba(98,203,245,.12) !important;
}

/* Selected-asset Watchlist action is an action button, not a full-width panel. */
.asset-hero .watch-hero-control {
  min-width: 0 !important;
  width: auto !important;
}
.asset-hero .watchlist-toggle-btn {
  width: auto !important;
  max-width: 190px !important;
  min-width: 0 !important;
  min-height: 34px !important;
  justify-self: start !important;
  padding: .28rem .52rem !important;
  gap: .38rem !important;
  border-radius: 9px !important;
}
.asset-hero .watchlist-toggle-btn .watchlist-toggle-icon {
  width: 1.55rem !important;
  height: 1.55rem !important;
  flex-basis: 1.55rem !important;
  font-size: .74rem !important;
}
.asset-hero .watchlist-toggle-copy strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Active Watchlist alert: compact, fixed header geometry, immediately left of Watchlist. */
.watchlist-header-slot { overflow: visible !important; }
.watch-alert-header-notice {
  right: calc(100% + .28rem) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  max-width: 132px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: .28rem .4rem !important;
  gap: .28rem !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  z-index: calc(var(--me-z-popover) + 3) !important;
}
.watch-alert-header-notice .watch-alert-symbol { font-size: .8rem !important; }
.watch-alert-header-copy { display: block !important; overflow: hidden; }
.watch-alert-header-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .61rem !important; }
.watch-alert-header-copy small { display: none !important; }

/* Desktop workspace begins level with its content and only becomes sticky after reaching the stack. */
@media (min-width: 1024px) {
  .evidence-workspace { align-items: start !important; }
  .section-sidebar {
    position: sticky !important;
    align-self: start !important;
    margin-top: 0 !important;
    top: calc(var(--sticky-topbar-bottom) + var(--sticky-search-height) + var(--sticky-asset-height) + 10px) !important;
    max-height: calc(100dvh - var(--sticky-topbar-bottom) - var(--sticky-search-height) - var(--sticky-asset-height) - 18px) !important;
  }
}

/* Tablet: compact one-row sticky command; bounded narrow Workspace drawer. */
@media (min-width: 768px) and (max-width: 1023px) {
  body.sticky-selection-active #searchPanel .search-grid {
    grid-template-areas: "search type span action" !important;
    grid-template-columns: minmax(210px,1.55fr) minmax(105px,.62fr) minmax(140px,.78fr) minmax(102px,.55fr) !important;
    gap: .28rem !important;
    align-items: center !important;
  }
  body.sticky-selection-active .asset-hero {
    grid-template-columns: minmax(150px,1fr) minmax(120px,.7fr) auto minmax(185px,.9fr) !important;
    grid-template-areas: "asset price watch view" !important;
    gap: .3rem !important;
  }
  body.sticky-selection-active .asset-hero .ux-view-control {
    display: block !important;
  }
  .asset-hero .watchlist-toggle-btn { max-width: 165px !important; }
  .section-sidebar {
    width: min(38vw, 300px) !important;
    max-height: min(70dvh, 650px) !important;
  }
  .section-sidebar .sidebar-nav-item.tab { min-height: 35px !important; padding: .26rem .34rem !important; }
  .sidebar-group-heading small,
  .monitor-premium-copy small { display: none !important; }
  .watch-alert-header-notice {
    max-width: 76px !important;
    width: 34px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .watch-alert-header-copy { display: none !important; }
  .watch-alert-header-notice::after {
    content: attr(data-alert-count);
    position: absolute;
    right: -4px;
    top: -5px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #ffd15c;
    color: #241800;
    font-size: .55rem;
    font-weight: 900;
  }
}

/* Phone: two-row compact command + compact Selected Asset, both sticky. */
@media (max-width: 767px) {
  body.sticky-selection-active #searchPanel.search-panel {
    padding: .3rem .34rem !important;
  }
  body.sticky-selection-active #searchPanel .search-grid {
    grid-template-areas:
      "search search search"
      "type span action" !important;
    grid-template-columns: minmax(78px,.72fr) minmax(104px,1fr) minmax(90px,.72fr) !important;
    gap: .25rem !important;
  }
  body.sticky-selection-active #searchPanel .search-grid > .primary-btn { font-size: .66rem !important; }

  body.sticky-selection-active .asset-hero {
    grid-template-columns: minmax(0,1fr) auto auto !important;
    grid-template-areas:
      "asset price watch"
      "view view view" !important;
    gap: .22rem .3rem !important;
    padding: .28rem .34rem !important;
  }
  body.sticky-selection-active .asset-hero .asset-name {
    font-size: .78rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.sticky-selection-active .asset-hero .asset-symbol,
  body.sticky-selection-active .asset-hero .asset-rank-meta,
  body.sticky-selection-active .asset-hero .quote-change,
  body.sticky-selection-active .asset-hero .asof { display: none !important; }
  body.sticky-selection-active .asset-hero .price { font-size: .95rem !important; }
  body.sticky-selection-active .asset-hero .ux-view-buttons { max-width: 190px !important; margin-left: auto !important; }
  body.sticky-selection-active .asset-hero .ux-view-btn { min-height: 28px !important; }

  .asset-hero .watchlist-toggle-btn {
    max-width: 112px !important;
    min-height: 30px !important;
    padding: .2rem .34rem !important;
  }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon {
    width: 1.3rem !important;
    height: 1.3rem !important;
    flex-basis: 1.3rem !important;
  }
  .asset-hero #watchlistToggleText { font-size: 0 !important; }
  .asset-hero #watchlistToggleText::after {
    content: attr(data-compact-label);
    font-size: .59rem !important;
  }

  .section-sidebar {
    width: min(76vw, 286px) !important;
    max-height: min(68dvh, 560px) !important;
    padding: .3rem !important;
  }
  .sidebar-head { padding: .25rem .25rem .3rem !important; }
  .sidebar-group,
  .sidebar-group + .sidebar-group { margin-top: .14rem !important; padding-top: .17rem !important; }
  .sidebar-group-heading { padding: .18rem .26rem !important; }
  .sidebar-nav-list { gap: .08rem !important; margin-top: .08rem !important; }
  .section-sidebar .sidebar-nav-item.tab {
    min-height: 34px !important;
    padding: .22rem .3rem !important;
    font-size: .66rem !important;
  }
  .sidebar-nav-icon { width: 1rem !important; height: 1rem !important; font-size: .6rem !important; }

  .watch-alert-header-notice {
    right: calc(100% + .16rem) !important;
    width: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .watch-alert-header-copy { display: none !important; }
  .watch-alert-header-notice::after {
    content: attr(data-alert-count);
    position: absolute;
    right: -4px;
    top: -5px;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #ffd15c;
    color: #241800;
    font-size: .52rem;
    font-weight: 900;
  }
}

/* QA Command Center: four-row sticky stack with compact-on-scroll behavior. */
.command-center-body {
  --cc-sticky-topbar-height: 0px;
  --cc-sticky-auth-height: 0px;
  --cc-sticky-overall-height: 0px;
  --cc-sticky-tabs-height: 0px;
  overflow-x: clip !important;
}
.command-center-body .cc-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 230 !important;
}
.command-center-body .cc-auth {
  position: sticky !important;
  top: var(--cc-sticky-topbar-height) !important;
  z-index: 225 !important;
  margin-top: .45rem !important;
  border-color: rgba(120,219,255,.55) !important;
  background: linear-gradient(135deg, rgba(38,126,168,.96), rgba(20,76,111,.985)) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}
.command-center-body .cc-auth .cc-eyebrow,
.command-center-body .cc-auth h1 { color: #dff8ff !important; }
.command-center-body .cc-auth > div:first-child > p:last-child { color: rgba(226,246,255,.86) !important; }
.command-center-body .cc-overall:not([hidden]) {
  position: sticky !important;
  top: calc(var(--cc-sticky-topbar-height) + var(--cc-sticky-auth-height) + 4px) !important;
  z-index: 220 !important;
  background: rgba(8,28,44,.99) !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.25) !important;
}
.command-center-body .cc-tabs:not([hidden]) {
  position: sticky !important;
  top: calc(var(--cc-sticky-topbar-height) + var(--cc-sticky-auth-height) + var(--cc-sticky-overall-height) + 8px) !important;
  z-index: 215 !important;
  padding: .26rem .3rem !important;
  border: 1px solid rgba(109,209,246,.42) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(49,151,193,.97), rgba(35,111,156,.985)) !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.24) !important;
}
.command-center-body .cc-tab {
  color: #e9faff !important;
  background: rgba(4,25,40,.38) !important;
  border-color: rgba(214,246,255,.22) !important;
}
.command-center-body .cc-tab.is-active {
  color: #061824 !important;
  background: linear-gradient(135deg, #8be7ff, #b8f2ff) !important;
  border-color: #bcefff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.26), 0 3px 12px rgba(0,0,0,.2) !important;
}
.command-center-body.cc-sticky-compact .cc-auth {
  padding: .28rem .42rem !important;
}
.command-center-body.cc-sticky-compact .cc-auth > div:first-child > p:last-child,
.command-center-body.cc-sticky-compact .cc-auth-status,
.command-center-body.cc-sticky-compact .cc-auth-controls label > span {
  display: none !important;
}
.command-center-body.cc-sticky-compact .cc-auth h1 { font-size: .82rem !important; margin: .04rem 0 !important; }
.command-center-body.cc-sticky-compact .cc-auth .cc-eyebrow { font-size: .52rem !important; margin: 0 !important; }
.command-center-body.cc-sticky-compact .cc-auth-controls input,
.command-center-body.cc-sticky-compact .cc-auth-controls button { min-height: 30px !important; height: 30px !important; }
.command-center-body.cc-sticky-compact .cc-overall { padding: .3rem .38rem !important; gap: .3rem !important; }
.command-center-body.cc-sticky-compact .cc-overall article span { display: none !important; }
.command-center-body.cc-sticky-compact .cc-tabs { padding: .18rem .24rem !important; }
.command-center-body.cc-sticky-compact .cc-tab { min-height: 30px !important; padding: .22rem .38rem !important; }

@media (max-width: 767px) {
  .command-center-body .cc-auth {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: .3rem !important;
  }
  .command-center-body.cc-sticky-compact .cc-auth > div:first-child > p:last-child { display: none !important; }
  .command-center-body.cc-sticky-compact .cc-auth-controls { grid-template-columns: minmax(0,1fr) auto auto !important; gap: .2rem !important; }
  .command-center-body .cc-overall:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(90px,1fr)) !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
  }
  .command-center-body .cc-overall article { min-width: 90px !important; }
  .command-center-body.cc-sticky-compact .cc-overall article { min-width: 78px !important; }
}

/* Legacy diagnostics: topbar + command panel remain available and compact on scroll. */
body:not(.command-center-body) {
  --diag-topbar-height: 0px;
}
.admin-diagnostics > .search-panel {
  position: sticky !important;
  top: calc(var(--diag-topbar-height) + 4px) !important;
  z-index: 205 !important;
  background: linear-gradient(135deg, rgba(33,119,160,.98), rgba(15,65,99,.99)) !important;
  border-color: rgba(116,217,255,.48) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel {
  padding: .3rem .42rem !important;
}
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel > h1 {
  font-size: .82rem !important;
  margin: 0 0 .16rem !important;
}
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel > .section-intro:first-of-type,
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel #adminStatus,
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel .admin-key-row label > span {
  display: none !important;
}
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel .admin-key-row {
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: .3rem !important;
}
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel input,
body.diagnostics-sticky-compact .admin-diagnostics > .search-panel button {
  min-height: 32px !important;
  height: 32px !important;
}


/* r2 specificity guard: legacy tablet/phone stuck-state rules must not reopen
   labels or Recent content after the compact sticky state is active. */
body.sticky-selection-active #searchPanel.search-panel.is-stuck::before,
body.sticky-selection-active #searchPanel.search-panel.is-stuck .recent-assets-shell,
body.sticky-selection-active #searchPanel.search-panel.is-stuck .recent-asset-searches,
body.sticky-selection-active #searchPanel.search-panel.is-stuck .notice-row,
body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid > label > span,
body.sticky-selection-active #searchPanel.search-panel.is-stuck .asset-type-display-field > span {
  display: none !important;
}

/* r2 compact-grid specificity guard against the earlier tablet/phone layout. */
@media (min-width: 768px) and (max-width: 1023px) {
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-areas: "search type span action" !important;
    grid-template-columns: minmax(210px,1.55fr) minmax(105px,.62fr) minmax(140px,.78fr) minmax(102px,.55fr) !important;
    gap: .28rem !important;
    align-items: center !important;
  }
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    margin: 0 !important;
    min-width: 0 !important;
  }
}
@media (max-width: 767px) {
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-areas:
      "search search search"
      "type span action" !important;
    grid-template-columns: minmax(78px,.72fr) minmax(104px,1fr) minmax(90px,.72fr) !important;
    gap: .25rem !important;
  }
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }
}

/* r2 Command Center safe-render override.  The legacy Android safe-render mode
   deliberately made the topbar static and replaced the control-plane/tabs
   surfaces.  Those rules are more specific than the general r2 stack, so the
   production hotfix explicitly restores the four-row sticky/light-blue stack. */
.command-center-body.cc-safe-render .cc-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 230 !important;
  background: #07101d !important;
}
.command-center-body.cc-safe-render .cc-auth {
  position: sticky !important;
  top: var(--cc-sticky-topbar-height) !important;
  z-index: 225 !important;
  background: linear-gradient(135deg, rgba(38,126,168,.98), rgba(20,76,111,.99)) !important;
  background-image: linear-gradient(135deg, rgba(38,126,168,.98), rgba(20,76,111,.99)) !important;
  border-color: rgba(120,219,255,.58) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}
.command-center-body.cc-safe-render .cc-overall:not([hidden]) {
  position: sticky !important;
  top: calc(var(--cc-sticky-topbar-height) + var(--cc-sticky-auth-height) + 4px) !important;
  z-index: 220 !important;
  background: rgba(8,28,44,.99) !important;
  background-image: none !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.25) !important;
}
.command-center-body.cc-safe-render .cc-tabs:not([hidden]) {
  position: sticky !important;
  top: calc(var(--cc-sticky-topbar-height) + var(--cc-sticky-auth-height) + var(--cc-sticky-overall-height) + 8px) !important;
  z-index: 215 !important;
  background: linear-gradient(135deg, rgba(49,151,193,.98), rgba(35,111,156,.99)) !important;
  background-image: linear-gradient(135deg, rgba(49,151,193,.98), rgba(35,111,156,.99)) !important;
  border-color: rgba(109,209,246,.45) !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.24) !important;
}
.command-center-body.cc-safe-render .cc-tab {
  color: #e9faff !important;
  background: rgba(4,25,40,.38) !important;
  background-image: none !important;
  border-color: rgba(214,246,255,.22) !important;
}
.command-center-body.cc-safe-render .cc-tab.is-active {
  color: #061824 !important;
  background: linear-gradient(135deg, #8be7ff, #b8f2ff) !important;
  background-image: linear-gradient(135deg, #8be7ff, #b8f2ff) !important;
  border-color: #bcefff !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.26), 0 3px 12px rgba(0,0,0,.2) !important;
}

/* r2 narrow-phone alert geometry: there is no free horizontal lane between
   the logo and Watchlist.  Pin the compact alert badge to the Watchlist's
   leading edge instead of letting it overlap the logo or reflow the header. */
@media (max-width: 767px) {
  .watch-alert-header-notice {
    left: -3px !important;
    right: auto !important;
    width: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    height: 26px !important;
    transform: translateY(-50%) !important;
  }
}

/* r2 Command Center phone overall strip remains one horizontal sticky rail. */
@media (max-width: 767px) {
  .command-center-body .cc-overall:not([hidden]) > article:first-child {
    grid-column: auto !important;
  }
  .command-center-body.cc-connected.cc-sticky-compact .cc-auth-controls,
  .command-center-body.cc-connected.cc-sticky-compact .cc-auth-status {
    display: none !important;
  }
}

/* Once the Command Center is connected, the sticky administrator row only
   needs to preserve identity while scrolling.  Connection controls remain
   available again whenever the user returns to the top of the page. */
.command-center-body.cc-connected.cc-sticky-compact .cc-auth {
  grid-template-columns: minmax(0,1fr) !important;
}
.command-center-body.cc-connected.cc-sticky-compact .cc-auth-controls,
.command-center-body.cc-connected.cc-sticky-compact .cc-auth-status {
  display: none !important;
}

/* Tablet uses the same single horizontal Overall rail as phones so the four
   sticky Command Center rows stay compact rather than wrapping into a fifth row. */
@media (max-width: 1023px) {
  .command-center-body .cc-overall:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(90px,1fr)) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
  }
  .command-center-body .cc-overall:not([hidden]) > article,
  .command-center-body .cc-overall:not([hidden]) > article:first-child {
    grid-column: auto !important;
    min-width: 90px !important;
  }
  .command-center-body.cc-sticky-compact .cc-overall:not([hidden]) > article {
    min-width: 78px !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r3
   Selected Asset alignment/information retention + narrower mobile/tablet Workspace.
   ========================================================================== */

/* Desktop: keep the Selected Asset identity on the left, but cluster Verified Price,
   Watchlist action, and Research View together on the right instead of distributing
   Price/Watchlist through the center of the full-width card. */
@media (min-width: 1024px) {
  .asset-hero {
    grid-template-columns: minmax(280px, 1fr) max-content max-content minmax(235px, 300px) !important;
    grid-template-areas: "asset price watch view" !important;
    column-gap: .72rem !important;
  }
  .asset-hero .price-block {
    justify-self: end !important;
    text-align: right !important;
    min-width: 125px !important;
  }
  .asset-hero .watch-hero-control {
    justify-self: start !important;
    width: auto !important;
  }
  .asset-hero .ux-view-control {
    justify-self: end !important;
    width: min(100%, 300px) !important;
  }
}

/* Collapsed/sticky Selected Asset must remain useful. Keep identity and verified
   price context visible rather than reducing the card to only name + price. */
body.sticky-selection-active .asset-hero > div:first-child > .asset-kicker,
body.sticky-selection-active .asset-hero .price-block > .price-kicker,
body.sticky-selection-active .asset-hero .asset-symbol,
body.sticky-selection-active .asset-hero .asset-rank-meta,
body.sticky-selection-active .asset-hero .quote-change,
body.sticky-selection-active .asset-hero .asof {
  display: block !important;
}
body.sticky-selection-active .asset-hero .watch-hero-control > .asset-kicker,
body.sticky-selection-active .asset-hero .ux-view-control > small,
body.sticky-selection-active .asset-hero .window-coverage {
  display: none !important;
}
body.sticky-selection-active .asset-hero .asset-symbol,
body.sticky-selection-active .asset-hero .asset-rank-meta,
body.sticky-selection-active .asset-hero .quote-change,
body.sticky-selection-active .asset-hero .asof {
  font-size: .54rem !important;
  line-height: 1.12 !important;
  margin-top: .08rem !important;
}
body.sticky-selection-active .asset-hero .asof {
  max-width: 240px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Tablet drawer: bounded navigation, not a nearly full-screen panel. */
@media (min-width: 768px) and (max-width: 1023px) {
  .section-sidebar {
    width: min(30vw, 280px) !important;
    min-width: 225px !important;
  }
  body.sticky-selection-active .asset-hero .asset-name { font-size: .76rem !important; }
  body.sticky-selection-active .asset-hero .price { font-size: .92rem !important; }
  body.sticky-selection-active .asset-hero .asset-kicker { font-size: .48rem !important; }
  body.sticky-selection-active .asset-hero .asset-symbol,
  body.sticky-selection-active .asset-hero .asset-rank-meta,
  body.sticky-selection-active .asset-hero .quote-change,
  body.sticky-selection-active .asset-hero .asof { font-size: .50rem !important; }
  body.sticky-selection-active .asset-hero .asof { max-width: 180px !important; }
}

/* Phone drawer is intentionally narrow enough to leave substantial page context visible. */
@media (max-width: 767px) {
  .section-sidebar {
    width: min(64vw, 260px) !important;
    min-width: 218px !important;
    max-height: min(70dvh, 560px) !important;
  }

  /* Preserve Selected Asset identity + verified-price status after compacting. */
  body.sticky-selection-active .asset-hero {
    grid-template-columns: minmax(0, 1fr) minmax(86px, auto) auto !important;
    grid-template-areas:
      "asset price watch"
      "view view view" !important;
    gap: .18rem .26rem !important;
    padding: .27rem .32rem !important;
  }
  body.sticky-selection-active .asset-hero > div:first-child > .asset-kicker,
  body.sticky-selection-active .asset-hero .price-block > .price-kicker {
    display: block !important;
    font-size: .44rem !important;
    line-height: 1 !important;
    margin-bottom: .08rem !important;
  }
  body.sticky-selection-active .asset-hero .asset-name {
    font-size: .72rem !important;
    line-height: 1.02 !important;
  }
  body.sticky-selection-active .asset-hero .asset-symbol,
  body.sticky-selection-active .asset-hero .asset-rank-meta {
    display: block !important;
    font-size: .48rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.sticky-selection-active .asset-hero .price {
    font-size: .90rem !important;
    line-height: 1 !important;
  }
  body.sticky-selection-active .asset-hero .quote-change {
    display: block !important;
    font-size: .46rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
  body.sticky-selection-active .asset-hero .asof {
    display: block !important;
    max-width: 125px !important;
    font-size: .43rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.sticky-selection-active .asset-hero .watchlist-toggle-btn {
    max-width: 96px !important;
  }
}

@media (max-width: 390px) {
  .section-sidebar {
    width: min(66vw, 238px) !important;
    min-width: 205px !important;
  }
  body.sticky-selection-active .asset-hero .asof { max-width: 105px !important; }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r4 — Expanded universal search overlay
   Search results expand across the Market Research Command while remaining a
   viewport-layer popover. Typing never pushes Selected Asset or page content.
   ========================================================================== */
.asset-search-results.is-overlay-positioned {
  position: fixed !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  z-index: calc(var(--me-z-popover) + 8) !important;
  max-height: min(68vh, 560px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  border-radius: 12px !important;
  padding: .4rem !important;
  background: rgba(6, 23, 38, .995) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.58), 0 0 0 1px rgba(98,203,245,.2) !important;
}

.asset-search-results.is-overlay-positioned .asset-search-result {
  min-height: 52px !important;
  padding: .62rem .72rem !important;
}

/* Phone/tablet use the same full-command expansion instead of a narrow
   autocomplete column. Results remain independently scrollable above all
   sticky application rows and workspace content. */
@media (max-width: 1023px) {
  .asset-search-results.is-overlay-positioned {
    max-height: min(68vh, 520px) !important;
    border-radius: 10px !important;
  }
  .asset-search-results.is-overlay-positioned .asset-search-result {
    min-height: 50px !important;
    gap: .55rem !important;
  }
}

@media (max-width: 767px) {
  .asset-search-results.is-overlay-positioned {
    max-height: min(66vh, 500px) !important;
    padding: .3rem !important;
  }
  .asset-search-results.is-overlay-positioned .asset-search-result {
    min-height: 48px !important;
    padding: .55rem .6rem !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r5 — Header command placement + Workspace accordion
   First Visit Guide moves into the header, Market Data sits beneath Watchlist
   Monitor, Workspace categories behave as a single-open accordion, and mobile
   Watchlist card actions share one aligned button column.
   ========================================================================== */

/* Header command relationship: Watchlist Monitor above Market Data; language
   above a guidance row containing First Visit Guide + Tips. */
.watchlist-header-slot.top-center-radar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  gap: .22rem !important;
}
.watchlist-header-slot .watchlist-header-btn {
  grid-row: 1 !important;
  width: 100% !important;
}
.watchlist-market-data.demo-pill {
  grid-row: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: .24rem .42rem !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
.header-control-stack .header-guidance-row,
.header-guidance-row.market-data-tip-stack {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .3rem !important;
  width: 100% !important;
  min-width: 0 !important;
}
.header-first-use-launch.first-use-launch {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: .34rem .52rem !important;
  border: 1px solid rgba(207, 249, 255, .95) !important;
  border-radius: 9px !important;
  background: #8be7ff !important;
  color: #061824 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 4px 12px rgba(0,0,0,.18) !important;
  font-size: .58rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  justify-content: center !important;
}
.header-first-use-launch.first-use-launch:hover,
.header-first-use-launch.first-use-launch:focus-visible {
  background: #a8efff !important;
  border-color: #e5fbff !important;
  color: #03131e !important;
}
.header-guidance-row .guided-tips-controls {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Workspace heading: faded dark blue identity surface. */
.section-sidebar .sidebar-head {
  background: linear-gradient(180deg, rgba(20, 61, 96, .88), rgba(10, 35, 59, .90)) !important;
  border: 1px solid rgba(102, 190, 235, .22) !important;
  border-radius: 10px !important;
  padding: .46rem .5rem !important;
  margin-bottom: .34rem !important;
}

/* Single-open Workspace accordion. The Sections button still controls the
   whole drawer; these headings only control their assigned category choices. */
.section-sidebar .sidebar-group {
  margin-top: .26rem !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
.section-sidebar .sidebar-group + .sidebar-group {
  margin-top: .3rem !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: .45rem !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: .42rem .5rem !important;
  border: 1px solid rgba(120, 176, 215, .18) !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  user-select: none !important;
  outline: none !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > strong,
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > .monitor-premium-copy {
  grid-column: 1 !important;
  min-width: 0 !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > small {
  grid-column: 1 !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle:focus-visible {
  border-color: rgba(133, 230, 255, .7) !important;
  box-shadow: 0 0 0 2px rgba(75, 202, 236, .18) !important;
}
.sidebar-group-chevron {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: end !important;
  color: #bfeaff !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  transform: rotate(-90deg);
  transition: transform .18s ease !important;
}
.sidebar-group.is-expanded .sidebar-group-chevron { transform: rotate(0deg); }
.section-sidebar .sidebar-group > .sidebar-nav-list {
  display: none !important;
  margin-top: .24rem !important;
}
.section-sidebar .sidebar-group.is-expanded > .sidebar-nav-list {
  display: grid !important;
}
.section-sidebar .sidebar-group.is-expanded > .sidebar-group-heading {
  border-color: rgba(143, 218, 248, .32) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.14) !important;
}
.section-sidebar .sidebar-group.is-collapsed > .sidebar-group-heading small,
.section-sidebar .sidebar-group.is-collapsed > .sidebar-group-heading .monitor-premium-copy small {
  display: none !important;
}

/* Discover Markets category gets its assigned faded teal title treatment. */
.section-sidebar .discovery-group > .sidebar-group-heading,
.section-sidebar .discovery-group > .sidebar-group-heading.discovery-heading {
  background: linear-gradient(135deg, rgba(28, 147, 151, .32), rgba(24, 104, 119, .26)) !important;
  border-color: rgba(91, 229, 219, .34) !important;
}
.section-sidebar .discovery-group.is-expanded > .sidebar-group-heading {
  background: linear-gradient(135deg, rgba(35, 172, 170, .40), rgba(27, 123, 137, .32)) !important;
}

/* Preserve each category's assigned theme while making the collapsed heading
   itself the category selector. */
.section-sidebar .watchlist-group > .sidebar-group-heading {
  background-color: rgba(113, 88, 14, .20) !important;
}
.section-sidebar .evidence-analysis-group > .sidebar-group-heading {
  background-color: rgba(34, 123, 170, .20) !important;
}
.section-sidebar .forward-outlook-group > .sidebar-group-heading {
  background-color: rgba(112, 68, 170, .20) !important;
}
.section-sidebar .verify-group > .sidebar-group-heading {
  background-color: rgba(35, 126, 82, .20) !important;
}

/* Workspace always owns the vertical overflow when the selected category needs
   more space. */
.section-sidebar {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
}

/* Mobile Watchlist monitor actions: standalone star and Remove use the same
   aligned action width/height as Watch Settings, Open Evidence, and Mark Reviewed. */
@media (max-width: 767px) {
  .watchlist-card-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: .48rem !important;
    width: 100% !important;
  }
  .watchlist-card-actions .watch-action-btn,
  .watchlist-card-actions .watch-action-btn.watch-action-icon-only,
  .watchlist-card-actions .watch-action-btn.watch-action-danger {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: .5rem .65rem !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }
  .watchlist-card-actions .watch-action-icon-only .watch-action-icon {
    margin: 0 auto !important;
  }

  .header-command-group {
    grid-template-columns: minmax(116px, .78fr) minmax(182px, 1.22fr) !important;
    align-items: center !important;
  }
  .watchlist-market-data.demo-pill {
    min-height: 23px !important;
    padding: .2rem .28rem !important;
    font-size: .53rem !important;
  }
  .header-guidance-row.market-data-tip-stack { gap: .2rem !important; }
  .header-first-use-launch.first-use-launch {
    min-height: 27px !important;
    padding: .26rem .32rem !important;
    font-size: .50rem !important;
    border-radius: 8px !important;
  }
  .header-first-use-launch.first-use-launch > span:last-child {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .header-guidance-row .guided-tips-toggle {
    min-height: 27px !important;
  }
  .section-sidebar .sidebar-head {
    position: sticky !important;
    top: -.4rem !important;
    z-index: 4 !important;
  }
  .section-sidebar .sidebar-group-heading.sidebar-group-toggle {
    min-height: 34px !important;
    padding: .36rem .42rem !important;
  }
  .section-sidebar .sidebar-group.is-expanded > .sidebar-nav-list {
    gap: .14rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header-command-group {
    grid-template-columns: minmax(112px, 142px) minmax(210px, 252px) !important;
  }
  .header-first-use-launch.first-use-launch {
    font-size: .53rem !important;
    padding-inline: .42rem !important;
  }
  .section-sidebar .sidebar-group-heading.sidebar-group-toggle {
    min-height: 34px !important;
    padding: .36rem .42rem !important;
  }
}

@media (max-width: 390px) {
  .header-command-group {
    grid-template-columns: minmax(102px, .72fr) minmax(166px, 1.28fr) !important;
  }
  .header-first-use-launch.first-use-launch {
    font-size: .46rem !important;
    padding-inline: .24rem !important;
  }
  .watchlist-market-data.demo-pill { font-size: .48rem !important; }
}


/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r6 — Workspace parity + compact alert-ready header
   Equal Workspace category tabs, true expand/collapse toggles, a light-blue
   Workspace surface, and smaller aligned phone/tablet header controls with a
   dedicated in-slot alert position.
   ========================================================================== */

/* Light-blue Workspace surface while preserving the dark-blue Workspace title
   and each category's assigned theme. */
.section-sidebar {
  background:
    linear-gradient(180deg, rgba(111, 199, 235, .90), rgba(58, 145, 191, .92)) !important;
  border-color: rgba(187, 239, 255, .88) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28), 0 0 0 1px rgba(129, 225, 255, .18) inset !important;
}
.section-sidebar::before {
  opacity: .08 !important;
}
.section-sidebar .sidebar-head {
  background: linear-gradient(180deg, rgba(18, 59, 94, .96), rgba(9, 34, 58, .96)) !important;
  border-color: rgba(178, 229, 255, .42) !important;
}

/* Every category selector has exactly the same geometry. Category guidance is
   represented by the choices beneath the selector, not by a second line that
   changes tab height. */
.section-sidebar .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle,
.section-sidebar .discovery-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .evidence-analysis-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .forward-outlook-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .verify-group > .sidebar-group-heading.sidebar-group-toggle {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  padding: .38rem .52rem !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > small,
.section-sidebar .sidebar-group-heading.sidebar-group-toggle .monitor-premium-copy > small {
  display: none !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > strong,
.section-sidebar .sidebar-group-heading.sidebar-group-toggle .monitor-premium-copy > strong {
  margin: 0 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle {
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  column-gap: .42rem !important;
  align-items: center !important;
}
.section-sidebar .watchlist-group .monitor-premium-icon {
  grid-column: 1 !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
  font-size: .72rem !important;
  align-self: center !important;
}
.section-sidebar .watchlist-group .monitor-premium-copy {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}
.section-sidebar .watchlist-group .sidebar-group-chevron {
  grid-column: 3 !important;
}
.section-sidebar .sidebar-group:not(.watchlist-group) > .sidebar-group-heading.sidebar-group-toggle {
  grid-template-columns: minmax(0, 1fr) auto !important;
}
.section-sidebar .sidebar-group-chevron {
  grid-row: 1 !important;
  align-self: center !important;
}

/* Expanded and collapsed groups retain the same title-tab size. */
.section-sidebar .sidebar-group.is-expanded > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .sidebar-group.is-collapsed > .sidebar-group-heading.sidebar-group-toggle {
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
}

/* Tablet/phone header controls are reduced and aligned so an active Watchlist
   alert has a dedicated slot instead of colliding with the logo or Watchlist. */
@media (max-width: 1023px) {
  .topbar-inner {
    align-items: center !important;
    gap: .24rem !important;
    padding-top: .30rem !important;
    padding-bottom: .30rem !important;
  }
  .brand-wrap {
    align-items: center !important;
    gap: .20rem !important;
  }
  .section-menu-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }
  .section-menu-icon { font-size: .94rem !important; }
  .topbar .brand-logo {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 8px !important;
  }
  .header-command-group {
    grid-template-columns: minmax(102px, .72fr) minmax(170px, 1.28fr) !important;
    gap: .22rem !important;
    align-items: center !important;
  }
  .watchlist-header-slot.top-center-radar {
    position: relative !important;
    gap: .14rem !important;
    padding-left: 0 !important;
    transition: padding-left .15s ease !important;
  }
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    padding-left: 28px !important;
  }
  .watchlist-header-btn.radar-center-btn {
    min-height: 40px !important;
    height: 40px !important;
    padding: .20rem .32rem !important;
    gap: .22rem !important;
    border-radius: 9px !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: 1.05rem !important;
    height: 1.05rem !important;
    min-width: 1.05rem !important;
    flex-basis: 1.05rem !important;
    font-size: .60rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong {
    font-size: .55rem !important;
    letter-spacing: .025em !important;
  }
  .watchlist-market-data.demo-pill {
    min-height: 20px !important;
    height: 20px !important;
    padding: .12rem .22rem !important;
    font-size: .46rem !important;
  }
  .header-control-stack { gap: .16rem !important; }
  .header-language-control select {
    min-height: 30px !important;
    height: 30px !important;
    padding-top: .18rem !important;
    padding-bottom: .18rem !important;
    font-size: .82rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    gap: .16rem !important;
    align-items: center !important;
  }
  .header-first-use-launch.first-use-launch {
    min-height: 24px !important;
    height: 24px !important;
    padding: .18rem .26rem !important;
    font-size: .44rem !important;
    border-radius: 7px !important;
  }
  .header-control-stack .guided-tips-toggle {
    min-height: 24px !important;
    height: 24px !important;
    padding: .12rem .26rem !important;
    font-size: .50rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    font-size: .60rem !important;
  }
  .watch-alert-header-notice {
    left: 1px !important;
    right: auto !important;
    top: 7px !important;
    transform: none !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  .watch-alert-header-notice[hidden] { display: none !important; }
  .watch-alert-header-notice .watch-alert-symbol {
    font-size: .63rem !important;
    line-height: 1 !important;
  }
  .watch-alert-header-notice .watch-alert-header-copy { display: none !important; }
  .watch-alert-header-notice::after {
    content: attr(data-alert-count);
    position: absolute;
    right: -5px;
    top: -6px;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ffd15c;
    color: #241700;
    border: 1px solid rgba(255, 248, 207, .92);
    font-size: .48rem;
    font-weight: 900;
    line-height: 1;
    box-sizing: border-box;
  }
  .section-sidebar .sidebar-group-heading.sidebar-group-toggle,
  .section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle,
  .section-sidebar .sidebar-group.is-expanded > .sidebar-group-heading.sidebar-group-toggle,
  .section-sidebar .sidebar-group.is-collapsed > .sidebar-group-heading.sidebar-group-toggle {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: .30rem .42rem !important;
  }
}

@media (max-width: 767px) {
  .topbar-inner { gap: .18rem !important; }
  .brand-wrap { gap: .14rem !important; }
  .section-menu-btn {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
  .topbar .brand-logo {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }
  .header-command-group {
    grid-template-columns: minmax(96px, .70fr) minmax(158px, 1.30fr) !important;
    gap: .18rem !important;
  }
  .watchlist-header-slot.top-center-radar.has-watch-alert { padding-left: 26px !important; }
  .watchlist-header-btn.radar-center-btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: .18rem .26rem !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: .92rem !important;
    height: .92rem !important;
    min-width: .92rem !important;
    flex-basis: .92rem !important;
    font-size: .52rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .52rem !important; }
  .watchlist-market-data.demo-pill {
    min-height: 19px !important;
    height: 19px !important;
    font-size: .43rem !important;
  }
  .header-language-control select {
    min-height: 29px !important;
    height: 29px !important;
    font-size: .78rem !important;
  }
  .header-first-use-launch.first-use-launch {
    min-height: 23px !important;
    height: 23px !important;
    font-size: .41rem !important;
  }
  .header-control-stack .guided-tips-toggle,
  .header-control-stack .guided-tip-replay {
    min-height: 23px !important;
    height: 23px !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 23px !important;
    min-width: 23px !important;
  }
  .watch-alert-header-notice {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    top: 7px !important;
  }
}

@media (max-width: 390px) {
  .header-command-group {
    grid-template-columns: minmax(88px, .68fr) minmax(146px, 1.32fr) !important;
  }
  .watchlist-header-btn .radar-center-icon { display: none !important; }
  .watchlist-header-slot.top-center-radar.has-watch-alert { padding-left: 24px !important; }
  .header-first-use-launch.first-use-launch { font-size: .38rem !important; }
}


/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r7 — Workspace theme/label correction,
   compact alert-safe device header, narrower drawer, and sticky hysteresis.
   ========================================================================== */

/* Make the Workspace itself unmistakably light blue. */
.section-sidebar {
  background: linear-gradient(180deg, rgba(151, 221, 247, .97), rgba(91, 181, 222, .96)) !important;
  border-color: rgba(208, 246, 255, .96) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.26), inset 0 0 0 1px rgba(224,250,255,.22) !important;
}

/* MONITOR: restore the label explicitly and keep the title selector exactly the
   same outside dimensions as every other Workspace category. */
.section-sidebar .watchlist-group {
  padding: .28rem !important;
  border: 1px solid rgba(255, 222, 129, .76) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(255, 235, 168, .52), rgba(224, 182, 70, .34)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 250, 221, .36), 0 0 12px rgba(181, 137, 39, .10) !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: .30rem .42rem !important;
  margin: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.section-sidebar .watchlist-group .monitor-premium-icon {
  display: inline-grid !important;
  grid-column: 1 !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  font-size: .62rem !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.section-sidebar .watchlist-group .monitor-premium-copy {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.section-sidebar .watchlist-group .monitor-premium-copy > strong {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff3b0 !important;
  font-size: .59rem !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.section-sidebar .watchlist-group .sidebar-group-chevron {
  grid-column: 3 !important;
}

/* Watchlist choice: faded light-gold surface below MONITOR. */
.section-sidebar .watchlist-group .sidebar-nav-list {
  margin-top: .22rem !important;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:not(.active) {
  border-color: rgba(235, 202, 104, .62) !important;
  color: #4a3509 !important;
  background: linear-gradient(135deg, rgba(255, 239, 183, .86), rgba(230, 194, 99, .68)) !important;
  box-shadow: inset 2px 0 0 rgba(196, 147, 31, .52), 0 4px 10px rgba(87, 60, 9, .08) !important;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item .sidebar-nav-icon {
  color: #7b5708 !important;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible,
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color: rgba(255, 230, 128, .94) !important;
  color: #2f2104 !important;
  background: linear-gradient(135deg, rgba(255, 245, 205, .97), rgba(238, 203, 112, .84)) !important;
  box-shadow: inset 2px 0 0 #c8951f, 0 0 13px rgba(171, 128, 28, .16) !important;
}

/* VERIFY becomes a dark-teal family, including the area around its choices. */
.section-sidebar .verify-group {
  padding: .28rem !important;
  border: 1px solid rgba(76, 208, 207, .52) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(6, 78, 85, .96), rgba(4, 48, 60, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(173, 255, 247, .07), 0 0 12px rgba(0, 57, 63, .18) !important;
}
.section-sidebar .verify-group > .sidebar-group-heading.verify-heading.sidebar-group-toggle {
  border-color: rgba(102, 226, 217, .62) !important;
  background: linear-gradient(135deg, rgba(9, 111, 114, .96), rgba(6, 71, 82, .98)) !important;
  color: #e8fffb !important;
}
.section-sidebar .verify-group > .sidebar-group-heading.verify-heading.sidebar-group-toggle strong {
  color: #e8fffb !important;
}
.section-sidebar .verify-group .sidebar-nav-item.tab,
.section-sidebar .verify-group .sidebar-nav-item.tab:not(.active) {
  border-color: rgba(96, 213, 206, .38) !important;
  color: #d7fff7 !important;
  background: rgba(9, 98, 101, .56) !important;
  box-shadow: inset 2px 0 0 rgba(93, 220, 209, .42) !important;
}

/* Narrower Workspace drawer on touch-sized devices. */
@media (min-width: 768px) and (max-width: 1023px) {
  .section-sidebar {
    width: min(23vw, 230px) !important;
    min-width: 190px !important;
    max-width: 230px !important;
  }
}
@media (max-width: 767px) {
  .section-sidebar {
    width: min(52vw, 205px) !important;
    min-width: 176px !important;
    max-width: 205px !important;
  }
}
@media (max-width: 390px) {
  .section-sidebar {
    width: min(51vw, 192px) !important;
    min-width: 170px !important;
    max-width: 192px !important;
  }
}

/* Tablet/phone header: smaller aligned controls and a real alert lane to the
   left of Watchlist rather than an overlay on top of Watchlist. */
@media (max-width: 1023px) {
  .section-menu-btn {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 7px !important;
  }
  .section-menu-icon { font-size: .82rem !important; }
  .topbar .brand-logo {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border-radius: 7px !important;
  }
  .header-command-group {
    grid-template-columns: minmax(104px, 118px) minmax(176px, 220px) !important;
    gap: .16rem !important;
  }
  .watchlist-header-slot.top-center-radar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 34px 17px !important;
    column-gap: .12rem !important;
    row-gap: .10rem !important;
    padding-left: 0 !important;
  }
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    padding-left: 0 !important;
  }
  .watchlist-header-slot .watchlist-header-btn {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: .14rem .22rem !important;
    gap: .16rem !important;
    border-radius: 8px !important;
  }
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    grid-column: 2 !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: .82rem !important;
    min-width: .82rem !important;
    height: .82rem !important;
    flex-basis: .82rem !important;
    font-size: .46rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong {
    font-size: .48rem !important;
    letter-spacing: .015em !important;
  }
  .watchlist-market-data.demo-pill {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 17px !important;
    height: 17px !important;
    padding: .08rem .16rem !important;
    font-size: .40rem !important;
  }
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    grid-column: 2 !important;
  }
  .watch-alert-header-notice {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 19px !important;
    min-width: 19px !important;
    max-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    z-index: calc(var(--me-z-popover) + 3) !important;
  }
  .watch-alert-header-notice .watch-alert-symbol { font-size: .53rem !important; }
  .watch-alert-header-notice::after {
    right: -5px !important;
    top: -6px !important;
    min-width: 13px !important;
    height: 13px !important;
    padding: 0 2px !important;
    font-size: .42rem !important;
  }
  .header-language-control select {
    min-height: 28px !important;
    height: 28px !important;
    font-size: .75rem !important;
  }
  .header-first-use-launch.first-use-launch,
  .header-control-stack .guided-tips-toggle,
  .header-control-stack .guided-tip-replay {
    min-height: 21px !important;
    height: 21px !important;
  }
  .header-first-use-launch.first-use-launch {
    padding: .12rem .22rem !important;
    font-size: .39rem !important;
  }
  .header-control-stack .guided-tips-toggle {
    padding: .08rem .20rem !important;
    font-size: .45rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 21px !important;
    min-width: 21px !important;
    font-size: .52rem !important;
  }
}

@media (max-width: 767px) {
  .topbar-inner { gap: .14rem !important; }
  .brand-wrap { gap: .10rem !important; }
  .section-menu-btn,
  .topbar .brand-logo {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
  }
  .header-command-group {
    grid-template-columns: minmax(94px, .66fr) minmax(148px, 1.34fr) !important;
    gap: .14rem !important;
  }
  .watchlist-header-slot.top-center-radar {
    grid-template-rows: 32px 16px !important;
  }
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    grid-template-columns: 19px minmax(0, 1fr) !important;
  }
  .watchlist-header-slot .watchlist-header-btn {
    min-height: 32px !important;
    height: 32px !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: .74rem !important;
    min-width: .74rem !important;
    height: .74rem !important;
    flex-basis: .74rem !important;
    font-size: .42rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .45rem !important; }
  .watchlist-market-data.demo-pill {
    min-height: 16px !important;
    height: 16px !important;
    font-size: .38rem !important;
  }
}

@media (max-width: 390px) {
  .header-command-group {
    grid-template-columns: minmax(88px, .64fr) minmax(140px, 1.36fr) !important;
  }
  .watchlist-header-btn .radar-center-icon { display: none !important; }
  .watchlist-header-btn .radar-center-copy { justify-content: center !important; width: 100% !important; }
}


/* r7 monitor-label specificity guard: older premium Monitor rules place the copy
   in column 1. Force the label into the shared category-title lane. */
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle > .monitor-premium-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle > .monitor-premium-copy > strong {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r8 — restore header typography + compact control widths
   Keep the readable r5-era label sizes.  Reclaim alert/header room by reducing
   button/container width and padding instead of shrinking the words.
   ========================================================================== */

/* Touch tablets (including high-resolution/coarse-pointer devices) and phones
   use a fixed compact command cluster.  A reserved leading alert lane prevents
   Watchlist from shifting when an alert appears. */
@media (max-width: 1023px), (pointer: coarse) and (max-width: 1180px) {
  .top-actions {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
  }
  .header-command-group {
    width: min(100%, 382px) !important;
    max-width: 382px !important;
    margin-left: auto !important;
    grid-template-columns: 112px minmax(0, 260px) !important;
    gap: .22rem !important;
    align-items: start !important;
    justify-content: end !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    grid-template-columns: 20px 90px !important;
    grid-template-rows: 36px 20px !important;
    column-gap: 2px !important;
    row-gap: 2px !important;
    padding-left: 0 !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: .22rem .30rem !important;
    gap: .20rem !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: 1rem !important;
    min-width: 1rem !important;
    height: 1rem !important;
    flex-basis: 1rem !important;
    font-size: .58rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong {
    font-size: .61rem !important;
    letter-spacing: .02em !important;
    line-height: 1 !important;
  }
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: .12rem .20rem !important;
    font-size: .56rem !important;
    line-height: 1 !important;
  }
  .watch-alert-header-notice {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 19px !important;
    min-width: 19px !important;
    max-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    align-self: center !important;
    justify-self: center !important;
  }
  .header-control-stack {
    width: 100% !important;
    max-width: 260px !important;
    min-width: 0 !important;
    justify-self: end !important;
  }
  .header-language-control select {
    min-height: 32px !important;
    height: 32px !important;
    font-size: .88rem !important;
    padding-top: .18rem !important;
    padding-bottom: .18rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: .22rem !important;
    width: 100% !important;
  }
  .header-first-use-launch.first-use-launch {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 124px !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: .22rem .38rem !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    border-radius: 8px !important;
  }
  .header-first-use-launch.first-use-launch > span:last-child {
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .header-guidance-row .guided-tips-controls {
    flex: 0 0 auto !important;
    gap: .18rem !important;
  }
  .header-control-stack .guided-tips-toggle {
    min-height: 28px !important;
    height: 28px !important;
    padding: .18rem .34rem !important;
    font-size: .58rem !important;
    line-height: 1 !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    font-size: .68rem !important;
    line-height: 1 !important;
  }
}

/* Phones keep the same readable words while the button boxes themselves are
   shortened.  The reserved alert lane is always present so alert state never
   causes the header to reflow. */
@media (max-width: 767px) {
  .header-command-group {
    width: min(100%, 304px) !important;
    max-width: 304px !important;
    grid-template-columns: 104px minmax(0, 196px) !important;
    gap: .14rem !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    grid-template-columns: 18px 84px !important;
    grid-template-rows: 34px 19px !important;
    column-gap: 2px !important;
    row-gap: 2px !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: .18rem .24rem !important;
    gap: .14rem !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: .88rem !important;
    min-width: .88rem !important;
    height: .88rem !important;
    flex-basis: .88rem !important;
    font-size: .52rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong {
    font-size: .60rem !important;
  }
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    min-height: 19px !important;
    height: 19px !important;
    padding: .10rem .14rem !important;
    font-size: .54rem !important;
  }
  .header-control-stack {
    max-width: 196px !important;
  }
  .header-language-control select {
    min-height: 32px !important;
    height: 32px !important;
    font-size: 1rem !important;
  }
  .header-first-use-launch.first-use-launch {
    max-width: 102px !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: .20rem .28rem !important;
    font-size: .56rem !important;
  }
  .header-control-stack .guided-tips-toggle {
    min-height: 28px !important;
    height: 28px !important;
    padding: .16rem .28rem !important;
    font-size: .58rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
    font-size: .68rem !important;
  }
}

@media (max-width: 390px) {
  .header-command-group {
    width: min(100%, 286px) !important;
    max-width: 286px !important;
    grid-template-columns: 98px minmax(0, 184px) !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    grid-template-columns: 17px 79px !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn,
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 79px !important;
    min-width: 79px !important;
    max-width: 79px !important;
  }
  .watchlist-header-btn .radar-center-icon { display: none !important; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .60rem !important; }
  .header-control-stack { max-width: 184px !important; }
  .header-first-use-launch.first-use-launch {
    max-width: 94px !important;
    font-size: .56rem !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r9 — tablet brand lockup restoration,
   readable compact device header controls, gold workspace surface, dark-teal
   verify group, corrected MONITOR title visibility, narrower drawer, and
   desktop compact-header anti-flicker.
   ========================================================================== */

/* Workspace surface + consistent category selector geometry */
.section-sidebar {
  background: linear-gradient(180deg, rgba(239, 219, 164, .97), rgba(214, 187, 115, .96)) !important;
  border-color: rgba(255, 238, 188, .96) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255, 247, 220, .22) !important;
}
.section-sidebar .sidebar-head {
  background: linear-gradient(180deg, rgba(18, 59, 94, .96), rgba(9, 34, 58, .96)) !important;
  border-color: rgba(178, 229, 255, .42) !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle,
.section-sidebar .discovery-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .evidence-analysis-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .forward-outlook-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .verify-group > .sidebar-group-heading.sidebar-group-toggle {
  width: 100% !important;
  min-height: 46px !important;
  height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  padding: .42rem .56rem !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle {
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  column-gap: .42rem !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle > .monitor-premium-copy {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle > .monitor-premium-copy > strong {
  display: block !important;
  color: #fff1b0 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.section-sidebar .watchlist-group .monitor-premium-icon {
  grid-column: 1 !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  font-size: .62rem !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > strong,
.section-sidebar .sidebar-group-heading.sidebar-group-toggle .monitor-premium-copy > strong {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Area themes */
.section-sidebar .watchlist-group {
  padding: .28rem !important;
  border: 1px solid rgba(240, 208, 121, .78) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(247, 229, 176, .58), rgba(215, 184, 101, .42)) !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle {
  border-color: rgba(250, 225, 128, .86) !important;
  background: linear-gradient(135deg, rgba(140, 108, 24, .96), rgba(89, 66, 12, .98)) !important;
}
.section-sidebar .watchlist-group .sidebar-nav-list {
  margin-top: .22rem !important;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:not(.active) {
  border-color: rgba(235, 202, 104, .62) !important;
  color: #4a3509 !important;
  background: linear-gradient(135deg, rgba(255, 241, 194, .90), rgba(232, 198, 109, .72)) !important;
  box-shadow: inset 2px 0 0 rgba(196, 147, 31, .52), 0 4px 10px rgba(87, 60, 9, .08) !important;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item .sidebar-nav-icon {
  color: #7b5708 !important;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible,
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color: rgba(255, 230, 128, .94) !important;
  color: #2f2104 !important;
  background: linear-gradient(135deg, rgba(255, 245, 205, .98), rgba(239, 205, 116, .86)) !important;
}
.section-sidebar .verify-group {
  padding: .28rem !important;
  border: 1px solid rgba(76, 208, 207, .52) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(8, 81, 87, .96), rgba(5, 52, 63, .98)) !important;
}
.section-sidebar .verify-group > .sidebar-group-heading.verify-heading.sidebar-group-toggle {
  border-color: rgba(102, 226, 217, .62) !important;
  background: linear-gradient(135deg, rgba(11, 112, 116, .96), rgba(7, 71, 82, .98)) !important;
}
.section-sidebar .verify-group > .sidebar-group-heading.verify-heading.sidebar-group-toggle strong,
.section-sidebar .verify-group > .sidebar-group-heading.verify-heading.sidebar-group-toggle small,
.section-sidebar .verify-group .sidebar-nav-item.tab,
.section-sidebar .verify-group .sidebar-nav-item.tab:not(.active),
.section-sidebar .verify-group .sidebar-nav-item.tab .sidebar-nav-icon {
  color: #e6fffb !important;
}
.section-sidebar .verify-group .sidebar-nav-item.tab,
.section-sidebar .verify-group .sidebar-nav-item.tab:not(.active) {
  border-color: rgba(96, 213, 206, .38) !important;
  background: rgba(10, 103, 107, .58) !important;
}

/* Narrower workspace drawer */
@media (min-width: 768px) and (max-width: 1023px) {
  .section-sidebar {
    width: min(35vw, 292px) !important;
    min-width: 214px !important;
    max-width: 292px !important;
  }
}
@media (max-width: 767px) {
  .section-sidebar {
    width: min(72vw, 280px) !important;
    min-width: 192px !important;
    max-width: 280px !important;
  }
}
@media (max-width: 390px) {
  .section-sidebar {
    width: min(74vw, 264px) !important;
    min-width: 184px !important;
    max-width: 264px !important;
  }
}

/* Device header: keep words readable, shrink the buttons/containers instead. */
@media (max-width: 1023px) {
  .topbar-inner {
    align-items: start !important;
    gap: .34rem !important;
    padding-top: .36rem !important;
    padding-bottom: .36rem !important;
  }
  .brand-wrap {
    align-items: center !important;
    gap: .24rem !important;
    min-width: 0 !important;
  }
  .section-menu-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }
  .section-menu-btn > span:last-child { display: none !important; }
  .section-menu-icon { font-size: 1rem !important; }
  .topbar .brand-logo {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
  }
  .header-command-group {
    gap: .28rem !important;
    align-items: start !important;
  }
  .watchlist-header-slot.top-center-radar {
    display: grid !important;
    grid-template-areas:
      "alert watch"
      "data data" !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    gap: .20rem .24rem !important;
    padding-left: 0 !important;
  }
  .watchlist-header-slot.top-center-radar.has-watch-alert { padding-left: 0 !important; }
  .watchlist-header-slot .watchlist-header-btn {
    grid-area: watch !important;
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: .22rem .38rem !important;
    gap: .26rem !important;
    border-radius: 9px !important;
  }
  .watchlist-header-btn .radar-center-icon {
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    flex-basis: 1rem !important;
    font-size: .58rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong {
    font-size: .68rem !important;
    letter-spacing: .02em !important;
  }
  .watchlist-header-btn .radar-center-copy small {
    display: block !important;
    font-size: .56rem !important;
  }
  .watchlist-market-data.demo-pill {
    grid-area: data !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: .14rem .28rem !important;
    font-size: .52rem !important;
    justify-self: stretch !important;
    text-align: center !important;
  }
  .watch-alert-header-notice {
    position: relative !important;
    grid-area: alert !important;
    align-self: center !important;
    justify-self: start !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }
  .watch-alert-header-notice .watch-alert-symbol { font-size: .7rem !important; }
  .watch-alert-header-notice .watch-alert-header-copy { display: none !important; }
  .watch-alert-header-notice::after {
    right: -5px !important;
    top: -6px !important;
    min-width: 14px !important;
    height: 14px !important;
    padding: 0 2px !important;
    font-size: .45rem !important;
  }
  .header-control-stack {
    gap: .22rem !important;
  }
  .header-language-control select {
    min-height: 32px !important;
    height: 32px !important;
    padding-top: .18rem !important;
    padding-bottom: .18rem !important;
    font-size: .84rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    gap: .22rem !important;
    align-items: center !important;
  }
  .header-first-use-launch.first-use-launch {
    min-height: 28px !important;
    height: 28px !important;
    padding: .18rem .40rem !important;
    font-size: .64rem !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }
  .header-control-stack .guided-tips-toggle {
    min-height: 28px !important;
    height: 28px !important;
    padding: .16rem .38rem !important;
    font-size: .64rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    font-size: .68rem !important;
  }
}

/* Tablet: restore the full brand lockup and keep alert space left of Watchlist. */
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar-inner {
    display: grid !important;
    grid-template-columns: minmax(350px, 1fr) minmax(320px, 390px) !important;
    align-items: start !important;
  }
  .top-actions {
    min-width: 0 !important;
  }
  .topbar .brand-copy {
    display: block !important;
    min-width: 0 !important;
  }
  .topbar .brand {
    font-size: clamp(1.02rem, .96rem + .34vw, 1.18rem) !important;
  }
  .topbar .workspace-badge {
    display: inline-flex !important;
    font-size: .6rem !important;
  }
  .topbar .tagline {
    display: block !important;
    font-size: .74rem !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .header-command-group {
    grid-template-columns: minmax(148px, 176px) minmax(188px, 1fr) !important;
  }
  .watchlist-header-slot .watchlist-header-btn {
    min-height: 42px !important;
    height: 42px !important;
  }
}

/* Phones: keep compact ME logo treatment, but do not shrink the text excessively. */
@media (max-width: 767px) {
  .topbar-inner { gap: .22rem !important; }
  .brand-wrap { gap: .16rem !important; }
  .topbar .brand-logo,
  .section-menu-btn {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
  .header-command-group {
    grid-template-columns: minmax(108px, 126px) minmax(0, 1fr) !important;
    gap: .20rem !important;
  }
  .watchlist-header-slot .watchlist-header-btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: .18rem .32rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .66rem !important; }
  .watchlist-header-btn .radar-center-copy small {
    display: block !important;
    font-size: .53rem !important;
  }
  .watchlist-market-data.demo-pill {
    min-height: 18px !important;
    height: 18px !important;
    font-size: .48rem !important;
  }
  .header-language-control select {
    min-height: 30px !important;
    height: 30px !important;
    font-size: .80rem !important;
  }
  .header-first-use-launch.first-use-launch {
    min-height: 27px !important;
    height: 27px !important;
    padding: .16rem .30rem !important;
    font-size: .60rem !important;
  }
  .header-control-stack .guided-tips-toggle {
    min-height: 27px !important;
    height: 27px !important;
    padding: .14rem .30rem !important;
    font-size: .60rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
    font-size: .64rem !important;
  }
}

@media (max-width: 390px) {
  .watchlist-header-btn .radar-center-copy small,
  .guided-tips-toggle-label { display: none !important; }
}


/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r10 — device header stabilization,
   tablet brand/slogan restoration, thinner faded-blue Workspace drawer,
   and third-row sticky-state isolation.
   ========================================================================== */

/* The Selected Asset row participates in the sticky stack only after the
   sticky state is genuinely active.  When the state is off it remains normal
   page content so it cannot partially stick behind the Research Command. */
body:not(.sticky-selection-active) .asset-hero,
body:not(.sticky-selection-active).market-pulse-active .asset-hero,
body:not(.sticky-selection-active).discover-active .asset-hero {
  position: relative !important;
  top: auto !important;
  z-index: var(--me-z-content) !important;
}
body.sticky-selection-active .asset-hero,
body.sticky-selection-active.market-pulse-active .asset-hero,
body.sticky-selection-active.discover-active .asset-hero {
  position: sticky !important;
  top: var(--sticky-asset-top, calc(var(--sticky-topbar-bottom) + var(--sticky-search-height) + 8px)) !important;
  z-index: calc(var(--me-z-sticky) + 6) !important;
}

/* Workspace shell: faded light blue, intentionally slimmer on touch devices. */
.section-sidebar {
  background: linear-gradient(180deg, rgba(191, 228, 245, .94), rgba(137, 194, 220, .90)) !important;
  border-color: rgba(197, 237, 255, .96) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.26), inset 0 0 0 1px rgba(236, 250, 255, .34) !important;
}
.section-sidebar .sidebar-head {
  background: linear-gradient(180deg, rgba(20, 63, 98, .97), rgba(10, 38, 64, .97)) !important;
  border-color: rgba(186, 231, 252, .52) !important;
}

@media (min-width: 768px) and (max-width: 1366px) {
  .section-sidebar {
    width: min(22vw, 228px) !important;
    min-width: 198px !important;
    max-width: 228px !important;
  }
}
@media (max-width: 767px) {
  .section-sidebar {
    width: min(54vw, 214px) !important;
    min-width: 184px !important;
    max-width: 214px !important;
    padding: .28rem !important;
  }
  .section-sidebar .sidebar-group-heading.sidebar-group-toggle,
  .section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle,
  .section-sidebar .discovery-group > .sidebar-group-heading.sidebar-group-toggle,
  .section-sidebar .evidence-analysis-group > .sidebar-group-heading.sidebar-group-toggle,
  .section-sidebar .forward-outlook-group > .sidebar-group-heading.sidebar-group-toggle,
  .section-sidebar .verify-group > .sidebar-group-heading.sidebar-group-toggle {
    min-height: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    padding: .36rem .46rem !important;
  }
}
@media (max-width: 390px) {
  .section-sidebar {
    width: min(56vw, 202px) !important;
    min-width: 176px !important;
    max-width: 202px !important;
  }
}

/* Tablet-class touch screens get the complete brand identity and a disciplined
   two-column control block.  min-height prevents phone-landscape from being
   mistaken for a tablet. */
@media (min-width: 600px) and (min-height: 600px) and (max-width: 1366px) and (pointer: coarse) {
  .topbar-inner {
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) minmax(360px, 430px) !important;
    align-items: center !important;
    gap: .42rem !important;
    padding-top: .42rem !important;
    padding-bottom: .42rem !important;
  }
  .brand-wrap {
    display: grid !important;
    grid-template-columns: 34px 36px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .34rem !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .section-menu-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
  }
  .section-menu-btn > span:last-child { display: none !important; }
  .topbar .brand-logo {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }
  .topbar .brand-copy,
  body.smart-header-compact .topbar .brand-copy {
    display: grid !important;
    gap: .10rem !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }
  .topbar .brand-line,
  body.smart-header-compact .topbar .brand-line {
    display: flex !important;
    align-items: center !important;
    gap: .34rem !important;
    min-width: 0 !important;
  }
  .topbar .brand,
  body.smart-header-compact .topbar .brand {
    display: block !important;
    font-size: clamp(.94rem, .86rem + .25vw, 1.08rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .topbar .workspace-badge,
  body.smart-header-compact .topbar .workspace-badge {
    display: inline-flex !important;
    font-size: .54rem !important;
    line-height: 1 !important;
    padding: .22rem .34rem !important;
    white-space: nowrap !important;
  }
  .topbar .tagline,
  .topbar .brand-copy .tagline,
  body.smart-header-compact .topbar .tagline {
    display: block !important;
    font-size: .66rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .top-actions {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: end !important;
  }
  .header-command-group {
    display: grid !important;
    grid-template-columns: 150px minmax(200px, 1fr) !important;
    gap: .34rem !important;
    align-items: start !important;
    width: min(100%, 430px) !important;
    margin-left: auto !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    display: grid !important;
    grid-template-areas:
      "alert watch"
      ". data" !important;
    grid-template-columns: 22px 124px !important;
    grid-template-rows: 40px 26px !important;
    column-gap: 4px !important;
    row-gap: 3px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    align-items: center !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    grid-area: watch !important;
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: .22rem .34rem !important;
    gap: .24rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .69rem !important; }
  .watchlist-header-btn .radar-center-copy small { display: block !important; font-size: .53rem !important; }
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    grid-area: data !important;
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: .14rem .26rem !important;
    font-size: .58rem !important;
  }
  .watch-alert-header-notice {
    grid-area: alert !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .header-control-stack {
    display: grid !important;
    grid-template-rows: 40px 26px !important;
    row-gap: 3px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .header-language-control select {
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    font-size: .88rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: .24rem !important;
    width: 100% !important;
  }
  .header-first-use-launch.first-use-launch {
    width: 100% !important;
    max-width: none !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: .14rem .34rem !important;
    font-size: .62rem !important;
  }
  .guided-tips-controls { gap: .18rem !important; }
  .header-control-stack .guided-tips-toggle {
    min-height: 26px !important;
    height: 26px !important;
    padding: .12rem .34rem !important;
    font-size: .62rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
  }
}

/* Phone header: menu/logo remain on the left; all market controls are a tidy,
   right-aligned two-column block with a permanently reserved alert lane. */
@media (max-width: 767px) {
  .topbar-inner {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .22rem !important;
    padding: .34rem .42rem !important;
  }
  .brand-wrap {
    display: grid !important;
    grid-template-columns: 32px 34px !important;
    width: 70px !important;
    gap: .18rem !important;
    align-items: center !important;
  }
  .brand-copy { display: none !important; }
  .section-menu-btn {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
  }
  .topbar .brand-logo {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }
  .top-actions {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: end !important;
  }
  .header-command-group {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    gap: .20rem !important;
    width: min(100%, 300px) !important;
    max-width: 300px !important;
    margin-left: auto !important;
    align-items: start !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    display: grid !important;
    grid-template-areas:
      "alert watch"
      ". data" !important;
    grid-template-columns: 18px 78px !important;
    grid-template-rows: 36px 22px !important;
    column-gap: 4px !important;
    row-gap: 3px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    align-items: center !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    grid-area: watch !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: .16rem .22rem !important;
    gap: .12rem !important;
  }
  .watchlist-header-btn .radar-center-icon { display: none !important; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .64rem !important; line-height: 1 !important; }
  .watchlist-header-btn .radar-center-copy small { display: none !important; }
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    grid-area: data !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: .10rem .16rem !important;
    font-size: .54rem !important;
  }
  .watch-alert-header-notice {
    grid-area: alert !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .watch-alert-header-notice .watch-alert-symbol { font-size: .58rem !important; }
  .header-control-stack {
    display: grid !important;
    grid-template-rows: 34px 24px !important;
    row-gap: 3px !important;
    width: 100% !important;
    max-width: none !important;
  }
  .header-language-control select {
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    font-size: .92rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .18rem !important;
    width: 100% !important;
  }
  .header-first-use-launch.first-use-launch {
    width: 100% !important;
    max-width: none !important;
    min-height: 24px !important;
    height: 24px !important;
    padding: .10rem .24rem !important;
    font-size: .58rem !important;
  }
  .guided-tips-controls { gap: .14rem !important; }
  .header-control-stack .guided-tips-toggle {
    min-height: 24px !important;
    height: 24px !important;
    padding: .08rem .24rem !important;
    font-size: .58rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    font-size: .64rem !important;
  }
}

@media (max-width: 390px) {
  .topbar-inner { grid-template-columns: 66px minmax(0,1fr) !important; padding-inline: .32rem !important; }
  .brand-wrap { grid-template-columns: 30px 32px !important; width: 66px !important; }
  .section-menu-btn { width: 30px !important; min-width: 30px !important; height: 30px !important; min-height: 30px !important; }
  .topbar .brand-logo { width: 32px !important; min-width: 32px !important; height: 32px !important; }
  .header-command-group { grid-template-columns: 94px minmax(0,1fr) !important; gap: .16rem !important; }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
    grid-template-columns: 17px 73px !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn,
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 73px !important;
    min-width: 73px !important;
    max-width: 73px !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r11 — Intelligence Rail workspace redesign.
   Professional futuristic navigation treatment: calm dark rail, restrained
   category accents, consistent geometry, slimmer drawer, and light-blue shell.
   ========================================================================== */

/* Professional faded light-blue shell with a dark intelligence-navigation core. */
.evidence-workspace {
  grid-template-columns: 236px minmax(0,1fr) !important;
}
.section-sidebar {
  width: 236px !important;
  min-width: 236px !important;
  max-width: 236px !important;
  padding: .38rem !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(180,224,245,.92), rgba(137,194,223,.88)) !important;
  border: 1px solid rgba(224,245,255,.92) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px) saturate(118%) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
}
.section-sidebar .sidebar-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: .4rem !important;
  padding: .56rem .62rem !important;
  margin-bottom: .32rem !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(16,46,73,.97), rgba(9,28,50,.98)) !important;
  border: 1px solid rgba(147,216,247,.34) !important;
  box-shadow: inset 0 -1px 0 rgba(117,203,247,.14) !important;
}
.section-sidebar .sidebar-head strong {
  color: #eaf8ff !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
.section-sidebar .sidebar-head small {
  display: block !important;
  margin-top: .1rem !important;
  color: rgba(197,229,244,.92) !important;
  font-size: .63rem !important;
  line-height: 1.2 !important;
}
.section-sidebar .sidebar-close-btn {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, rgba(13,34,58,.98), rgba(8,22,43,.98)) !important;
  border: 1px solid rgba(122,187,220,.30) !important;
  color: #d7eeff !important;
}

/* A single navigation language: color identifies categories as a restrained accent. */
.section-sidebar .sidebar-group {
  --nav-accent: #6ddcff;
  --nav-accent-soft: rgba(109,220,255,.22);
  margin-top: .30rem !important;
  padding: .16rem !important;
  border: 1px solid rgba(92,140,174,.18) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, rgba(14,35,58,.14), rgba(9,26,44,.07)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.section-sidebar .discovery-group { --nav-accent:#58d8cf; --nav-accent-soft:rgba(88,216,207,.24); }
.section-sidebar .watchlist-group { --nav-accent:#e7c75b; --nav-accent-soft:rgba(231,199,91,.22); }
.section-sidebar .evidence-analysis-group { --nav-accent:#6cc7ff; --nav-accent-soft:rgba(108,199,255,.23); }
.section-sidebar .forward-outlook-group { --nav-accent:#bb96ff; --nav-accent-soft:rgba(187,150,255,.23); }
.section-sidebar .verify-group { --nav-accent:#3fc8bd; --nav-accent-soft:rgba(63,200,189,.23); }

.section-sidebar .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle,
.section-sidebar .discovery-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .evidence-analysis-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .forward-outlook-group > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .verify-group > .sidebar-group-heading.sidebar-group-toggle {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  column-gap: .44rem !important;
  min-height: 42px !important;
  height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: .46rem .62rem !important;
  border-radius: 10px !important;
  border: 1px solid rgba(121,167,196,.26) !important;
  background: linear-gradient(180deg, rgba(16,41,66,.96), rgba(11,29,49,.98)) !important;
  box-shadow: inset 3px 0 0 var(--nav-accent), 0 7px 16px rgba(0,0,0,.11) !important;
  overflow: hidden !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle::after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--nav-accent-soft), rgba(255,255,255,0));
  opacity:.52;
  pointer-events:none;
}
.section-sidebar .sidebar-group.is-expanded > .sidebar-group-heading.sidebar-group-toggle,
.section-sidebar .sidebar-group.is-expanded > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle {
  border-color: rgba(166,228,255,.44) !important;
  box-shadow: inset 3px 0 0 var(--nav-accent), 0 10px 24px rgba(0,0,0,.18), 0 0 0 1px rgba(255,255,255,.05) !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > strong,
.section-sidebar .sidebar-group-heading.sidebar-group-toggle .monitor-premium-copy > strong {
  position:relative !important;
  z-index:1 !important;
  color:#f4fbff !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.065em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-transform:uppercase !important;
}
.section-sidebar .sidebar-group-heading.sidebar-group-toggle > small,
.section-sidebar .sidebar-group-heading.sidebar-group-toggle .monitor-premium-copy > small {
  display:none !important;
}
.sidebar-group-chevron {
  position:relative !important;
  z-index:1 !important;
  color:rgba(228,246,255,.92) !important;
  font-size:.68rem !important;
}

/* Monitor keeps a gold identity but no longer becomes a large gold card. */
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle {
  grid-template-columns:22px minmax(0,1fr) auto !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle > .monitor-premium-copy {
  display:block !important;
  min-width:0 !important;
}
.section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle > .monitor-premium-copy > strong {
  color:#fff4c9 !important;
}
.section-sidebar .watchlist-group .monitor-premium-icon {
  position:relative !important;
  z-index:1 !important;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#f6dc72 !important;
  border:1px solid rgba(246,220,114,.46) !important;
  background:rgba(246,220,114,.10) !important;
  font-size:.6rem !important;
}

/* Expanded destinations read as navigation, not nested colorful cards. */
.section-sidebar .sidebar-group > .sidebar-nav-list {
  display:none !important;
  gap:.16rem !important;
  margin-top:.20rem !important;
}
.section-sidebar .sidebar-group.is-expanded > .sidebar-nav-list {
  display:grid !important;
}
.section-sidebar .sidebar-nav-item,
.section-sidebar .sidebar-nav-item.tab,
.section-sidebar .watchlist-nav-item.sidebar-nav-item,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:not(.active),
.section-sidebar .verify-group .sidebar-nav-item.tab,
.section-sidebar .verify-group .sidebar-nav-item.tab:not(.active) {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:.46rem !important;
  min-height:36px !important;
  padding:.42rem .58rem !important;
  border-radius:9px !important;
  border:1px solid rgba(131,177,207,.18) !important;
  background:rgba(7,25,44,.66) !important;
  color:#d9efff !important;
  box-shadow:none !important;
  text-align:left !important;
}
.section-sidebar .sidebar-group .sidebar-nav-item .sidebar-nav-icon,
.section-sidebar .watchlist-nav-item.sidebar-nav-item .sidebar-nav-icon,
.section-sidebar .verify-group .sidebar-nav-item.tab .sidebar-nav-icon {
  color:var(--nav-accent) !important;
  font-size:.78rem !important;
  width:.95rem !important;
  min-width:.95rem !important;
  display:inline-flex !important;
  justify-content:center !important;
}
.section-sidebar .sidebar-group .sidebar-nav-item:hover,
.section-sidebar .sidebar-group .sidebar-nav-item:focus-visible,
.section-sidebar .sidebar-group .sidebar-nav-item.active,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible,
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color:rgba(170,226,252,.42) !important;
  background:linear-gradient(90deg, rgba(22,55,85,.90), rgba(12,34,60,.95)) !important;
  color:#fff !important;
  box-shadow:inset 3px 0 0 var(--nav-accent), 0 6px 14px rgba(0,0,0,.13) !important;
}

/* Verify remains dark teal, but follows the same geometry and hierarchy. */
.section-sidebar .verify-group {
  background:linear-gradient(180deg, rgba(8,58,62,.15), rgba(6,39,44,.08)) !important;
  border-color:rgba(63,200,189,.22) !important;
}
.section-sidebar .verify-group > .sidebar-group-heading.verify-heading.sidebar-group-toggle {
  background:linear-gradient(180deg, rgba(12,58,70,.97), rgba(8,38,49,.98)) !important;
  border-color:rgba(63,200,189,.30) !important;
}

/* Device sizing: compact enough to preserve content, wide enough for legibility. */
@media (min-width:768px) and (max-width:1023px) {
  .evidence-workspace { grid-template-columns:224px minmax(0,1fr) !important; }
  .section-sidebar {
    width:min(30vw,224px) !important;
    min-width:202px !important;
    max-width:224px !important;
  }
}
@media (max-width:767px) {
  .section-sidebar {
    width:min(62vw,212px) !important;
    min-width:188px !important;
    max-width:212px !important;
    padding:.32rem !important;
  }
  .section-sidebar .sidebar-head { padding:.48rem .52rem !important; }
  .section-sidebar .sidebar-head strong { font-size:.78rem !important; }
  .section-sidebar .sidebar-head small { font-size:.59rem !important; }
}
@media (max-width:390px) {
  .section-sidebar {
    width:min(60vw,204px) !important;
    min-width:180px !important;
    max-width:204px !important;
  }
  .section-sidebar .sidebar-group-heading.sidebar-group-toggle,
  .section-sidebar .watchlist-group > .sidebar-group-heading.monitor-premium-heading.sidebar-group-toggle {
    min-height:40px !important;
    height:40px !important;
    max-height:40px !important;
    padding:.40rem .52rem !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r12 — sticky stack stabilization,
   category/sub-category hierarchy, and page-start navigation correction.
   ========================================================================== */

/* Keep the active content location stable while switching Workspace pages. */
#activeSectionBanner,
.section-content,
.tab-panel {
  overflow-anchor: none !important;
}

/* r12 sub-category hierarchy: light surfaces correspond to each main-category
   accent so destinations are visually distinct from the dark category rails. */
.section-sidebar .discovery-group .sidebar-nav-item,
.section-sidebar .discovery-group .sidebar-nav-item.tab {
  background: linear-gradient(90deg, rgba(218, 250, 247, .96), rgba(190, 239, 235, .90)) !important;
  border-color: rgba(88, 216, 207, .54) !important;
  color: #123f46 !important;
}
.section-sidebar .watchlist-group .sidebar-nav-item,
.section-sidebar .watchlist-group .sidebar-nav-item.tab,
.section-sidebar .watchlist-group .watchlist-nav-item.sidebar-nav-item,
.section-sidebar .watchlist-group .watchlist-nav-item.sidebar-nav-item:not(.active) {
  background: linear-gradient(90deg, rgba(255, 247, 213, .97), rgba(246, 229, 165, .92)) !important;
  border-color: rgba(231, 199, 91, .58) !important;
  color: #4d3b0c !important;
}
.section-sidebar .evidence-analysis-group .sidebar-nav-item,
.section-sidebar .evidence-analysis-group .sidebar-nav-item.tab {
  background: linear-gradient(90deg, rgba(224, 245, 255, .97), rgba(195, 229, 250, .92)) !important;
  border-color: rgba(108, 199, 255, .52) !important;
  color: #173f5b !important;
}
.section-sidebar .forward-outlook-group .sidebar-nav-item,
.section-sidebar .forward-outlook-group .sidebar-nav-item.tab {
  background: linear-gradient(90deg, rgba(242, 234, 255, .97), rgba(221, 205, 252, .92)) !important;
  border-color: rgba(187, 150, 255, .54) !important;
  color: #443260 !important;
}
.section-sidebar .verify-group .sidebar-nav-item,
.section-sidebar .verify-group .sidebar-nav-item.tab,
.section-sidebar .verify-group .sidebar-nav-item.tab:not(.active) {
  background: linear-gradient(90deg, rgba(222, 249, 245, .97), rgba(189, 232, 226, .92)) !important;
  border-color: rgba(63, 200, 189, .50) !important;
  color: #154942 !important;
}

/* Keep category icon identity on the lighter destination rows. */
.section-sidebar .sidebar-group .sidebar-nav-item .sidebar-nav-icon {
  color: var(--nav-accent) !important;
  filter: saturate(1.12) contrast(1.05) !important;
}

/* Active/hover destinations keep the light family but gain a precise accent
   rail rather than falling back to the dark main-category treatment. */
.section-sidebar .sidebar-group .sidebar-nav-item:hover,
.section-sidebar .sidebar-group .sidebar-nav-item:focus-visible,
.section-sidebar .sidebar-group .sidebar-nav-item.active {
  color: #0b2437 !important;
  box-shadow: inset 3px 0 0 var(--nav-accent), 0 6px 14px rgba(0,0,0,.13) !important;
  filter: brightness(1.035) saturate(1.04) !important;
}
.section-sidebar .discovery-group .sidebar-nav-item:hover,
.section-sidebar .discovery-group .sidebar-nav-item:focus-visible,
.section-sidebar .discovery-group .sidebar-nav-item.active {
  background: linear-gradient(90deg, rgba(229, 255, 252, .99), rgba(201, 245, 241, .96)) !important;
}
.section-sidebar .watchlist-group .sidebar-nav-item:hover,
.section-sidebar .watchlist-group .sidebar-nav-item:focus-visible,
.section-sidebar .watchlist-group .sidebar-nav-item.active {
  background: linear-gradient(90deg, rgba(255, 251, 229, .99), rgba(250, 236, 184, .96)) !important;
}
.section-sidebar .evidence-analysis-group .sidebar-nav-item:hover,
.section-sidebar .evidence-analysis-group .sidebar-nav-item:focus-visible,
.section-sidebar .evidence-analysis-group .sidebar-nav-item.active {
  background: linear-gradient(90deg, rgba(235, 250, 255, .99), rgba(207, 236, 253, .96)) !important;
}
.section-sidebar .forward-outlook-group .sidebar-nav-item:hover,
.section-sidebar .forward-outlook-group .sidebar-nav-item:focus-visible,
.section-sidebar .forward-outlook-group .sidebar-nav-item.active {
  background: linear-gradient(90deg, rgba(248, 243, 255, .99), rgba(229, 216, 255, .96)) !important;
}
.section-sidebar .verify-group .sidebar-nav-item:hover,
.section-sidebar .verify-group .sidebar-nav-item:focus-visible,
.section-sidebar .verify-group .sidebar-nav-item.active {
  background: linear-gradient(90deg, rgba(234, 255, 252, .99), rgba(202, 240, 234, .96)) !important;
}

/* Ensure the complete third sticky row always clears the measured Search
   Command row once the deterministic r12 sticky state is active. */
body.sticky-selection-active .asset-hero,
body.sticky-selection-active.market-pulse-active .asset-hero,
body.sticky-selection-active.discover-active .asset-hero {
  top: var(--sticky-asset-top, calc(var(--sticky-topbar-bottom) + var(--sticky-search-height) + 8px)) !important;
  z-index: calc(var(--me-z-sticky) + 6) !important;
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r13 — tablet landscape brand/control alignment.
   Restores the full Market Evidence lockup and imposes a deterministic
   two-row control grid for mid-size/tablet viewports regardless of pointer
   reporting (important for Samsung DeX / tablet browsers that expose a fine
   pointer even though the physical device is a tablet).
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1366px) {
  .topbar-inner {
    display: grid !important;
    align-items: center !important;
    gap: .48rem !important;
    padding-top: .42rem !important;
    padding-bottom: .42rem !important;
  }
  .brand-wrap {
    display: grid !important;
    grid-template-columns: 34px 38px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .34rem !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .section-menu-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
  }
  .section-menu-btn > span:last-child { display: none !important; }
  .topbar .brand-logo {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }
  .topbar .brand-copy,
  body.smart-header-compact .topbar .brand-copy {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: .10rem !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .topbar .brand-line,
  body.smart-header-compact .topbar .brand-line {
    display: flex !important;
    align-items: center !important;
    gap: .34rem !important;
    min-width: 0 !important;
  }
  .topbar .brand,
  body.smart-header-compact .topbar .brand {
    display: block !important;
    font-size: clamp(1.02rem, .96rem + .20vw, 1.16rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .topbar .workspace-badge,
  body.smart-header-compact .topbar .workspace-badge {
    display: inline-flex !important;
    align-items: center !important;
    font-size: .56rem !important;
    line-height: 1 !important;
    padding: .22rem .34rem !important;
    white-space: nowrap !important;
  }
  .topbar .tagline,
  .topbar .brand-copy .tagline,
  body.smart-header-compact .topbar .tagline,
  body.smart-header-compact .topbar .brand-copy .tagline {
    display: block !important;
    margin: 0 !important;
    font-size: .68rem !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .topbar #installBtn { display: none !important; }
  .top-actions {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: end !important;
  }
  .header-command-group {
    display: grid !important;
    align-items: start !important;
    justify-content: end !important;
    width: 100% !important;
    margin-left: auto !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    display: grid !important;
    grid-template-areas:
      "alert watch"
      ". data" !important;
    align-items: center !important;
    justify-content: end !important;
    column-gap: 4px !important;
    row-gap: 3px !important;
    padding: 0 !important;
  }
  .watch-alert-header-notice {
    position: relative !important;
    grid-area: alert !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    grid-area: watch !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: .22rem .36rem !important;
    gap: .24rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .70rem !important; line-height: 1 !important; }
  .watchlist-header-btn .radar-center-copy small { display: block !important; font-size: .54rem !important; line-height: 1 !important; }
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    grid-area: data !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: .12rem .26rem !important;
    font-size: .58rem !important;
    text-align: center !important;
  }
  .header-control-stack {
    display: grid !important;
    grid-template-rows: 40px 25px !important;
    row-gap: 3px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .header-language-control select {
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    font-size: .90rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .22rem !important;
    width: 100% !important;
  }
  .header-first-use-launch.first-use-launch {
    width: 100% !important;
    max-width: none !important;
    min-height: 25px !important;
    height: 25px !important;
    padding: .12rem .32rem !important;
    font-size: .62rem !important;
    white-space: nowrap !important;
  }
  .guided-tips-controls { gap: .16rem !important; }
  .header-control-stack .guided-tips-toggle {
    min-height: 25px !important;
    height: 25px !important;
    padding: .10rem .32rem !important;
    font-size: .62rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .topbar-inner {
    grid-template-columns: minmax(300px, 1fr) minmax(390px, 425px) !important;
  }
  .header-command-group {
    grid-template-columns: 144px minmax(238px, 1fr) !important;
    max-width: 425px !important;
    gap: .28rem !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    grid-template-columns: 20px 120px !important;
    grid-template-rows: 40px 25px !important;
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn,
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }
  .watch-alert-header-notice {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
  }
  .topbar .tagline,
  .topbar .brand-copy .tagline,
  body.smart-header-compact .topbar .tagline { font-size: .64rem !important; }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .topbar-inner {
    grid-template-columns: minmax(430px, 1fr) 478px !important;
  }
  .brand-wrap { grid-template-columns: 36px 40px minmax(0, 1fr) !important; }
  .section-menu-btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  .topbar .brand-logo {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }
  .topbar .brand,
  body.smart-header-compact .topbar .brand { font-size: 1.12rem !important; }
  .topbar .tagline,
  .topbar .brand-copy .tagline,
  body.smart-header-compact .topbar .tagline { font-size: .70rem !important; }
  .header-command-group {
    grid-template-columns: 156px 314px !important;
    max-width: 478px !important;
    gap: 8px !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    grid-template-columns: 22px 130px !important;
    grid-template-rows: 40px 25px !important;
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn,
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }
  .watch-alert-header-notice {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
  }
  .header-control-stack {
    width: 314px !important;
    min-width: 314px !important;
    max-width: 314px !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r14 — extended tablet-landscape header band.
   Some Samsung tablet/DeX/browser combinations expose a CSS viewport wider
   than 1366px in landscape. r13 therefore never entered its tablet header
   grid at those widths. r14 extends the deterministic brand/control layout
   through 1700px so the full brand lockup and organized right control block
   apply consistently in landscape and portrait tablet browser modes.
   ========================================================================== */

@media (min-width: 1367px) and (max-width: 1700px) {
  .topbar-inner {
    display: grid !important;
    grid-template-columns: minmax(560px, 1fr) 512px !important;
    align-items: center !important;
    gap: .70rem !important;
    padding-top: .44rem !important;
    padding-bottom: .44rem !important;
  }

  .brand-wrap {
    display: grid !important;
    grid-template-columns: 38px 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .38rem !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .section-menu-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
  }
  .section-menu-btn > span:last-child { display: none !important; }
  .topbar .brand-logo {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
  .topbar .brand-copy,
  body.smart-header-compact .topbar .brand-copy {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: .12rem !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .topbar .brand-line,
  body.smart-header-compact .topbar .brand-line {
    display: flex !important;
    align-items: center !important;
    gap: .40rem !important;
    min-width: 0 !important;
  }
  .topbar .brand,
  body.smart-header-compact .topbar .brand {
    display: block !important;
    font-size: 1.14rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .topbar .workspace-badge,
  body.smart-header-compact .topbar .workspace-badge {
    display: inline-flex !important;
    align-items: center !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    padding: .22rem .36rem !important;
    white-space: nowrap !important;
  }
  .topbar .tagline,
  .topbar .brand-copy .tagline,
  body.smart-header-compact .topbar .tagline,
  body.smart-header-compact .topbar .brand-copy .tagline {
    display: block !important;
    margin: 0 !important;
    font-size: .71rem !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .topbar #installBtn { display: none !important; }

  .top-actions {
    display: block !important;
    width: 512px !important;
    min-width: 512px !important;
    max-width: 512px !important;
    justify-self: end !important;
    align-self: center !important;
  }
  .header-command-group {
    display: grid !important;
    grid-template-columns: 164px 340px !important;
    align-items: start !important;
    justify-content: end !important;
    width: 512px !important;
    min-width: 512px !important;
    max-width: 512px !important;
    gap: 8px !important;
    margin-left: auto !important;
  }

  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert {
    display: grid !important;
    grid-template-areas:
      "alert watch"
      ". data" !important;
    grid-template-columns: 22px 138px !important;
    grid-template-rows: 42px 27px !important;
    align-items: center !important;
    justify-content: end !important;
    column-gap: 4px !important;
    row-gap: 4px !important;
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
    padding: 0 !important;
  }
  .watch-alert-header-notice {
    position: relative !important;
    grid-area: alert !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .watchlist-header-slot .watchlist-header-btn,
  .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    grid-area: watch !important;
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: .22rem .38rem !important;
    gap: .26rem !important;
  }
  .watchlist-header-btn .radar-center-copy strong {
    font-size: .72rem !important;
    line-height: 1 !important;
  }
  .watchlist-header-btn .radar-center-copy small {
    display: block !important;
    font-size: .55rem !important;
    line-height: 1 !important;
  }
  .watchlist-market-data.demo-pill,
  .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    grid-area: data !important;
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: .12rem .28rem !important;
    font-size: .59rem !important;
    justify-self: end !important;
    text-align: center !important;
  }

  .header-control-stack {
    display: grid !important;
    grid-template-rows: 42px 27px !important;
    row-gap: 4px !important;
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
  }
  .header-language-control select {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    font-size: .92rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .24rem !important;
    width: 100% !important;
  }
  .header-first-use-launch.first-use-launch {
    width: 100% !important;
    max-width: none !important;
    min-height: 27px !important;
    height: 27px !important;
    padding: .12rem .34rem !important;
    font-size: .64rem !important;
    white-space: nowrap !important;
  }
  .guided-tips-controls { gap: .18rem !important; }
  .header-control-stack .guided-tips-toggle {
    min-height: 27px !important;
    height: 27px !important;
    padding: .10rem .34rem !important;
    font-size: .64rem !important;
  }
  .header-control-stack .guided-tip-replay {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
  }
}


/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r15 — browser-shell viewport stabilization.
   Browser chrome reduces/changes the visual viewport independently of the
   installed PWA. Tablet landscape branding no longer requires a 600px content
   height, and Selected Asset uses the Search Command's measured bottom edge.
   ========================================================================== */

/* Keep the third row below the actual rendered Search Command edge. The JS
   updates --sticky-asset-top on scroll, resize, visualViewport changes,
   orientation changes, pageshow, font settlement, and tab restoration. */
body.sticky-selection-active .asset-hero,
body.sticky-selection-active.market-pulse-active .asset-hero,
body.sticky-selection-active.discover-active .asset-hero {
  top: var(--sticky-asset-top, calc(var(--sticky-topbar-bottom) + var(--sticky-search-height) + 8px)) !important;
}

/* Browser landscape can have a short CSS viewport because tab/address bars
   consume vertical space. These brand/control rules intentionally rely on
   width, not a minimum viewport height. */
@media (min-width: 768px) and (max-width: 1700px) and (orientation: landscape) {
  .topbar .brand-copy,
  body.smart-header-compact .topbar .brand-copy {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  .topbar .tagline,
  .topbar .brand-copy .tagline,
  body.smart-header-compact .topbar .tagline,
  body.smart-header-compact .topbar .brand-copy .tagline {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .topbar .workspace-badge,
  body.smart-header-compact .topbar .workspace-badge {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .header-command-group {
    align-items: start !important;
  }
  .watchlist-header-slot.top-center-radar,
  .watchlist-header-slot.top-center-radar.has-watch-alert,
  .header-control-stack {
    align-self: start !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r16 — Spanish header localization fit.
   Spanish header labels are materially longer than their English equivalents.
   Keep the words readable and inside their controls by giving the localized
   header a little more room, reducing decorative letter spacing, and allowing
   controlled two-line wrapping where needed. The English geometry is unchanged.
   ========================================================================== */

html[lang="es"] .watchlist-header-btn,
html[lang="es"] .watchlist-market-data.demo-pill,
html[lang="es"] .header-first-use-launch.first-use-launch,
html[lang="es"] .header-control-stack .guided-tips-toggle,
html[lang="es"] .header-control-stack .guided-tip-replay {
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html[lang="es"] .watchlist-header-btn .radar-center-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
}
html[lang="es"] .watchlist-header-btn .radar-center-copy strong {
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  letter-spacing: .01em !important;
  text-align: center !important;
}
html[lang="es"] .watchlist-market-data.demo-pill {
  letter-spacing: .025em !important;
  line-height: 1 !important;
  text-align: center !important;
  justify-content: center !important;
}
html[lang="es"] .header-first-use-launch.first-use-launch {
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  justify-content: center !important;
}
html[lang="es"] .header-first-use-launch.first-use-launch > span:last-child {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
html[lang="es"] .header-control-stack .guided-tips-toggle {
  letter-spacing: 0 !important;
  justify-content: center !important;
}
html[lang="es"] .guided-tips-toggle-label,
html[lang="es"] .guided-tips-toggle-state {
  white-space: nowrap !important;
}

/* Tablet / mid-size Spanish header. The extra width is taken from unused
   brand-side whitespace rather than shrinking the translated words. */
@media (min-width: 1024px) and (max-width: 1700px) {
  html[lang="es"] .topbar-inner {
    grid-template-columns: minmax(410px, 1fr) 548px !important;
  }
  html[lang="es"] .top-actions {
    width: 548px !important;
    min-width: 548px !important;
    max-width: 548px !important;
  }
  html[lang="es"] .header-command-group {
    grid-template-columns: 180px 360px !important;
    width: 548px !important;
    min-width: 548px !important;
    max-width: 548px !important;
    gap: 8px !important;
  }
  html[lang="es"] .watchlist-header-slot.top-center-radar,
  html[lang="es"] .watchlist-header-slot.top-center-radar.has-watch-alert {
    grid-template-columns: 22px 154px !important;
    grid-template-rows: 44px 31px !important;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    column-gap: 4px !important;
    row-gap: 4px !important;
  }
  html[lang="es"] .watchlist-header-slot .watchlist-header-btn,
  html[lang="es"] .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: .18rem .28rem !important;
  }
  html[lang="es"] .watchlist-header-btn .radar-center-copy strong {
    font-size: .64rem !important;
    line-height: .94 !important;
  }
  html[lang="es"] .watchlist-header-btn .radar-center-copy small {
    font-size: .50rem !important;
    line-height: 1 !important;
  }
  html[lang="es"] .watchlist-market-data.demo-pill,
  html[lang="es"] .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: .10rem .18rem !important;
    font-size: .54rem !important;
    white-space: normal !important;
  }
  html[lang="es"] .header-control-stack {
    grid-template-rows: 44px 31px !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    row-gap: 4px !important;
  }
  html[lang="es"] .header-language-control select {
    height: 44px !important;
    min-height: 44px !important;
  }
  html[lang="es"] .header-guidance-row.market-data-tip-stack {
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 4px !important;
  }
  html[lang="es"] .header-first-use-launch.first-use-launch {
    height: 31px !important;
    min-height: 31px !important;
    padding: .08rem .20rem !important;
    font-size: .57rem !important;
    white-space: normal !important;
  }
  html[lang="es"] .guided-tips-controls {
    display: grid !important;
    grid-template-columns: 87px 29px !important;
    gap: 4px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }
  html[lang="es"] .header-control-stack .guided-tips-toggle {
    width: 87px !important;
    min-width: 87px !important;
    max-width: 87px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: .06rem .14rem !important;
    font-size: .54rem !important;
  }
  html[lang="es"] .header-control-stack .guided-tip-replay {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 31px !important;
    min-height: 31px !important;
  }
}

/* Narrow tablet portrait / compact browser Spanish header. */
@media (min-width: 768px) and (max-width: 1023px) {
  html[lang="es"] .topbar-inner {
    grid-template-columns: minmax(290px, 1fr) 430px !important;
  }
  html[lang="es"] .top-actions {
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
  }
  html[lang="es"] .header-command-group {
    grid-template-columns: 150px 272px !important;
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    gap: 8px !important;
  }
  html[lang="es"] .watchlist-header-slot.top-center-radar,
  html[lang="es"] .watchlist-header-slot.top-center-radar.has-watch-alert {
    grid-template-columns: 20px 126px !important;
    grid-template-rows: 42px 29px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    column-gap: 4px !important;
    row-gap: 4px !important;
  }
  html[lang="es"] .watchlist-header-slot .watchlist-header-btn,
  html[lang="es"] .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: .16rem .20rem !important;
  }
  html[lang="es"] .watchlist-header-btn .radar-center-copy strong {
    font-size: .58rem !important;
    line-height: .92 !important;
  }
  html[lang="es"] .watchlist-market-data.demo-pill,
  html[lang="es"] .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 29px !important;
    min-height: 29px !important;
    padding: .08rem .12rem !important;
    font-size: .49rem !important;
    white-space: normal !important;
  }
  html[lang="es"] .header-control-stack {
    grid-template-rows: 42px 29px !important;
    width: 272px !important;
    min-width: 272px !important;
    max-width: 272px !important;
    row-gap: 4px !important;
  }
  html[lang="es"] .header-language-control select {
    height: 42px !important;
    min-height: 42px !important;
  }
  html[lang="es"] .header-guidance-row.market-data-tip-stack {
    grid-template-columns: minmax(0, 1fr) 108px !important;
    gap: 4px !important;
  }
  html[lang="es"] .header-first-use-launch.first-use-launch {
    height: 29px !important;
    min-height: 29px !important;
    padding: .06rem .16rem !important;
    font-size: .52rem !important;
    line-height: .94 !important;
    white-space: normal !important;
  }
  html[lang="es"] .guided-tips-controls {
    display: grid !important;
    grid-template-columns: 79px 25px !important;
    gap: 4px !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
  }
  html[lang="es"] .header-control-stack .guided-tips-toggle {
    width: 79px !important;
    min-width: 79px !important;
    max-width: 79px !important;
    height: 29px !important;
    min-height: 29px !important;
    padding: .05rem .10rem !important;
    font-size: .49rem !important;
  }
  html[lang="es"] .header-control-stack .guided-tip-replay {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 29px !important;
    min-height: 29px !important;
  }
}

/* Phone Spanish header: keep all translated controls contained without
   enlarging the whole header. */
@media (max-width: 767px) {
  html[lang="es"] .header-command-group {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    width: min(100%, 310px) !important;
    max-width: 310px !important;
    gap: .18rem !important;
  }
  html[lang="es"] .watchlist-header-slot.top-center-radar,
  html[lang="es"] .watchlist-header-slot.top-center-radar.has-watch-alert {
    grid-template-columns: 18px 90px !important;
    grid-template-rows: 38px 26px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
  }
  html[lang="es"] .watchlist-header-slot .watchlist-header-btn,
  html[lang="es"] .watchlist-header-slot.has-watch-alert .watchlist-header-btn {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: .10rem .12rem !important;
  }
  html[lang="es"] .watchlist-header-btn .radar-center-copy strong {
    font-size: .51rem !important;
    line-height: .90 !important;
  }
  html[lang="es"] .watchlist-market-data.demo-pill,
  html[lang="es"] .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: .04rem .08rem !important;
    font-size: .43rem !important;
    white-space: normal !important;
  }
  html[lang="es"] .header-control-stack {
    grid-template-rows: 36px 28px !important;
    row-gap: 3px !important;
  }
  html[lang="es"] .header-language-control select {
    height: 36px !important;
    min-height: 36px !important;
    font-size: .88rem !important;
  }
  html[lang="es"] .header-guidance-row.market-data-tip-stack {
    grid-template-columns: minmax(0, 1fr) 98px !important;
    gap: 4px !important;
  }
  html[lang="es"] .header-first-use-launch.first-use-launch {
    height: 28px !important;
    min-height: 28px !important;
    padding: .04rem .08rem !important;
    font-size: .47rem !important;
    line-height: .90 !important;
    white-space: normal !important;
  }
  html[lang="es"] .guided-tips-controls {
    display: grid !important;
    grid-template-columns: 70px 24px !important;
    gap: 4px !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
  }
  html[lang="es"] .header-control-stack .guided-tips-toggle {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: .03rem .08rem !important;
    font-size: .46rem !important;
  }
  html[lang="es"] .header-control-stack .guided-tip-replay {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 28px !important;
    min-height: 28px !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r17 — Watchlist action label + alignment.
   The priority star action now has a visible Pin/Unpin label, and stacked
   Watchlist action buttons share one fixed icon/text grid so short labels
   such as Remove align with Watch Settings, Open Evidence and Mark Reviewed.
   ========================================================================== */

.watchlist-card-actions .watch-action-pin {
  min-width: 0;
}

@media (max-width: 767px) {
  .watchlist-card-actions .watch-action-btn,
  .watchlist-card-actions .watch-action-btn.watch-action-pin,
  .watchlist-card-actions .watch-action-btn.watch-action-danger {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 164px) !important;
    column-gap: .58rem !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: left !important;
  }

  .watchlist-card-actions .watch-action-btn > .watch-action-icon {
    width: 1.8rem !important;
    height: 1.8rem !important;
    margin: 0 !important;
    justify-self: center !important;
  }

  .watchlist-card-actions .watch-action-btn > span:not(.watch-action-icon) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 390px) {
  .watchlist-card-actions .watch-action-btn,
  .watchlist-card-actions .watch-action-btn.watch-action-pin,
  .watchlist-card-actions .watch-action-btn.watch-action-danger {
    grid-template-columns: 30px minmax(0, 148px) !important;
    column-gap: .5rem !important;
  }
}

/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r20 — Universal GUI Compatibility + First-Load Stability
   Window/capability-driven layout, PWA first-load sticky reconciliation, scroll
   anchoring hardening, and cross-platform reading/interaction safeguards.
   ========================================================================== */
html {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* Sticky rows must never become scroll anchors while their compact geometry is
   changing. This prevents an upward-scroll reflow from pulling the viewport
   back across the same threshold and creating a visible two-row jitter. */
.topbar,
#searchPanel,
.asset-hero,
#stickySelectionSentinel {
  overflow-anchor: none !important;
}

#searchPanel,
#searchPanel .search-grid,
.asset-hero,
.asset-hero > * {
  min-inline-size: 0 !important;
  max-inline-size: 100%;
}

/* Compact/full transitions are state changes, not animations. Avoid interpolated
   row heights because every intermediate height changes the sticky offset. */
body.sticky-selection-active #searchPanel.search-panel.is-stuck,
body.sticky-selection-active .asset-hero {
  transition-property: none !important;
}

/* Installed desktop PWAs have a dedicated resizable app window. When the sticky
   state is active, preserve the exact same compact contract as a browser tab;
   do not depend on browser chrome or pointer type. */
@media (display-mode: standalone) and (min-width: 1024px) {
  body.sticky-selection-active #searchPanel.search-panel.is-stuck::before,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .recent-assets-shell,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .recent-asset-searches,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .notice-row,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid > label > span,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .asset-type-display-field > span {
    display: none !important;
  }
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid input,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid select,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid .asset-type-display,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    height: var(--me-control-h-compact) !important;
    min-height: var(--me-control-h-compact) !important;
  }
}

/* Reflow/readability contracts. 320 CSS px is the WCAG reflow reference width.
   Forms remain at 16 CSS px on compact windows to avoid mobile focus zoom while
   preserving user-controlled page zoom and OS text scaling. */
@media (max-width: 767px) {
  #searchPanel input,
  #searchPanel select,
  #searchPanel textarea,
  dialog input,
  dialog select,
  dialog textarea {
    font-size: max(16px, 1rem) !important;
  }
}

@media (max-width: 359px) {
  .topbar-inner,
  #searchPanel,
  .asset-hero,
  .main-shell,
  .app-shell {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  #searchPanel .search-grid,
  body.sticky-selection-active #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "search" "type" "span" "action" !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #searchPanel,
  .asset-hero,
  .topbar {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}


/* ========================================================================== 
   v2.7.0 Production GUI Hotfix r22 — CLS Flow-Preserving Compaction
   Preserve document-flow coordinates while the sticky header/search/Selected
   Asset rows switch visual density. Dedicated zero-visibility spacers absorb
   the exact compact/full delta in the same task as the state change so main,
   Evidence Workspace, and footer do not jump. Initial desktop footprints also
   reserve room for Recent assets and verified-price metadata before async data
   arrives.
   ========================================================================== */
.layout-flow-compensation {
  display: block !important;
  inline-size: 100% !important;
  block-size: 0;
  min-block-size: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow-anchor: none !important;
  contain: strict;
}

/* Reserve the known asynchronous text/chip footprint only in the expanded
   desktop/laptop state. The compact sticky state remains genuinely compact;
   r22's flow spacers preserve downstream document coordinates. */
@media (min-width: 1024px) {
  body:not(.sticky-selection-active).discover-active #searchPanel .asset-search-field {
    min-block-size: 96px;
  }
  body:not(.sticky-selection-active).discover-active .asset-hero {
    min-block-size: 104px;
  }
  body.sticky-selection-active #searchPanel .asset-search-field,
  body.sticky-selection-active.discover-active .asset-hero {
    min-block-size: 0;
  }
}

/* Flow-compensation changes must never animate; interpolation would recreate
   the very layout movement these spacers are designed to absorb. */
#topbarFlowCompensation,
#stickySearchFlowCompensation,
#stickyAssetFlowCompensation {
  transition: none !important;
  animation: none !important;
}


/* ==========================================================================
   v2.7.0 Production GUI Hotfix r33 — Command Center Right-Aligned Header
   Keep the administrator identity on the left and Language / Legacy diagnostics
   / Return to app anchored to the far right on the same first row. This final
   Command-Center-specific rule intentionally overrides generic mobile header
   wrapping/full-width rules without changing the stable r32 rollback behavior.
   ========================================================================== */
.command-center-body .cc-topbar .topbar-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  column-gap: .5rem !important;
  flex-wrap: nowrap !important;
}
.command-center-body .cc-topbar .brand-wrap {
  min-width: 0 !important;
  width: auto !important;
  overflow: hidden !important;
}
.command-center-body .cc-topbar .brand-wrap > div {
  min-width: 0 !important;
  overflow: hidden !important;
}
.command-center-body .cc-topbar .brand,
.command-center-body .cc-topbar .tagline {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.command-center-body .cc-topbar .cc-top-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  min-width: max-content !important;
  margin-left: auto !important;
  gap: .32rem !important;
}
.command-center-body .cc-topbar .cc-language-control {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
.command-center-body .cc-topbar .cc-language-control select {
  width: auto !important;
  min-width: 108px !important;
}
.command-center-body .cc-topbar .admin-home-link {
  flex: 0 0 auto !important;
  width: auto !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .command-center-body .cc-topbar .topbar-inner {
    grid-template-columns: minmax(48px, 1fr) auto !important;
    padding-inline: .42rem !important;
    gap: .34rem !important;
  }
  .command-center-body .cc-topbar .brand-wrap {
    gap: .3rem !important;
  }
  .command-center-body .cc-topbar .brand-logo {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }
  .command-center-body .cc-topbar .brand { font-size: .72rem !important; }
  .command-center-body .cc-topbar .tagline { font-size: .52rem !important; }
  .command-center-body .cc-topbar .cc-top-actions {
    width: auto !important;
    min-width: max-content !important;
    gap: .24rem !important;
  }
  .command-center-body .cc-topbar .cc-language-control select {
    min-width: 100px !important;
    min-height: 36px !important;
    padding: .3rem 1.4rem .3rem .48rem !important;
  }
  .command-center-body .cc-topbar .admin-home-link {
    min-height: 36px !important;
    padding: .3rem .48rem !important;
    font-size: .62rem !important;
  }
}

@media (max-width: 560px) {
  .command-center-body .cc-topbar .topbar-inner {
    grid-template-columns: minmax(40px, 1fr) auto !important;
    padding-inline: .28rem !important;
    gap: .24rem !important;
  }
  .command-center-body .cc-topbar .brand-logo {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }
  .command-center-body .cc-topbar .brand { font-size: .65rem !important; }
  .command-center-body .cc-topbar .tagline { display: none !important; }
  .command-center-body .cc-topbar .cc-top-actions {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: .18rem !important;
  }
  .command-center-body .cc-topbar .cc-language-control select {
    min-width: 88px !important;
    min-height: 34px !important;
    padding: .26rem 1.15rem .26rem .38rem !important;
    font-size: .7rem !important;
  }
  .command-center-body .cc-topbar .admin-home-link {
    min-height: 34px !important;
    padding: .26rem .36rem !important;
    font-size: .56rem !important;
  }
}

@media (max-width: 420px) {
  .command-center-body .cc-topbar .brand-wrap > div { display: none !important; }
  .command-center-body .cc-topbar .topbar-inner {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .command-center-body .cc-topbar .cc-top-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
  }
  .command-center-body .cc-topbar .cc-language-control select {
    min-width: 82px !important;
  }
  .command-center-body .cc-topbar .admin-home-link {
    padding-inline: .3rem !important;
    font-size: .53rem !important;
  }
}


/* ==========================================================================
   v2.7.0 Production GUI Hotfix r35 — Command Center Brand Identity Repair
   The generic workspace header uses multi-column brand grids at several
   app-window breakpoints. The Command Center brand contains only logo + text,
   so inheriting those grids can place the text into a narrow fixed column.
   Reset the Command Center identity to its own two-item layout and preserve
   the r33 far-right administrator controls.
   ========================================================================== */
.command-center-body .cc-topbar .brand-wrap {
  display: flex !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}
.command-center-body .cc-topbar .brand-wrap > div {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}
.command-center-body .cc-topbar .brand,
.command-center-body .cc-topbar .tagline {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Keep the full Market Evidence identity where the row has room. */
@media (min-width: 768px) {
  .command-center-body .cc-topbar .brand-wrap > div { display: block !important; }
  .command-center-body .cc-topbar .tagline { display: block !important; }
}

/* Tablet / roomy-phone fallback: preserve the full name first, then remove only
   the secondary QA tagline before allowing any clipping. */
@media (min-width: 421px) and (max-width: 767px) {
  .command-center-body .cc-topbar .brand-wrap > div { display: block !important; }
  .command-center-body .cc-topbar .brand { display: block !important; }
  .command-center-body .cc-topbar .tagline { display: none !important; }
}

/* On very narrow portrait phones the three required right-side controls take
   priority; retain the logo rather than truncate the product name. */
@media (max-width: 420px) {
  .command-center-body .cc-topbar .brand-wrap { width: auto !important; }
  .command-center-body .cc-topbar .brand-wrap > div { display: none !important; }
}


/* ==========================================================================
   v2.8.1-r5.2 — Account Header Collision + Landscape Spacing Repair
   Keeps Language and Account in separate deterministic grid tracks and adds
   real spacing above Tips / Help on short landscape browser/PWA viewports.
   ========================================================================== */

/* The Language control previously retained width:100% inside a two-column
   account row. On some browser/PWA viewport calculations that percentage was
   resolved against the full control row, so the select could intrude beneath
   the Account button. Let the grid track own the label width instead. */
.header-account-row {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  align-items:stretch !important;
  column-gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.header-account-row > .header-language-control {
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  align-self:stretch !important;
}
.header-account-row > .header-language-control select {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.header-account-row > .account-header-btn {
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  width:auto !important;
  max-width:132px !important;
  margin:0 !important;
  transform:none !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
  flex:none !important;
}

/* Desktop browser + installed PWA: reserve a stable Account track so the
   button never collapses over the Language selector. */
@media (min-width:768px) {
  .header-account-row {
    grid-template-columns:minmax(0,1fr) minmax(100px,auto) !important;
    column-gap:10px !important;
  }
  .header-account-row > .account-header-btn {
    min-width:100px !important;
    min-height:40px !important;
    padding-inline:.68rem !important;
  }
}

/* Phone/tablet browser + PWA: retain the visible Account label while keeping
   enough room for Language. */
@media (max-width:767px) {
  .header-account-row {
    grid-template-columns:minmax(0,1fr) minmax(72px,auto) !important;
    column-gap:5px !important;
  }
  .header-account-row > .account-header-btn {
    min-width:72px !important;
    max-width:96px !important;
    padding-inline:.38rem !important;
  }
}

/* Short landscape phones/foldables: create a real vertical lane between the
   Language/Account row and First Visit Guide + Tips + Help. This prevents the
   Account glow/border from touching the Tips and question-mark controls. */
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px) {
  .header-control-stack {
    row-gap:6px !important;
  }
  .header-account-row {
    column-gap:6px !important;
  }
  .header-account-row > .account-header-btn {
    min-width:74px !important;
    max-width:96px !important;
    min-height:32px !important;
    height:32px !important;
    padding:.16rem .36rem !important;
  }
  .header-guidance-row.market-data-tip-stack {
    gap:.34rem !important;
  }
  .header-control-stack .guided-tips-controls {
    gap:.20rem !important;
    margin-left:2px !important;
  }
}

/* Very narrow landscape layouts get the same separation without sacrificing
   the Account label. */
@media (orientation:landscape) and (max-height:480px) and (max-width:820px) {
  .header-control-stack {
    row-gap:7px !important;
  }
  .header-account-row {
    grid-template-columns:minmax(0,1fr) minmax(70px,90px) !important;
  }
}

/* ========================================================================== 
   v2.8.1-r5.4 — Compact Header Account Isolation + Founder Code Field Parity
   Fixes the desktop/PWA smart-header compact state so Language and Account
   retain separate tracks after scrolling, and keeps the Founder Beta access
   code control the same height as the other account inputs.
   ========================================================================== */

/* The smart-header compact rule in styles.css narrows the entire controls
   column to ~138px. That was sufficient before Account lived beside Language,
   but it is no longer enough for both controls. Reserve deterministic space
   whenever the desktop compact header is active. */
@media (min-width:1024px) {
  body.smart-header-compact .topbar .header-command-group {
    grid-template-columns:minmax(112px,128px) minmax(224px,260px) !important;
    gap:.42rem !important;
    min-width:0 !important;
  }
  body.smart-header-compact .topbar .header-control-stack {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    justify-items:stretch !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:224px !important;
    max-width:260px !important;
    overflow:visible !important;
  }
  body.smart-header-compact .topbar .header-account-row {
    display:grid !important;
    grid-template-columns:minmax(112px,1fr) minmax(96px,104px) !important;
    align-items:stretch !important;
    column-gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  body.smart-header-compact .topbar .header-account-row > .header-language-control,
  body.smart-header-compact .topbar .header-account-row > .header-language-control select {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  body.smart-header-compact .topbar .header-account-row > .header-language-control select {
    min-height:34px !important;
    height:34px !important;
  }
  body.smart-header-compact .topbar .header-account-row > .account-header-btn {
    position:static !important;
    width:100% !important;
    min-width:96px !important;
    max-width:104px !important;
    min-height:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:.28rem .48rem !important;
    transform:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
  }
}

/* 1024–1180px still participates in desktop smart compaction. Use a slightly
   tighter but non-overlapping pair of tracks so the brand and Sections control
   retain room without allowing Account to cover Language. */
@media (min-width:1024px) and (max-width:1180px) {
  body.smart-header-compact .topbar .header-command-group {
    grid-template-columns:minmax(104px,118px) minmax(204px,220px) !important;
  }
  body.smart-header-compact .topbar .header-control-stack {
    min-width:204px !important;
    max-width:220px !important;
  }
  body.smart-header-compact .topbar .header-account-row {
    grid-template-columns:minmax(0,1fr) minmax(88px,96px) !important;
    column-gap:7px !important;
  }
  body.smart-header-compact .topbar .header-account-row > .account-header-btn {
    min-width:88px !important;
    max-width:96px !important;
    padding-inline:.4rem !important;
  }
}

/* Founder Beta form grid rows can stretch shorter labels to match the password
   row (which contains helper text). Keep every control aligned to its natural
   top edge, and explicitly equalize input height. */
#accountCreateForm:not([hidden]) > label:not(.account-acknowledgement) {
  align-self:start !important;
  align-content:start !important;
  grid-auto-rows:max-content !important;
  min-height:0 !important;
}
#accountCreateForm:not([hidden]) input[type="email"],
#accountCreateForm:not([hidden]) input[type="password"],
#accountCreateForm:not([hidden]) input[type="text"] {
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  align-self:start !important;
  box-sizing:border-box !important;
}
#founderInviteField,
#founderInviteField #accountInviteCode {
  align-self:start !important;
}

@media (max-width:767px) {
  #accountCreateForm:not([hidden]) input[type="email"],
  #accountCreateForm:not([hidden]) input[type="password"],
  #accountCreateForm:not([hidden]) input[type="text"] {
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
}



/* ========================================================================== 
   v2.8.1-r5.5 — Responsive Audit Closure
   Keeps First Visit Guide + Tips + Help visible in the desktop/PWA smart
   compact header, reserves the complete Watchlist/alert lane, and improves
   ultra-narrow phone readability without changing feature behavior.
   ========================================================================== */

/* r5.4 reserved only the Watchlist button width, but the Watchlist slot also
   carries a permanently reserved alert lane. In compact desktop/PWA mode the
   full slot is up to 180px (Spanish included), so reserve that complete track
   before the Language/Account control stack. */
@media (min-width:1024px) {
  body.smart-header-compact .topbar .header-command-group {
    grid-template-columns:180px minmax(224px,260px) !important;
  }
  body.smart-header-compact .topbar .header-control-stack {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:34px 25px !important;
    row-gap:3px !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    overflow:visible !important;
  }

  /* v2.6.3 hid the entire secondary guidance row during smart compaction.
     That rule predates First Visit Guide/Tips becoming permanent header
     controls. Restore only this guidance row while keeping Install App hidden. */
  body.smart-header-compact .topbar .header-guidance-row.market-data-tip-stack {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:.18rem !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  body.smart-header-compact .topbar .header-first-use-launch.first-use-launch {
    display:inline-flex !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:25px !important;
    height:25px !important;
    padding:.10rem .26rem !important;
    font-size:.52rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }
  body.smart-header-compact .topbar .guided-tips-controls {
    display:flex !important;
    align-items:center !important;
    gap:.14rem !important;
    margin:0 !important;
    width:auto !important;
    min-width:0 !important;
  }
  body.smart-header-compact .topbar .header-control-stack .guided-tips-toggle {
    display:flex !important;
    min-height:25px !important;
    height:25px !important;
    padding:.08rem .24rem !important;
    font-size:.52rem !important;
    line-height:1 !important;
  }
  body.smart-header-compact .topbar .header-control-stack .guided-tip-replay {
    display:block !important;
    width:25px !important;
    min-width:25px !important;
    max-width:25px !important;
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    padding:0 !important;
  }
}

/* The 1024–1180px compact window keeps the established narrower Account row,
   while the complete 180px Watchlist/alert lane prevents cross-column overlap. */
@media (min-width:1024px) and (max-width:1180px) {
  body.smart-header-compact .topbar .header-command-group {
    grid-template-columns:180px minmax(204px,220px) !important;
  }
  body.smart-header-compact .topbar .header-first-use-launch.first-use-launch,
  body.smart-header-compact .topbar .header-control-stack .guided-tips-toggle {
    font-size:.48rem !important;
  }
  html[lang="es"] body.smart-header-compact .topbar .guided-tips-controls {
    display:grid !important;
    grid-template-columns:66px 25px !important;
    gap:3px !important;
    width:94px !important;
    min-width:94px !important;
    max-width:94px !important;
  }
  html[lang="es"] body.smart-header-compact .topbar .header-control-stack .guided-tips-toggle {
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
  }
  html[lang="es"] body.smart-header-compact .topbar .guided-tips-toggle-label {
    font-size:0 !important;
  }
  html[lang="es"] body.smart-header-compact .topbar .guided-tips-toggle-label::after {
    content:"Tips";
    font-size:.48rem;
    line-height:1;
  }
}

/* WCAG-style 320px reflow check: keep the Account label, but give the native
   language selector enough usable text space. JS shortens only its option text
   to EN/ES below 360px; the accessible Language label remains unchanged. */
@media (max-width:390px) {
  .header-account-row {
    grid-template-columns:minmax(0,1fr) 70px !important;
    column-gap:4px !important;
  }
  .header-account-row > .account-header-btn {
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    padding-inline:.20rem !important;
  }
  .header-account-row > .header-language-control select {
    font-size:.72rem !important;
    padding:.18rem 1.05rem .18rem .28rem !important;
  }
}

/* On the narrowest supported phones, visually abbreviate the long First Visit
   label while preserving its full accessible DOM text. */
@media (max-width:359px) {
  .header-first-use-launch.first-use-launch > span:last-child {
    font-size:0 !important;
  }
  .header-first-use-launch.first-use-launch > span:last-child::after {
    content:"Guide";
    font-size:.54rem;
    line-height:1;
  }
  html[lang="es"] .header-first-use-launch.first-use-launch > span:last-child::after {
    content:"Guía";
  }
  html[lang="es"] .header-guidance-row.market-data-tip-stack {
    grid-template-columns:minmax(0,1fr) 66px !important;
  }
  html[lang="es"] .guided-tips-controls {
    grid-template-columns:40px 22px !important;
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
  }
  html[lang="es"] .header-control-stack .guided-tips-toggle {
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    padding-inline:.04rem !important;
  }
  html[lang="es"] .header-control-stack .guided-tip-replay {
    width:22px !important;
    min-width:22px !important;
    max-width:22px !important;
  }
}

/* ========================================================================== 
   v2.9.0-r3 — Desktop/PWA First Visit Guide readability
   Preserves the accepted r5.5/r2 header geometry while restoring a readable
   guide-label size on desktop and installed PWA windows.
   ========================================================================== */
@media (min-width:1024px) {
  .topbar .header-first-use-launch.first-use-launch {
    font-size:.68rem !important;
    line-height:1.05 !important;
    letter-spacing:.004em !important;
  }
  body.smart-header-compact .topbar .header-first-use-launch.first-use-launch {
    min-height:27px !important;
    height:27px !important;
    padding:.12rem .30rem !important;
    font-size:.62rem !important;
    line-height:1.05 !important;
  }
}
@media (min-width:1024px) and (max-width:1180px) {
  body.smart-header-compact .topbar .header-first-use-launch.first-use-launch {
    font-size:.58rem !important;
  }
}


/* ========================================================================== 
   v2.10.3 — Production Stability Consolidation
   Narrow-phone Watchlist containment + mobile PWA install affordance.
   ========================================================================== */
@media (max-width: 767px) {
  .header-command-group {
    grid-template-columns: minmax(104px, 122px) minmax(0, 1fr) !important;
  }
  .watchlist-header-slot.top-center-radar {
    min-width: 104px !important;
  }
  .watchlist-header-btn.radar-center-btn {
    min-width: 0 !important;
    overflow: visible !important;
  }
  .watchlist-header-btn .radar-center-copy {
    min-width: 0 !important;
    overflow: visible !important;
  }
  .watchlist-header-btn .radar-center-copy strong {
    display: block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  /* Keep Install available in browser mode without consuming the already-dense
     mobile header. Hidden state remains authoritative after installation. */
  .topbar #installBtn:not([hidden]) {
    display: inline-flex !important;
    position: fixed !important;
    right: max(.55rem, calc(var(--me-safe-right) + .45rem)) !important;
    bottom: max(.55rem, calc(var(--me-safe-bottom) + .45rem)) !important;
    z-index: var(--me-z-popover) !important;
    width: auto !important;
    min-width: 76px !important;
    min-height: 40px !important;
    justify-content: center !important;
    padding: .48rem .66rem !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.34), 0 0 0 1px rgba(114,224,255,.2) !important;
  }
}
@media (max-width: 390px) {
  .header-command-group {
    grid-template-columns: minmax(98px, 112px) minmax(0, 1fr) !important;
  }
  .watchlist-header-slot.top-center-radar { min-width: 98px !important; }
  .watchlist-header-btn .radar-center-icon { display: none !important; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .54rem !important; }
}

/* ========================================================================== 
   v2.10.3 — Founder Beta GUI Closure
   Install App stays in normal header flow on phone/tablet/small-laptop widths.
   Never float over Account, First Visit Guide, Tips, Help, or Watchlist.
   ========================================================================== */
@media (max-width: 1180px) {
  .topbar .top-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
  }

  .topbar .top-actions > .header-command-group {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Override the earlier mobile fixed-position affordance and the older tablet
     hide rule. The hidden attribute remains authoritative after installation. */
  .topbar #installBtn:not([hidden]) {
    display: inline-flex !important;
    position: static !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    order: 99 !important;
    flex: 0 0 auto !important;
    width: min(156px, 100%) !important;
    min-width: 112px !important;
    max-width: 100% !important;
    min-height: 40px !important;
    margin: .28rem 0 0 auto !important;
    padding: .42rem .68rem !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: flex-end !important;
    border-radius: .72rem !important;
    box-sizing: border-box !important;
    z-index: auto !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.24), 0 0 0 1px rgba(114,224,255,.16) !important;
  }
}

@media (max-width: 767px) {
  .topbar .top-actions {
    width: 100% !important;
    margin-left: 0 !important;
    gap: .28rem !important;
  }

  .topbar #installBtn:not([hidden]) {
    min-height: 42px !important;
    font-size: .72rem !important;
  }
}

@media (max-width: 420px) {
  .topbar #installBtn:not([hidden]) {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: .24rem !important;
  }
}

/* Embedded category theme delivery r7b: supports cached r6b HTML. */
/* Category themes r7: layout and presentation only. */
#sectionSidebar .discovery-group,
#activeSectionBanner.discover,
.tab-panel#discover{
 --workspace-dark:#083f43;--workspace-deep:#101e3e;--workspace-light:#a4e9df;--workspace-pale:#bfebe8;--workspace-accent:#52dacc;--workspace-heading:linear-gradient(135deg,#083f43,#101e3e);
}
#sectionSidebar .watchlist-group,
#activeSectionBanner.watchlist,
.tab-panel#watchlist{
 --workspace-dark:#5a430e;--workspace-deep:#201d10;--workspace-light:#e1c979;--workspace-pale:#f4dfa1;--workspace-accent:#e6c65d;--workspace-heading:linear-gradient(135deg,#5a430e,#201d10);
}
#sectionSidebar .evidence-analysis-group,
#activeSectionBanner.evidence,
.tab-panel#snapshot,
.tab-panel#highlow,
.tab-panel#timeline,
.tab-panel#news,
.tab-panel#conversation,
.tab-panel#scenarios{
 --workspace-dark:#514726;--workspace-deep:#252416;--workspace-light:#c9bd8b;--workspace-pale:#e5dbb1;--workspace-accent:#cdbb70;--workspace-heading:linear-gradient(135deg,#514726,#252416);
}
#sectionSidebar .forward-outlook-group,
#activeSectionBanner.opportunity, #activeSectionBanner.validation, #activeSectionBanner.pulse,
.tab-panel#opportunity,
.tab-panel#opportunity-validation,
.tab-panel#market-pulse{
 --workspace-dark:#3d2459;--workspace-deep:#171b37;--workspace-light:#ceb3e9;--workspace-pale:#e5d1f7;--workspace-accent:#bc94e9;--workspace-heading:linear-gradient(135deg,#3d2459,#171b37);
}
#sectionSidebar .verify-group,
#activeSectionBanner.verify,
.tab-panel#sources{
 --workspace-dark:#1d5943;--workspace-deep:#0c2925;--workspace-light:#a4dbc1;--workspace-pale:#c5eed9;--workspace-accent:#75d8a7;--workspace-heading:linear-gradient(135deg,#1d5943,#0c2925);
}

#sectionSidebar .sidebar-group>.sidebar-group-heading.sidebar-group-toggle{
 background:var(--workspace-heading)!important;color:#f5f6ef!important;
 border-color:var(--workspace-accent)!important;box-shadow:inset 3px 0 0 var(--workspace-accent),0 3px 8px #0003!important;
}
#sectionSidebar .sidebar-group>.sidebar-group-heading.sidebar-group-toggle strong{color:inherit!important}
#sectionSidebar .sidebar-group{--nav-accent:var(--workspace-accent);border-color:var(--workspace-accent)!important}
#sectionSidebar .sidebar-group .sidebar-nav-item.tab{
 background:linear-gradient(135deg,var(--workspace-pale),var(--workspace-light))!important;
 color:#15232b!important;border:1px solid var(--workspace-light)!important;
 box-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere;min-width:0;
}
#sectionSidebar .sidebar-group .sidebar-nav-item.tab .sidebar-nav-icon{color:var(--workspace-dark)!important;background:#ffffff30!important}
#sectionSidebar .sidebar-group .sidebar-nav-item.tab.active,
#sectionSidebar .sidebar-group .sidebar-nav-item.tab:focus-visible{
 border-color:var(--workspace-accent)!important;outline:2px solid var(--workspace-accent)!important;outline-offset:1px!important;
 box-shadow:0 0 10px var(--workspace-accent),inset 0 0 0 1px #fff8!important;
}
#sectionSidebar .sidebar-group .sidebar-nav-item.tab:hover{filter:brightness(1.06)}
#activeSectionBanner{background:var(--workspace-heading)!important;border-color:var(--workspace-accent)!important}
#activeSectionBanner::before{background:var(--workspace-accent)!important}
#activeSectionBanner .active-section-group,#activeSectionBanner .active-section-icon{color:var(--workspace-pale)!important}
#activeSectionBanner .active-section-icon{background:var(--workspace-dark)!important;border-color:var(--workspace-accent)!important}
#activeSectionBanner h1{color:#f5f6ef!important}
#activeSectionBanner p{color:#dce3df!important}
.tab-panel .ux-section-toolbar,.tab-panel .ux-section-shell{border-color:var(--workspace-accent)!important}
.tab-panel .ux-section-toggle{background:var(--workspace-heading)!important;border-color:var(--workspace-accent)!important;color:#f5f6ef!important}
.tab-panel .ux-section-content{background:linear-gradient(135deg,var(--workspace-deep),#081421)!important}
.tab-panel .ux-section-toggle:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:2px}
/* Shared padding aligns desktop rail and page title without negative offsets. */
#evidenceWorkspace{margin-top:14px!important}
@media(min-width:1024px){
 #evidenceWorkspace{padding:8px!important;align-items:start!important}
 #evidenceWorkspace>#sectionContent{padding-top:0!important}
 #evidenceWorkspace>#sectionSidebar{margin-top:0!important;align-self:start!important}
 #activeSectionBanner{margin-top:0!important}
}
/* Keep the established mobile drawer and safe-area handling. No fixed heights. */
@media(max-width:1023px){#sectionSidebar .sidebar-group .sidebar-nav-item.tab{min-height:44px!important}}
@media(prefers-reduced-motion:reduce){#sectionSidebar .sidebar-nav-item.tab{transition:none!important}}
@media(forced-colors:active){#sectionSidebar .sidebar-group .sidebar-nav-item.tab.active{outline:2px solid Highlight!important}}

/* Snapshot: faded dark yellow, shared by all six corresponding pages. */
#sectionSidebar .evidence-analysis-group,
#activeSectionBanner.evidence,
.tab-panel#snapshot,.tab-panel#highlow,.tab-panel#timeline,
.tab-panel#news,.tab-panel#conversation,.tab-panel#scenarios{
 --workspace-dark:#62572e;--workspace-deep:#302c18;
 --workspace-light:#cfc18a;--workspace-pale:#e5dab0;--workspace-accent:#cbbb76;
 --workspace-heading:linear-gradient(135deg,#62572e,#302c18);
}

/* Snapshot r9: sampled from the supplied yellow-to-orange reference. */
#sectionSidebar .evidence-analysis-group,#activeSectionBanner.evidence,
.tab-panel#snapshot,.tab-panel#highlow,.tab-panel#timeline,.tab-panel#news,.tab-panel#conversation,.tab-panel#scenarios{
 --workspace-dark:#f6ad29;--workspace-deep:#091522;--workspace-light:#ffad35;--workspace-pale:#ffe052;--workspace-accent:#f6ad29;
 --workspace-heading:linear-gradient(110deg,#f6ad29 0%,#f57623 52%,#f54320 100%);
}
#sectionSidebar .evidence-analysis-group>.sidebar-group-heading.sidebar-group-toggle,
#activeSectionBanner.evidence,#activeSectionBanner.evidence h1,#activeSectionBanner.evidence p,
#activeSectionBanner.evidence .active-section-group,#activeSectionBanner.evidence .active-section-icon{color:#21160b!important}
#activeSectionBanner.evidence .active-section-icon{background:#ffffff30!important;border-color:#753300!important}
#sectionSidebar .evidence-analysis-group .sidebar-nav-item.tab{background:linear-gradient(110deg,#ffe052,#ffad35)!important;color:#21160b!important;border-color:#ffc32b!important}
#sectionSidebar .evidence-analysis-group .sidebar-nav-item.tab .sidebar-nav-icon{color:#783000!important}
#sectionSidebar .evidence-analysis-group .sidebar-nav-item.tab.active{outline-color:#ffe052!important;box-shadow:0 0 12px #ffc32b,inset 0 0 0 1px #fff8!important}
#snapshot .ux-section-toggle,#highlow .ux-section-toggle,#timeline .ux-section-toggle,#news .ux-section-toggle,#conversation .ux-section-toggle,#scenarios .ux-section-toggle{color:#21160b!important;background:var(--workspace-heading)!important}
#snapshot .ux-section-toggle *,#highlow .ux-section-toggle *,#timeline .ux-section-toggle *,#news .ux-section-toggle *,#conversation .ux-section-toggle *,#scenarios .ux-section-toggle *{color:inherit!important}
#snapshot .ux-section-content,#highlow .ux-section-content,#timeline .ux-section-content,#news .ux-section-content,#conversation .ux-section-content,#scenarios .ux-section-content{background:radial-gradient(ellipse at top left,#f6ad291c,transparent 65%),#091522!important;border:1px solid #f6ad29!important;box-shadow:0 0 10px #f6ad2926!important}
#snapshot .status-card,#snapshot .chart-card,#snapshot .source-card,#snapshot .move-summary,#snapshot .scenario-boxes article,#snapshot .card-list article,#snapshot .conversation-card,#snapshot .turning-grid article,#snapshot .scenario-context-card,#highlow .status-card,#highlow .chart-card,#highlow .source-card,#highlow .move-summary,#highlow .scenario-boxes article,#highlow .card-list article,#highlow .conversation-card,#highlow .turning-grid article,#highlow .scenario-context-card,#timeline .status-card,#timeline .chart-card,#timeline .source-card,#timeline .move-summary,#timeline .scenario-boxes article,#timeline .card-list article,#timeline .conversation-card,#timeline .turning-grid article,#timeline .scenario-context-card,#news .status-card,#news .chart-card,#news .source-card,#news .move-summary,#news .scenario-boxes article,#news .card-list article,#news .conversation-card,#news .turning-grid article,#news .scenario-context-card,#conversation .status-card,#conversation .chart-card,#conversation .source-card,#conversation .move-summary,#conversation .scenario-boxes article,#conversation .card-list article,#conversation .conversation-card,#conversation .turning-grid article,#conversation .scenario-context-card,#scenarios .status-card,#scenarios .chart-card,#scenarios .source-card,#scenarios .move-summary,#scenarios .scenario-boxes article,#scenarios .card-list article,#scenarios .conversation-card,#scenarios .turning-grid article,#scenarios .scenario-context-card{background:radial-gradient(ellipse at top left,#f6ad2917,transparent 70%),#091522!important;border-color:#f6ad29!important;box-shadow:0 0 9px #f5762326!important}
#snapshot .ux-section-toolbar,#highlow .ux-section-toolbar,#timeline .ux-section-toolbar,#news .ux-section-toolbar,#conversation .ux-section-toolbar,#scenarios .ux-section-toolbar{border-color:#f6ad29!important;box-shadow:0 0 8px #f6ad2922!important}
#snapshot .ux-section-toolbar-btn,#highlow .ux-section-toolbar-btn,#timeline .ux-section-toolbar-btn,#news .ux-section-toolbar-btn,#conversation .ux-section-toolbar-btn,#scenarios .ux-section-toolbar-btn{border-color:#f6ad29!important;color:#ffe052!important;background:#161b20!important}

#snapshot .status-card::before,#highlow .status-card::before,#timeline .status-card::before,#news .status-card::before,#conversation .status-card::before,#scenarios .status-card::before{background:linear-gradient(#f6ad29,#f54320)!important}

/* Snapshot r9: sampled from the supplied yellow-to-orange reference. */
#sectionSidebar .evidence-analysis-group,#activeSectionBanner.evidence,
.tab-panel#snapshot,.tab-panel#highlow,.tab-panel#timeline,.tab-panel#news,.tab-panel#conversation,.tab-panel#scenarios{
 --workspace-dark:#f6ad29!important;--workspace-deep:#091522!important;--workspace-light:#ffad35!important;--workspace-pale:#ffe052!important;--workspace-accent:#f6ad29!important;
 --workspace-heading:linear-gradient(110deg,#f6ad29 0%,#f57623 52%,#f54320 100%)!important;
}
#sectionSidebar .evidence-analysis-group>.sidebar-group-heading.sidebar-group-toggle,
#activeSectionBanner.evidence,#activeSectionBanner.evidence h1,#activeSectionBanner.evidence p,
#activeSectionBanner.evidence .active-section-group,#activeSectionBanner.evidence .active-section-icon{color:#21160b!important}
#activeSectionBanner.evidence .active-section-icon{background:#ffffff30!important;border-color:#753300!important}
#sectionSidebar .evidence-analysis-group .sidebar-nav-item.tab{background:linear-gradient(110deg,#ffe052,#ffad35)!important;color:#21160b!important;border-color:#ffc32b!important}
#sectionSidebar .evidence-analysis-group .sidebar-nav-item.tab .sidebar-nav-icon{color:#783000!important}
#sectionSidebar .evidence-analysis-group .sidebar-nav-item.tab.active{outline-color:#ffe052!important;box-shadow:0 0 12px #ffc32b,inset 0 0 0 1px #fff8!important}
#snapshot .ux-section-toggle,#highlow .ux-section-toggle,#timeline .ux-section-toggle,#news .ux-section-toggle,#conversation .ux-section-toggle,#scenarios .ux-section-toggle{color:#21160b!important;background:var(--workspace-heading)!important}
#snapshot .ux-section-toggle *,#highlow .ux-section-toggle *,#timeline .ux-section-toggle *,#news .ux-section-toggle *,#conversation .ux-section-toggle *,#scenarios .ux-section-toggle *{color:inherit!important}
#snapshot .ux-section-content,#highlow .ux-section-content,#timeline .ux-section-content,#news .ux-section-content,#conversation .ux-section-content,#scenarios .ux-section-content{background:radial-gradient(ellipse at top left,#f6ad291c,transparent 65%),#091522!important;border:1px solid #f6ad29!important;box-shadow:0 0 10px #f6ad2926!important}
#snapshot .status-card,#snapshot .chart-card,#snapshot .source-card,#snapshot .move-summary,#snapshot .scenario-boxes article,#snapshot .card-list article,#snapshot .conversation-card,#snapshot .turning-grid article,#snapshot .scenario-context-card,#highlow .status-card,#highlow .chart-card,#highlow .source-card,#highlow .move-summary,#highlow .scenario-boxes article,#highlow .card-list article,#highlow .conversation-card,#highlow .turning-grid article,#highlow .scenario-context-card,#timeline .status-card,#timeline .chart-card,#timeline .source-card,#timeline .move-summary,#timeline .scenario-boxes article,#timeline .card-list article,#timeline .conversation-card,#timeline .turning-grid article,#timeline .scenario-context-card,#news .status-card,#news .chart-card,#news .source-card,#news .move-summary,#news .scenario-boxes article,#news .card-list article,#news .conversation-card,#news .turning-grid article,#news .scenario-context-card,#conversation .status-card,#conversation .chart-card,#conversation .source-card,#conversation .move-summary,#conversation .scenario-boxes article,#conversation .card-list article,#conversation .conversation-card,#conversation .turning-grid article,#conversation .scenario-context-card,#scenarios .status-card,#scenarios .chart-card,#scenarios .source-card,#scenarios .move-summary,#scenarios .scenario-boxes article,#scenarios .card-list article,#scenarios .conversation-card,#scenarios .turning-grid article,#scenarios .scenario-context-card{background:radial-gradient(ellipse at top left,#f6ad2917,transparent 70%),#091522!important;border-color:#f6ad29!important;box-shadow:0 0 9px #f5762326!important}
#snapshot .ux-section-toolbar,#highlow .ux-section-toolbar,#timeline .ux-section-toolbar,#news .ux-section-toolbar,#conversation .ux-section-toolbar,#scenarios .ux-section-toolbar{border-color:#f6ad29!important;box-shadow:0 0 8px #f6ad2922!important}
#snapshot .ux-section-toolbar-btn,#highlow .ux-section-toolbar-btn,#timeline .ux-section-toolbar-btn,#news .ux-section-toolbar-btn,#conversation .ux-section-toolbar-btn,#scenarios .ux-section-toolbar-btn{border-color:#f6ad29!important;color:#ffe052!important;background:#161b20!important}

/* Workspace label r10: reference blue capsule with cyan edge light. */
#sectionSidebar .sidebar-head{
 background:radial-gradient(ellipse at 108% 28%,rgba(31,163,255,.78),transparent 53%),linear-gradient(115deg,#052340 0%,#05213e 58%,#07529b 100%)!important;
 border:1px solid #35d4ff!important;border-radius:22px!important;
 box-shadow:inset 0 1px 5px #39dcffb3,inset 0 -2px 5px #287aff80,0 0 8px #159bff99!important;
 overflow:visible!important;
}
#sectionSidebar .sidebar-head strong{color:#effaff!important;text-shadow:0 1px 2px #001326!important}
#sectionSidebar .sidebar-head small{color:#bddff2!important}
#sectionSidebar .sidebar-head #sidebarCloseBtn{background:#06223bcc!important;border-color:#3298c780!important;color:#e7faff!important;border-radius:13px!important}
#sectionSidebar .sidebar-head #sidebarCloseBtn:focus-visible{outline:2px solid #7beaff!important;outline-offset:2px!important}
@media(forced-colors:active){#sectionSidebar .sidebar-head{border:1px solid CanvasText!important}}

/* Workspace r11: a menu title, distinct from navigation buttons. */
#sectionSidebar .sidebar-head{
 background:#203b50!important;background-image:none!important;
 border:0!important;border-bottom:1px solid #4ecbdc!important;
 border-radius:8px 8px 0 0!important;box-shadow:none!important;
 padding:.7rem .65rem!important;margin-bottom:12px!important;
 grid-template-columns:minmax(0,1fr) 44px!important;gap:.35rem!important;
}
#sectionSidebar .sidebar-head strong{font-size:.94rem!important;font-weight:900!important;color:#fff!important;letter-spacing:.075em!important;text-shadow:none!important;line-height:1.2!important}
#sectionSidebar .sidebar-head small{font-size:.66rem!important;color:#b7cbd9!important;line-height:1.3!important;margin-top:4px!important}
#sectionSidebar .sidebar-head #sidebarCloseBtn{background:transparent!important;border:0!important;border-radius:6px!important;box-shadow:none!important;color:#c4d7e4!important;min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important;font-size:1.15rem!important}
#sectionSidebar .sidebar-head #sidebarCloseBtn:hover{background:#ffffff12!important;color:#fff!important}
#sectionSidebar .sidebar-head #sidebarCloseBtn:focus-visible{outline:2px solid #70d9e8!important;outline-offset:0!important}

/* Compact requested-asset notice, with a persistent previous-report marker. */
#assetRefreshState{padding:9px 12px!important;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
#assetRefreshState[hidden]{display:none!important}
#assetRefreshState #assetRefreshRequested{display:inline!important}
#assetRefreshState #assetRefreshProgress{display:inline!important;font-size:.82rem}
#assetRefreshState #assetRefreshContext{flex:1 1 100%;margin:0!important;font-size:.78rem}
#assetRefreshState #assetRefreshQuote{flex:1 1 100%;margin:0!important;font-size:.82rem;overflow-wrap:anywhere}
#assetRefreshState #assetRefreshRestore{min-height:38px;padding:6px 10px;font-size:.78rem}
.asset-hero[data-displayed-asset-role=previous] [data-i18n=selectedAssetLabel]{display:none!important}
#displayedAssetIdentity{display:block;color:#ffe092;font-weight:850;font-size:.66rem;letter-spacing:.04em}
#displayedAssetIdentity[hidden]{display:none!important}

/* r14: loading occupies the asset card, without inserting/removing page rows. */
.asset-hero{position:relative;min-block-size:132px}
.asset-hero>#assetRefreshState{position:absolute!important;inset:0!important;margin:0!important;z-index:4;border-radius:inherit;box-sizing:border-box;overflow:auto;align-content:center;display:flex!important;background:#0a2034}
.asset-hero>#assetRefreshState[hidden]{display:none!important}
.asset-hero[data-refresh-state="loading"]>:not(#assetRefreshState),.asset-hero[data-refresh-state="failed"]>:not(#assetRefreshState){visibility:hidden}
#assetRefreshState #assetRefreshRestore{min-height:44px!important}
#accountBtn{min-inline-size:154px;justify-content:center}
#accountBtnLabel{display:inline-block;min-inline-size:6ch;text-align:center}
@media(max-width:720px){.asset-hero{min-block-size:220px}#accountBtn{min-inline-size:0}}

/* Keep underlying caption geometry unchanged while its loading overlay is visible. */
.asset-hero[data-displayed-asset-role=previous] [data-i18n=selectedAssetLabel]{display:block!important}
#displayedAssetIdentity{position:absolute;inset-inline-start:12px;inset-block-start:6px}

/* Reserve readable status space in the normal card; compact sticky rows stay compact. */
body:not(.sticky-selection-active) .asset-hero{min-block-size:156px!important}
.asset-hero>#assetRefreshState{align-content:flex-start!important;scroll-padding-block:10px}
@media(max-width:720px){body:not(.sticky-selection-active) .asset-hero{min-block-size:228px!important}}