/*
  MarketCapital.ai Command View CSS boundary map — v16_1038.

  KEEP: The desktop clean slate rules near the bottom of this file keep desktop/laptop
  isolated while Command View is rebuilt.

  LEGACY / REVIEW: Older desktop layout selectors remain below. Do not reuse them for
  the new Command View until each selector is audited.

  REBUILD: Future desktop Command View work should start from the clean slate boundary,
  not by expanding older mixed mobile/desktop layout code.
*/



/*
  v16_1185: desktop Command View now starts at 1024px for fine-pointer devices.
  This prevents a resized desktop browser from falling back into the mobile/tablet shell

  v16_1186: stylesheet link is width-gated instead of pointer-gated because Firefox can
  miss any-pointer:fine on resized desktop windows. Root shell classes still prevent tablets
  from showing Command View.

  v16_1187: stylesheet now loads without a width media gate because desktop/laptop browsers
  must remain Command View when resized below 1024px. Phone/tablet hiding is controlled by
  the root shell class.

  v16_1188: root shell class is now tablet-orientation aware: tablet portrait hides
  Command View; tablet landscape shows it. Phones remain mobile in both orientations.
*/
/*
  QUARANTINED LEGACY CSS — DO NOT EXTEND.
  The rules below are preserved only to avoid accidental runtime breakage.
  New desktop Command View work must not be added to this zone.
  Remove or migrate one audited selector group at a time in future builds.
*/
@media (min-width: 1024px) {
      .module-status-row {
        justify-content: flex-end;
        margin-left: auto;
        width: auto;
        flex-wrap: nowrap !important;
      }
    }

@media (min-width: 1024px) {
      .module-status-minimize {
        margin-left: 2rem !important;
        padding-left: 1.15rem;
        border-left: 1px solid rgba(51, 65, 85, 0.75);
      }
    }

@media (min-width: 768px) {
      .mvp-static-header .mvp-static-minimize {
        margin-left: auto;
      }
    }

@media (min-width: 640px) {
      .watchlist-empty-state-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
      }
    }

@media (min-width: 1024px) {
      .mvp-app-shell {
        display: flex;
        align-items: flex-start;
      }
      .mvp-main {
        max-width: none !important;
        width: calc(100% - 11.5rem);
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
      }
      .mvp-main > header {
        position: sticky;
        top: 0;
        z-index: 32;
        margin: -1.25rem -1.25rem 1rem -1.25rem;
        padding: .45rem 1rem .45rem 1rem;
        min-height: 3.25rem;
        border-bottom: 1px solid rgba(30, 41, 59, 0.78);
        background: rgba(8, 11, 18, 0.86);
        backdrop-filter: blur(18px);
      }
      .mc-topbar-brand { display: flex !important; }
      .mc-topbar-search-wrap { margin-left: 0.65rem !important; }
      .mvp-main header nav[aria-label="Primary navigation"] {
        display: none !important;
      }
      .mvp-bottom-nav {
        display: none !important;
      }
    }

@media (min-width: 1024px) {
      .mc-topbar-brand { flex: 0 0 auto; }
      .mc-topbar-search-wrap { flex: 0 1 30rem; }
    }

@media (min-width: 1024px) {
      .mvp-main > header {
        padding-left: 0.55rem !important;
        padding-right: 0.85rem !important;
      }
      .mc-topbar-brand {
        padding-right: 0.65rem !important;
      }
      .mc-topbar-search-wrap {
        margin-left: 0.15rem !important;
      }
    }

@media (min-width: 1024px) {
      .mvp-main > header {
        position: sticky;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: min(38rem, 44vw) !important;
        max-width: 38rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 0 0 auto !important;
        z-index: 35;
      }
      .mvp-main > header .mc-topbar-brand {
        margin-right: auto;
        z-index: 36;
      }
      .mvp-main > header .ml-auto {
        z-index: 36;
      }
    }

@media (min-width: 1024px) {
      .mc-topbar-brand { min-width: 25rem; }
      .mc-topbar-slogan { letter-spacing: .01em; }
    }

@media (min-width: 768px) {
      .mc-market-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }

@media (min-width: 1024px) {
      .mc-market-card-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    }

@media (min-width: 1024px) {
      .mvp-main > header .mc-topbar-brand {
        align-items: center !important;
        gap: .55rem !important;
        min-width: 17.75rem !important;
        max-width: 19.25rem !important;
        padding-right: .9rem !important;
      }
      .mc-topbar-brand-copy {
        justify-content: center;
        overflow: hidden;
      }
      .mc-topbar-slogan {
        display: block !important;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .01em;
        margin-top: .08rem;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        z-index: 34 !important;
      }
    }

@media (min-width: 1024px) {
      .mvp-main > header .mc-topbar-brand {
        align-items: center !important;
        gap: .55rem !important;
        min-width: 17.75rem !important;
        max-width: 19.25rem !important;
        padding-right: .9rem !important;
      }
      .mc-topbar-brand-copy {
        justify-content: center;
        overflow: hidden;
      }
      .mc-topbar-slogan {
        display: block !important;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .01em;
        margin-top: .08rem;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        z-index: 34 !important;
      }
    }

@media (min-width: 1024px) {
      .mvp-app-shell {
        display: flex;
        align-items: flex-start;
      }
      .mvp-sidebar {
        position: sticky;
        top: 4.05rem;
        min-height: calc(100vh - 4.05rem);
        padding-top: 1.65rem !important;
        width: 13.05rem;
        z-index: 30;
      }
      .mvp-sidebar nav[aria-label="Primary MVP sidebar navigation"] {
        margin-top: 0 !important;
      }
      .mvp-main {
        width: calc(100% - 13.05rem) !important;
        padding-top: 5.0rem !important;
      }
      .mvp-main > header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 60 !important;
        min-height: 4.05rem !important;
        margin: 0 !important;
        padding: 0.55rem 1.1rem 0.55rem 1.35rem !important;
        border-bottom: 1px solid rgba(30, 41, 59, 0.88) !important;
        background: rgba(8, 11, 18, 0.94) !important;
        backdrop-filter: blur(18px);
      }
      .mc-topbar-brand {
        display: flex !important;
        flex: 0 0 auto !important;
        min-width: 18.25rem;
        padding-right: 1.35rem !important;
      }
      .mc-topbar-search-wrap {
        flex: 0 1 38rem !important;
        max-width: 38rem !important;
        margin-left: 0 !important;
      }
      .mvp-main header nav[aria-label="Primary navigation"] {
        display: none !important;
      }
    }

@media (min-width: 1024px) {
      .mvp-main > header .mc-topbar-brand {
        align-items: center !important;
        gap: .55rem !important;
        min-width: 17.75rem !important;
        max-width: 19.25rem !important;
        padding-right: .9rem !important;
      }
      .mc-topbar-brand-copy {
        justify-content: center;
        overflow: hidden;
      }
      .mc-topbar-slogan {
        display: block !important;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .01em;
        margin-top: .08rem;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        z-index: 34 !important;
      }
    }

@media (min-width: 1024px) {
    #dashboardMarketCardGrid .mc-market-snapshot-card {
      min-height: 6.95rem !important;
      height: 6.95rem !important;
      padding: .72rem .76rem 2.18rem .76rem !important;
    }
    #dashboardMarketCardGrid .mc-market-title {
      font-size: .72rem !important;
      line-height: .9rem !important;
    }
    #dashboardMarketCardGrid .mc-market-price {
      margin-top: .25rem !important;
      font-size: 1.06rem !important;
      line-height: 1.28rem !important;
    }
    #dashboardMarketCardGrid .mc-market-change {
      margin-top: .12rem !important;
      font-size: .70rem !important;
      line-height: .86rem !important;
      max-height: 1.55rem !important;
      overflow: hidden !important;
    }
    #dashboardMarketCardGrid .mc-market-mini-spark {
      position: absolute !important;
      left: .62rem !important;
      right: .62rem !important;
      bottom: .45rem !important;
      height: 1.28rem !important;
      min-height: 1.28rem !important;
      margin: 0 !important;
      border-radius: .58rem !important;
      background: rgba(15,23,42,.22) !important;
      overflow: hidden !important;
    }
    #dashboardMarketCardGrid .mc-market-mini-spark .hero-sparkline,
    #dashboardMarketCardGrid .mc-market-mini-spark svg {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      overflow: visible !important;
    }
    #dashboardMarketCardGrid .mc-market-mini-spark .spark-line { stroke-width: 2.1 !important; }
    #dashboardMarketCardGrid .mc-market-mini-spark .spark-fill { opacity: .04 !important; }
  }

@media (min-width: 1024px) {
      .mvp-main > header .mc-topbar-brand {
        align-items: center !important;
        gap: .55rem !important;
        min-width: 17.75rem !important;
        max-width: 19.25rem !important;
        padding-right: .9rem !important;
      }
      .mc-topbar-brand-copy {
        justify-content: center;
        overflow: hidden;
      }
      .mc-topbar-slogan {
        display: block !important;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .01em;
        margin-top: .08rem;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        z-index: 34 !important;
      }
    }

@media (min-width: 1024px) {
    #dashboardMarketCardGrid.mc-market-card-grid {
      grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }
    #dashboardMarketCardGrid .mc-market-snapshot-card {
      min-height: 7.18rem !important;
      height: 7.18rem !important;
      padding-bottom: 2.42rem !important;
    }
    #dashboardMarketCardGrid .mc-market-mini-spark {
      left: .56rem !important;
      right: .56rem !important;
      bottom: .48rem !important;
      height: 1.62rem !important;
      min-height: 1.62rem !important;
      border-radius: .62rem !important;
    }
    #dashboardMarketCardGrid .mc-market-mini-spark .spark-line {
      stroke-width: 2.35 !important;
    }
  }

@media (min-width: 1024px) {
      .mvp-main > header .mc-topbar-brand {
        align-items: center !important;
        gap: .55rem !important;
        min-width: 17.75rem !important;
        max-width: 19.25rem !important;
        padding-right: .9rem !important;
      }
      .mc-topbar-brand-copy {
        justify-content: center;
        overflow: hidden;
      }
      .mc-topbar-slogan {
        display: block !important;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .01em;
        margin-top: .08rem;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        z-index: 34 !important;
      }
    }

@media (min-width: 1024px) {
    #dashboard-overview {
      scroll-margin-top: 6.25rem !important;
    }
    .mvp-main {
      padding-top: 5.35rem !important;
    }
  }

@media (min-width: 1024px) {
      .mvp-main > header .mc-topbar-brand {
        align-items: center !important;
        gap: .55rem !important;
        min-width: 17.75rem !important;
        max-width: 19.25rem !important;
        padding-right: .9rem !important;
      }
      .mc-topbar-brand-copy {
        justify-content: center;
        overflow: hidden;
      }
      .mc-topbar-slogan {
        display: block !important;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .01em;
        margin-top: .08rem;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        z-index: 34 !important;
      }
    }

@media (min-width: 1024px) {
    .mvp-app-shell {
      display: block !important;
    }
    .mvp-sidebar {
      position: fixed !important;
      top: 4.05rem !important;
      left: 0 !important;
      bottom: 0 !important;
      height: calc(100vh - 4.05rem) !important;
      min-height: 0 !important;
      width: 13.05rem !important;
      padding-top: 1.0rem !important;
      overflow-y: auto !important;
      z-index: 45 !important;
    }
    .mvp-main {
      margin-left: 13.05rem !important;
      width: calc(100% - 13.05rem) !important;
      max-width: none !important;
      padding-top: 5.35rem !important;
    }
    .mvp-sidebar nav[aria-label="Primary MVP sidebar navigation"] {
      margin-top: 0 !important;
    }
    #dashboard-overview,
    #top-ai-read,
    #markets,
    #ai-signal-builder,
    #watchlist,
    #about-marketcapital,
    #news {
      scroll-margin-top: 5.85rem !important;
    }
  }

@media (min-width: 1024px) {
      .mvp-main > header .mc-topbar-brand {
        align-items: center !important;
        gap: .55rem !important;
        min-width: 17.75rem !important;
        max-width: 19.25rem !important;
        padding-right: .9rem !important;
      }
      .mc-topbar-brand-copy {
        justify-content: center;
        overflow: hidden;
      }
      .mc-topbar-slogan {
        display: block !important;
        max-width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: .01em;
        margin-top: .08rem;
      }
      .mvp-main > header .mc-topbar-search-wrap {
        z-index: 34 !important;
      }
    }

@media (min-width: 1024px) {
    :root { --mc-desktop-header-h: 4.55rem; --mc-sidebar-w: 13.05rem; }

    .mvp-main > header {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      width: 100vw !important;
      height: var(--mc-desktop-header-h) !important;
      min-height: var(--mc-desktop-header-h) !important;
      max-height: var(--mc-desktop-header-h) !important;
      margin: 0 !important;
      padding: .55rem 1.1rem .55rem 1.35rem !important;
      transform: none !important;
      z-index: 1200 !important;
      display: flex !important;
      align-items: center !important;
      box-sizing: border-box !important;
      border-bottom: 1px solid rgba(30, 41, 59, 0.88) !important;
      background: rgba(8, 11, 18, 0.97) !important;
      backdrop-filter: blur(18px) !important;
    }

    .mvp-main > header .mc-topbar-brand {
      align-self: center !important;
      margin: 0 !important;
      padding-left: 0 !important;
      transform: none !important;
    }

    .mvp-sidebar {
      position: fixed !important;
      top: var(--mc-desktop-header-h) !important;
      left: 0 !important;
      bottom: 0 !important;
      width: var(--mc-sidebar-w) !important;
      height: calc(100vh - var(--mc-desktop-header-h)) !important;
      min-height: 0 !important;
      padding-top: 1.0rem !important;
      z-index: 900 !important;
      overflow-y: auto !important;
    }

    .mvp-main {
      margin-left: var(--mc-sidebar-w) !important;
      width: calc(100% - var(--mc-sidebar-w)) !important;
      max-width: none !important;
      padding-top: calc(var(--mc-desktop-header-h) + 1.0rem) !important;
    }

    #dashboard-overview,
    #top-ai-read,
    #markets,
    #ai-signal-builder,
    #watchlist,
    #about-marketcapital,
    #news {
      scroll-margin-top: calc(var(--mc-desktop-header-h) + 1.15rem) !important;
    }
  }

@media (min-width: 1024px) {
    #mobileMenuPanel { display: none !important; }
  }

@media (min-width: 1024px) {
    #dashboardMarketCardGrid.mc-market-card-grid {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: .625rem !important;
      justify-content: flex-start !important;
      align-items: stretch !important;
      width: 100% !important;
      max-width: none !important;
    }

    #dashboardMarketCardGrid .mc-market-snapshot-card {
      flex: 1 1 12rem !important;
      min-width: 12rem !important;
      max-width: 16.5rem !important;
      width: auto !important;
    }
  }

@media (min-width: 1024px) {
    .mc-market-family-tabs {
      justify-content: center;
      overflow-x: visible;
      scroll-snap-type: none;
    }

    .mc-home-market-family-panel::after {
      display: none;
    }
  }

@media (min-width: 768px) {
    .mvp-main > header .mc-topbar-brand > .relative {
      transform: translateY(-2px) !important;
    }
  }

/*
  LEGACY / REVIEW — old Command View desktop shell pass.
  Keep for now because selectors may still be referenced, but do not treat this block
  as the foundation for the new Command View rebuild.
*/
/* v16_1017: Command View desktop shell pass. Desktop-only cockpit layout; mobile Snapshot Stack stays in marketcapital-mobile.css. */
@media (min-width: 1024px) {
  body {
    background:
      radial-gradient(circle at 16% 6%, rgba(0, 200, 255, 0.08), transparent 25rem),
      radial-gradient(circle at 82% 18%, rgba(37, 99, 235, 0.06), transparent 30rem),
      linear-gradient(180deg, #070a12 0%, #050811 58%, #04070d 100%) !important;
  }

  .mvp-main {
    padding-left: 1.05rem !important;
    padding-right: 1.05rem !important;
    padding-bottom: 1.25rem !important;
  }

  .mvp-sidebar {
    border-right: 1px solid rgba(31, 45, 76, 0.78) !important;
    background:
      linear-gradient(180deg, rgba(4, 10, 24, 0.98), rgba(2, 6, 16, 0.98)),
      radial-gradient(circle at 25% 0%, rgba(0, 200, 255, 0.10), transparent 18rem) !important;
    box-shadow: 1.2rem 0 2.5rem rgba(0, 0, 0, 0.30) !important;
  }

  .mvp-sidebar-link {
    min-height: 2.75rem !important;
    border-radius: 0.95rem !important;
    color: rgba(226, 232, 240, 0.92) !important;
  }

  .mvp-sidebar-link:hover,
  .mvp-sidebar-link.is-active {
    border-color: rgba(34, 211, 238, 0.34) !important;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.90), rgba(29, 78, 216, 0.82)) !important;
    box-shadow: 0 0.9rem 1.9rem rgba(14, 165, 233, 0.16) !important;
    color: #fff !important;
  }

  .mvp-main > header {
    background:
      linear-gradient(180deg, rgba(7, 11, 20, 0.98), rgba(6, 10, 18, 0.94)) !important;
    border-bottom-color: rgba(56, 75, 113, 0.68) !important;
  }

  #dashboard-overview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(23rem, 0.48fr) !important;
    gap: 0.9rem !important;
    margin-bottom: 1.1rem !important;
    align-items: start !important;
  }

  #dashboard-overview > .mc-home-market-family-panel,
  #dashboard-overview > .mc-market-snapshot-panel,
  #dashboard-overview > #errorBox {
    grid-column: 1 / -1 !important;
  }

  #dashboard-overview > .mc-market-group-control--home-main {
    display: none !important;
  }

  #dashboard-overview > #marketPulseSnapshotCard {
    display: none !important;
  }

  #dashboard-overview > .mc-home-market-family-panel {
    margin: 0 !important;
    padding: 0.55rem 0.85rem !important;
    min-height: 4.15rem !important;
    border-radius: 1.25rem !important;
    border: 1px solid rgba(58, 79, 122, 0.58) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.08), transparent 30rem),
      rgba(5, 11, 26, 0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 1rem 2.5rem rgba(0,0,0,.20) !important;
  }

  #dashboard-overview .mc-market-family-tabs {
    justify-content: center !important;
    gap: 1.45rem !important;
  }

  #dashboard-overview .mc-market-family-tab {
    min-width: 4.25rem !important;
    min-height: 3.15rem !important;
    padding: 0.45rem 0.55rem !important;
    border-radius: 1rem !important;
    font-size: 0.67rem !important;
  }

  #dashboard-overview .mc-market-family-tab.is-active {
    transform: translateY(-1px) !important;
    box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.35), 0 0.85rem 1.9rem rgba(14, 165, 233, 0.24) !important;
  }

  #dashboard-overview .mc-market-family-icon {
    width: 1.05rem !important;
    height: 1.05rem !important;
    font-size: 1rem !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel {
    display: grid !important;
    grid-template-columns: minmax(22rem, 0.72fr) minmax(34rem, 1.28fr) !important;
    gap: 0.75rem 1rem !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0.95rem 1.05rem !important;
    border-radius: 1.35rem !important;
    border-color: rgba(34, 211, 238, 0.20) !important;
    background:
      linear-gradient(135deg, rgba(2, 8, 21, 0.96), rgba(3, 12, 28, 0.90)),
      radial-gradient(circle at 2% 0%, rgba(0, 200, 255, 0.14), transparent 22rem) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1rem 2.5rem rgba(0,0,0,.22) !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel > .flex.items-start {
    align-items: center !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  #dashboard-overview .mc-market-snapshot-heading {
    font-size: 1.05rem !important;
    line-height: 1.15rem !important;
    letter-spacing: -0.02em !important;
  }

  #dashboard-overview .mc-market-snapshot-context {
    margin-top: 0.35rem !important;
    color: rgba(103, 232, 249, 0.94) !important;
    font-size: 0.66rem !important;
    letter-spacing: 0.18em !important;
  }

  #dashboard-overview .mc-market-snapshot-title-quote {
    margin-left: auto !important;
    white-space: nowrap !important;
    font-size: 0.84rem !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls {
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(16rem, 0.38fr) minmax(30rem, 0.62fr) !important;
    gap: 0.85rem !important;
    align-items: center !important;
  }

  #dashboard-overview .mc-mobile-snapshot-view-control,
  #dashboard-overview .mc-mobile-snapshot-view-shell,
  #dashboard-overview .mc-mobile-snapshot-timeline {
    margin: 0 !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline {
    padding: 0.55rem 0.65rem !important;
    border-radius: 1rem !important;
    background: rgba(2, 8, 23, 0.65) !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-head {
    margin-bottom: 0.4rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-track {
    gap: 0.35rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-time-chip {
    min-width: 4.8rem !important;
    height: 2.35rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-step {
    width: 2.35rem !important;
    height: 2.35rem !important;
  }

  #dashboard-overview > .grid {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 0.9rem !important;
    margin: 0 !important;
  }

  #dashboard-overview > .grid:nth-of-type(1) {
    grid-template-columns: minmax(25rem, 1.04fr) minmax(28rem, 1.04fr) minmax(24rem, 0.92fr) !important;
  }

  #dashboard-overview > .grid:nth-of-type(2) {
    grid-template-columns: minmax(25rem, 0.78fr) minmax(34rem, 1.22fr) !important;
  }

  #dashboard-overview > .grid > article {
    min-height: 18.5rem !important;
    max-height: calc(100vh - 23rem) !important;
    overflow: auto !important;
    border-radius: 1.25rem !important;
    border-color: rgba(58, 79, 122, 0.52) !important;
    background:
      linear-gradient(180deg, rgba(5, 11, 27, 0.96), rgba(3, 8, 20, 0.94)),
      radial-gradient(circle at 0% 0%, rgba(0, 200, 255, 0.08), transparent 18rem) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 1rem 2rem rgba(0,0,0,.18) !important;
  }

  #dashboard-overview > .grid > article::-webkit-scrollbar {
    width: 0.45rem;
  }

  #dashboard-overview > .grid > article::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.78);
    border-radius: 999px;
  }

  #dashboard-overview > .grid > article h2 {
    font-size: 1rem !important;
    letter-spacing: -0.015em !important;
  }

  #dashboard-overview > .grid > article a[href] {
    text-transform: none !important;
    letter-spacing: 0.03em !important;
  }

  #dashboard-overview #heroAiRead {
    font-size: 1.05rem !important;
    line-height: 1.25rem !important;
  }

  #dashboard-overview #heroAiReadText {
    min-height: 0 !important;
    max-height: 7.4rem !important;
    overflow: hidden !important;
    color: rgba(226, 232, 240, 0.88) !important;
  }

  #dashboard-overview #dashboardAiKeySignals {
    gap: 0.42rem !important;
  }

  #dashboard-overview #dashboardAiKeySignals summary {
    padding: 0.42rem 0.58rem !important;
    font-size: 0.67rem !important;
  }

  #dashboard-overview #dashboardMarketPulseFullInline,
  #dashboard-overview #dashboardAiReadFullInline,
  #dashboard-overview #dashboardAiSignalBuilderInline,
  #dashboard-overview #dashboardWatchlistFullInline,
  #dashboard-overview #dashboardNewsFullInline {
    max-height: 32rem !important;
    overflow: auto !important;
  }

  #dashboard-overview #dashboardSignalList {
    display: grid !important;
    gap: 0.7rem !important;
  }

  #dashboard-overview #dashboardSignalList > * {
    border-radius: 1rem !important;
  }

  #dashboard-overview #dashboardSignalContext {
    margin-top: 0.75rem !important;
    border-color: rgba(34, 211, 238, 0.18) !important;
    background: rgba(2, 8, 23, 0.62) !important;
  }

  #dashboard-overview #dashboard-watchlist-card,
  #dashboard-overview #dashboard-news-card {
    min-height: 15.5rem !important;
    max-height: 23rem !important;
  }
}

@media (min-width: 1680px) {
  #dashboard-overview > .grid:nth-of-type(1) {
    grid-template-columns: minmax(31rem, 1.05fr) minmax(32rem, 1.05fr) minmax(27rem, 0.9fr) !important;
  }
  #dashboard-overview > .grid:nth-of-type(2) {
    grid-template-columns: minmax(30rem, 0.82fr) minmax(40rem, 1.18fr) !important;
  }
}

/*
  LEGACY / REVIEW — older visual Command View experiment.
  Do not extend this block until the new desktop architecture is intentionally rebuilt.
*/
/* v16_1018: Bad-ass Command View pass.
   Desktop-only: turns the Home dashboard into a command lens + intelligence rail.
   Mobile Snapshot Stack remains controlled by marketcapital-mobile.css. */
@media (min-width: 1024px) {
  :root {
    --mc-command-gap: 0.95rem;
    --mc-command-center: minmax(42rem, 1.42fr);
    --mc-command-rail: minmax(23rem, 0.58fr);
  }

  .mvp-main {
    background:
      linear-gradient(90deg, rgba(14, 165, 233, 0.035) 1px, transparent 1px),
      linear-gradient(180deg, rgba(14, 165, 233, 0.028) 1px, transparent 1px) !important;
    background-size: 46px 46px !important;
  }

  #dashboard-overview {
    display: block !important;
    max-width: none !important;
  }

  #dashboard-overview > .mc-home-market-family-panel {
    margin-bottom: var(--mc-command-gap) !important;
    min-height: 3.85rem !important;
    padding: 0.48rem 0.8rem !important;
    border-radius: 1.18rem !important;
    border-color: rgba(45, 212, 191, 0.16) !important;
    background:
      linear-gradient(90deg, rgba(8, 13, 27, 0.96), rgba(4, 11, 24, 0.92)),
      radial-gradient(circle at 50% -80%, rgba(34, 211, 238, 0.20), transparent 29rem) !important;
  }

  #dashboard-overview .mc-market-family-tabs {
    justify-content: center !important;
    gap: clamp(0.85rem, 1.55vw, 1.85rem) !important;
  }

  #dashboard-overview .mc-market-family-tab {
    min-width: 4.15rem !important;
    min-height: 3rem !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: rgba(203, 213, 225, 0.86) !important;
  }

  #dashboard-overview .mc-market-family-tab:hover {
    border-color: rgba(34, 211, 238, 0.22) !important;
    background: rgba(15, 23, 42, 0.42) !important;
  }

  #dashboard-overview .mc-market-family-tab.is-active {
    border-color: rgba(103, 232, 249, 0.54) !important;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.92), rgba(29, 78, 216, 0.86)) !important;
    box-shadow:
      0 0 0 1px rgba(34, 211, 238, 0.24),
      0 0 2rem rgba(14, 165, 233, 0.32) !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(20rem, 0.58fr) minmax(42rem, 1.42fr) !important;
    gap: 0.85rem !important;
    min-height: 5.5rem !important;
    margin-bottom: var(--mc-command-gap) !important;
    padding: 0.78rem 0.92rem !important;
    border-radius: 1.1rem !important;
    border: 1px solid rgba(34, 211, 238, 0.24) !important;
    background:
      linear-gradient(90deg, rgba(2, 8, 23, 0.98), rgba(3, 14, 30, 0.92)),
      radial-gradient(circle at 0% 0%, rgba(0, 200, 255, 0.18), transparent 20rem),
      radial-gradient(circle at 100% 50%, rgba(37, 99, 235, 0.13), transparent 22rem) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 0 0 1px rgba(8, 145, 178, 0.08),
      0 1.2rem 2.6rem rgba(0,0,0,.24) !important;
    overflow: hidden !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel::before {
    content: "COMMAND SNAPSHOT";
    position: absolute;
    right: 1rem;
    top: 0.42rem;
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.22em;
    color: rgba(103, 232, 249, 0.30);
    pointer-events: none;
  }

  #dashboard-overview .mc-market-snapshot-family-icon {
    width: 1.6rem !important;
    height: 1.6rem !important;
    min-width: 1.6rem !important;
    color: rgba(226, 232, 240, 0.98) !important;
  }

  #dashboard-overview .mc-market-snapshot-heading {
    align-items: center !important;
    gap: 0.62rem !important;
    font-size: 1.02rem !important;
  }

  #dashboard-overview .mc-market-snapshot-context {
    max-width: 20rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #dashboard-overview .mc-market-snapshot-title-quote {
    padding: 0.28rem 0.52rem !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 0.8rem !important;
    background: rgba(2, 6, 23, 0.62) !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls {
    display: grid !important;
    grid-template-columns: minmax(15rem, 0.34fr) minmax(36rem, 0.66fr) !important;
    gap: 0.75rem !important;
    align-items: center !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline {
    border: 1px solid rgba(51, 65, 85, 0.72) !important;
    background: rgba(2, 6, 23, 0.52) !important;
  }

  #dashboard-overview .mc-mobile-snapshot-time-chip.is-active {
    box-shadow: 0 0 1.15rem rgba(34, 211, 238, 0.34) !important;
  }

  #dashboard-overview .mc-command-overview-grid {
    display: grid !important;
    gap: var(--mc-command-gap) !important;
    margin: 0 0 var(--mc-command-gap) 0 !important;
  }

  #dashboard-overview .mc-command-main-row {
    grid-template-columns: var(--mc-command-center) var(--mc-command-rail) !important;
    grid-template-areas:
      "pulse signal"
      "read  signal" !important;
    align-items: stretch !important;
  }

  #dashboard-overview .mc-command-support-row {
    grid-template-columns: var(--mc-command-center) var(--mc-command-rail) !important;
    grid-template-areas: "watch news" !important;
    align-items: stretch !important;
  }

  #dashboard-overview .mc-command-ai-read-card { grid-area: read !important; }
  #dashboard-overview .mc-command-pulse-card { grid-area: pulse !important; }
  #dashboard-overview .mc-command-signal-card { grid-area: signal !important; }
  #dashboard-overview .mc-command-watchlist-card { grid-area: watch !important; }
  #dashboard-overview .mc-command-news-card { grid-area: news !important; }

  #dashboard-overview .mc-command-card {
    position: relative !important;
    min-width: 0 !important;
    border-radius: 1.15rem !important;
    border: 1px solid rgba(58, 79, 122, 0.58) !important;
    background:
      linear-gradient(180deg, rgba(5, 11, 27, 0.97), rgba(2, 7, 18, 0.96)),
      radial-gradient(circle at 0% 0%, rgba(0, 200, 255, 0.09), transparent 18rem) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 0 1px rgba(8, 145, 178, 0.06),
      0 1.1rem 2.5rem rgba(0,0,0,.20) !important;
    overflow: hidden !important;
  }

  #dashboard-overview .mc-command-card::before {
    position: absolute;
    right: 0.9rem;
    top: 0.68rem;
    z-index: 0;
    font-size: 0.54rem;
    font-weight: 900;
    letter-spacing: 0.22em;
    color: rgba(103, 232, 249, 0.26);
    pointer-events: none;
  }

  #dashboard-overview .mc-command-card > * {
    position: relative;
    z-index: 1;
  }

  #dashboard-overview .mc-command-pulse-card {
    min-height: 28.5rem !important;
    max-height: none !important;
    padding: 1rem !important;
    border-color: rgba(34, 211, 238, 0.25) !important;
    background:
      linear-gradient(180deg, rgba(3, 12, 30, 0.98), rgba(2, 7, 18, 0.97)),
      radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.16), transparent 28rem),
      radial-gradient(circle at 85% 25%, rgba(59, 130, 246, 0.10), transparent 24rem) !important;
  }

  #dashboard-overview .mc-command-pulse-card::before { content: "MARKET LENS"; }
  #dashboard-overview .mc-command-ai-read-card::before { content: "AI READ"; }
  #dashboard-overview .mc-command-signal-card::before { content: "SIGNAL RAIL"; }
  #dashboard-overview .mc-command-watchlist-card::before { content: "WATCHLIST"; }
  #dashboard-overview .mc-command-news-card::before { content: "NEWS FEED"; }

  #dashboard-overview .mc-command-pulse-card > .flex:first-child {
    padding-bottom: 0.72rem !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.72) !important;
  }

  #dashboard-overview .mc-command-pulse-card h2,
  #dashboard-overview .mc-command-signal-card h2,
  #dashboard-overview .mc-command-ai-read-card h2,
  #dashboard-overview .mc-command-support-card h2 {
    font-size: 0.98rem !important;
    letter-spacing: -0.015em !important;
  }

  #dashboard-overview .mc-command-pulse-card #dashboardMarketPulseFullInline {
    margin-top: 0.85rem !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #dashboard-overview .mc-command-pulse-card #heroMarketIndexCard {
    border-color: rgba(34, 211, 238, 0.18) !important;
    background: rgba(2, 8, 23, 0.70) !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-card {
    border-color: rgba(51, 65, 85, 0.78) !important;
    background: rgba(2, 8, 23, 0.58) !important;
  }

  #dashboard-overview .mc-command-ai-read-card {
    min-height: 15.5rem !important;
    max-height: 20.5rem !important;
    padding: 1rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiRead {
    font-size: 1.0rem !important;
    line-height: 1.24rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiReadText {
    max-height: 5.9rem !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #dashboard-overview .mc-command-signal-card {
    min-height: 45rem !important;
    max-height: none !important;
    padding: 1rem !important;
    border-color: rgba(251, 191, 36, 0.18) !important;
    background:
      linear-gradient(180deg, rgba(6, 11, 24, 0.98), rgba(2, 7, 18, 0.97)),
      radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.11), transparent 18rem),
      radial-gradient(circle at 0% 35%, rgba(34, 211, 238, 0.10), transparent 18rem) !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList {
    display: grid !important;
    gap: 0.72rem !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList > * {
    border-radius: 0.92rem !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    background: rgba(2, 6, 23, 0.58) !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalContext {
    border-color: rgba(34, 211, 238, 0.20) !important;
    background: rgba(2, 8, 23, 0.64) !important;
  }

  #dashboard-overview .mc-command-support-card {
    min-height: 16.5rem !important;
    max-height: 23rem !important;
    padding: 1rem !important;
  }

  #dashboard-overview .mc-command-watchlist-card {
    border-color: rgba(34, 211, 238, 0.18) !important;
  }

  #dashboard-overview .mc-command-news-card {
    border-color: rgba(34, 211, 238, 0.16) !important;
  }

  #dashboard-overview #dashboardNewsRows,
  #dashboard-overview #dashboardWatchlistList {
    max-height: 15rem !important;
    overflow: auto !important;
    padding-right: 0.25rem !important;
  }

  #dashboard-overview #dashboardNewsRows::-webkit-scrollbar,
  #dashboard-overview #dashboardWatchlistList::-webkit-scrollbar,
  #dashboard-overview .mc-command-card::-webkit-scrollbar {
    width: 0.42rem;
  }

  #dashboard-overview #dashboardNewsRows::-webkit-scrollbar-thumb,
  #dashboard-overview #dashboardWatchlistList::-webkit-scrollbar-thumb,
  #dashboard-overview .mc-command-card::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.72);
    border-radius: 999px;
  }
}

@media (min-width: 1680px) {
  #dashboard-overview .mc-command-main-row,
  #dashboard-overview .mc-command-support-row {
    grid-template-columns: minmax(58rem, 1.48fr) minmax(25rem, 0.52fr) !important;
  }

  #dashboard-overview .mc-command-signal-card {
    min-height: 46rem !important;
  }
}


/*
  LEGACY / REVIEW — previous Command View foundation attempt.
  Preserve until removal is proven safe; future rebuild should not inherit this blindly.
*/
/* v16_1019: Real Command View foundation.
   Desktop-only: removes ultrawide stretch, kills the giant Snapshot hero,
   and turns Home into a denser command-center surface. */
@media (min-width: 1024px) {
  :root {
    --mc-command-shell-max: 1880px;
    --mc-command-gap: 0.82rem;
    --mc-command-rail: clamp(25rem, 23vw, 31.5rem);
    --mc-command-center: minmax(0, 1fr);
  }

  .mvp-main {
    padding-top: 0.85rem !important;
  }

  #dashboard-overview.mc-command-view {
    width: min(100%, var(--mc-command-shell-max)) !important;
    max-width: var(--mc-command-shell-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
  }

  #dashboard-overview.mc-command-view::before {
    content: "COMMAND VIEW";
    position: absolute;
    right: 0.25rem;
    top: -1.35rem;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.28em;
    color: rgba(103, 232, 249, 0.32);
    pointer-events: none;
  }

  #dashboard-overview > .mc-home-market-family-panel {
    min-height: 3.25rem !important;
    margin-bottom: 0.65rem !important;
    padding: 0.38rem 0.75rem !important;
    border-radius: 0.92rem !important;
    border-color: rgba(34, 211, 238, 0.18) !important;
    background:
      linear-gradient(180deg, rgba(5, 12, 28, 0.96), rgba(2, 7, 18, 0.96)),
      radial-gradient(circle at 50% -65%, rgba(34, 211, 238, 0.22), transparent 31rem) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 .9rem 1.8rem rgba(0,0,0,.16) !important;
  }

  #dashboard-overview .mc-market-family-tabs {
    min-height: 2.45rem !important;
    justify-content: center !important;
    gap: clamp(0.55rem, 1vw, 1.15rem) !important;
  }

  #dashboard-overview .mc-market-family-tab {
    min-width: 3.7rem !important;
    min-height: 2.45rem !important;
    padding: 0.28rem 0.48rem !important;
    border-radius: 0.78rem !important;
    font-size: 0.58rem !important;
    letter-spacing: -0.01em !important;
  }

  #dashboard-overview .mc-market-family-tab .mc-market-family-icon {
    width: 0.95rem !important;
    height: 0.95rem !important;
    min-width: 0.95rem !important;
  }

  #dashboard-overview .mc-market-family-tab.is-active {
    transform: translateY(-1px) !important;
  }

  #dashboard-overview > .mc-market-group-control--home-main {
    display: none !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel {
    display: grid !important;
    grid-template-columns: minmax(18rem, 0.45fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.78rem !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-bottom: 0.82rem !important;
    padding: 0.72rem 0.82rem !important;
    border-radius: 1rem !important;
    border-color: rgba(34, 211, 238, 0.25) !important;
    background:
      linear-gradient(90deg, rgba(2, 7, 18, 0.99), rgba(4, 14, 31, 0.94)),
      linear-gradient(90deg, rgba(34, 211, 238, 0.09), transparent 30%, rgba(59, 130, 246, 0.07)),
      radial-gradient(circle at 5% 50%, rgba(34, 211, 238, 0.18), transparent 18rem) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 0 0 1px rgba(8, 145, 178, 0.06),
      0 1.1rem 2.2rem rgba(0,0,0,.20) !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel::before {
    content: "SNAPSHOT CONTROL" !important;
    top: 0.42rem !important;
    right: 0.85rem !important;
    font-size: 0.52rem !important;
    color: rgba(103, 232, 249, 0.26) !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel > .flex.items-start.justify-between.gap-3 {
    min-width: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    margin: 0 !important;
    padding: 0.15rem 0.55rem 0.15rem 0 !important;
    border-right: 1px solid rgba(51, 65, 85, 0.72) !important;
  }

  #dashboard-overview .mc-market-snapshot-title-wrap {
    min-width: 0 !important;
  }

  #dashboard-overview .mc-market-snapshot-heading {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    font-size: 0.92rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  #dashboard-overview .mc-market-snapshot-family-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    flex: 0 0 2rem !important;
    border-radius: 0.72rem !important;
    border: 1px solid rgba(34, 211, 238, 0.32) !important;
    background: rgba(8, 145, 178, 0.14) !important;
    color: rgb(103 232 249) !important;
    box-shadow: 0 0 1.2rem rgba(34, 211, 238, 0.11) !important;
  }

  #dashboard-overview .mc-market-snapshot-family-icon svg,
  #dashboard-overview .mc-market-snapshot-heading svg {
    width: 1.15rem !important;
    height: 1.15rem !important;
    max-width: 1.15rem !important;
    max-height: 1.15rem !important;
  }

  #dashboard-overview .mc-market-snapshot-context {
    margin-top: 0.18rem !important;
    margin-left: 2.55rem !important;
    max-width: 13.5rem !important;
    font-size: 0.58rem !important;
    line-height: 0.85rem !important;
    letter-spacing: 0.18em !important;
    color: rgba(103, 232, 249, 0.82) !important;
  }

  #dashboard-overview .mc-market-snapshot-title-quote {
    margin-left: auto !important;
    padding: 0.34rem 0.55rem !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: 0.72rem !important;
    background: rgba(2, 6, 23, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
  }

  #dashboard-overview .mc-mobile-snapshot-title-reset-button {
    width: 1.92rem !important;
    height: 1.92rem !important;
    min-width: 1.92rem !important;
    border-color: rgba(251, 191, 36, 0.28) !important;
    background: rgba(251, 191, 36, 0.08) !important;
    color: rgba(251, 191, 36, 0.90) !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(12rem, 0.35fr) minmax(0, 0.65fr) !important;
    gap: 0.65rem !important;
    align-items: center !important;
  }

  #dashboard-overview .mc-mobile-snapshot-view-control {
    min-width: 0 !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls .mc-market-group-select,
  #dashboard-overview .mc-market-snapshot-inner-controls .mc-market-group-custom-button {
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    border-radius: 0.78rem !important;
    background: rgba(2, 6, 23, 0.74) !important;
    border-color: rgba(34, 211, 238, 0.18) !important;
    font-size: 0.78rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline {
    min-width: 0 !important;
    padding: 0.42rem 0.52rem !important;
    border-radius: 0.78rem !important;
    border-color: rgba(34, 211, 238, 0.18) !important;
    background: rgba(2, 6, 23, 0.62) !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-head {
    margin-bottom: 0.32rem !important;
    font-size: 0.52rem !important;
    letter-spacing: 0.16em !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-nav {
    gap: 0.35rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-time-chip {
    min-height: 1.75rem !important;
    padding: 0.32rem 0.55rem !important;
    border-radius: 0.62rem !important;
    font-size: 0.68rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-step {
    width: 1.75rem !important;
    height: 1.75rem !important;
    min-width: 1.75rem !important;
  }

  #dashboard-overview .mc-command-main-row {
    grid-template-columns: var(--mc-command-center) var(--mc-command-rail) !important;
    grid-template-areas:
      "pulse signal"
      "read  signal" !important;
    gap: 0.82rem !important;
    align-items: stretch !important;
  }

  #dashboard-overview .mc-command-support-row {
    grid-template-columns: var(--mc-command-center) var(--mc-command-rail) !important;
    grid-template-areas: "watch news" !important;
    gap: 0.82rem !important;
  }

  #dashboard-overview .mc-command-card {
    border-radius: 1rem !important;
    border-color: rgba(51, 65, 85, 0.72) !important;
    background:
      linear-gradient(180deg, rgba(3, 9, 23, 0.98), rgba(2, 6, 18, 0.98)),
      radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.10), transparent 22rem) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1rem 2.2rem rgba(0,0,0,.18) !important;
  }

  #dashboard-overview .mc-command-card::before {
    top: 0.62rem !important;
    right: 0.78rem !important;
    font-size: 0.49rem !important;
    color: rgba(103, 232, 249, 0.22) !important;
  }

  #dashboard-overview .mc-command-pulse-card {
    min-height: 25rem !important;
    padding: 0.9rem !important;
    border-color: rgba(34, 211, 238, 0.31) !important;
    background:
      linear-gradient(180deg, rgba(2, 10, 26, 0.99), rgba(2, 6, 18, 0.98)),
      radial-gradient(circle at 18% 0%, rgba(34, 211, 238, 0.18), transparent 31rem),
      radial-gradient(circle at 85% 22%, rgba(59, 130, 246, 0.13), transparent 24rem),
      repeating-linear-gradient(90deg, rgba(34, 211, 238, 0.035) 0 1px, transparent 1px 42px) !important;
  }

  #dashboard-overview .mc-command-pulse-card > .flex:first-child,
  #dashboard-overview .mc-command-ai-read-card > .flex:first-child,
  #dashboard-overview .mc-command-signal-card > .flex:first-child,
  #dashboard-overview .mc-command-support-card > .flex:first-child {
    min-height: 2.25rem !important;
    padding-bottom: 0.58rem !important;
    margin-bottom: 0.72rem !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.68) !important;
  }

  #dashboard-overview .mc-command-pulse-card h2,
  #dashboard-overview .mc-command-signal-card h2,
  #dashboard-overview .mc-command-ai-read-card h2,
  #dashboard-overview .mc-command-support-card h2 {
    font-size: 0.94rem !important;
    line-height: 1.1rem !important;
  }

  #dashboard-overview .mc-command-pulse-card #dashboardPulseCompactSparkWrap {
    margin-left: auto !important;
    width: 6.2rem !important;
    height: 2.2rem !important;
    border-radius: 0.75rem !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    background: rgba(15, 23, 42, 0.42) !important;
  }

  #dashboard-overview #dashboardPulseCompactScore.mc-mobile-compact-score {
    width: 2.25rem !important;
    height: 2.25rem !important;
    min-width: 2.25rem !important;
    border-radius: 0.78rem !important;
    font-size: 0.82rem !important;
    background: rgba(2, 6, 23, 0.74) !important;
    border-color: rgba(34, 211, 238, 0.28) !important;
  }

  #dashboard-overview .mc-command-pulse-card #dashboardMarketPulseFullInline {
    min-height: 1.5rem !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0.55rem !important;
  }

  #dashboard-overview .mc-command-pulse-card #heroMarketIndexCard {
    margin-top: 0.45rem !important;
    margin-bottom: 0.65rem !important;
    border-radius: 0.88rem !important;
    border-color: rgba(34, 211, 238, 0.24) !important;
    background:
      linear-gradient(90deg, rgba(2, 6, 23, 0.88), rgba(4, 13, 30, 0.74)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.62rem !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-card {
    min-height: 5.6rem !important;
    border-radius: 0.92rem !important;
    border-color: rgba(51, 65, 85, 0.75) !important;
    background: rgba(2, 6, 23, 0.58) !important;
  }

  #dashboard-overview .mc-command-ai-read-card {
    min-height: 14.25rem !important;
    max-height: none !important;
    padding: 0.9rem !important;
    border-color: rgba(129, 140, 248, 0.22) !important;
    background:
      linear-gradient(180deg, rgba(5, 9, 24, 0.98), rgba(2, 6, 18, 0.98)),
      radial-gradient(circle at 0 0, rgba(129, 140, 248, 0.12), transparent 21rem) !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiRead {
    max-width: 62rem !important;
    font-size: 1.02rem !important;
    line-height: 1.25rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiReadText {
    max-width: 72rem !important;
    max-height: 4.7rem !important;
    min-height: 0 !important;
    margin-top: 0.62rem !important;
    font-size: 0.82rem !important;
    line-height: 1.22rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #dashboardAiKeySignals {
    gap: 0.42rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #dashboardAiKeySignals summary {
    padding: 0.42rem 0.58rem !important;
    border-radius: 0.55rem !important;
    font-size: 0.66rem !important;
  }

  #dashboard-overview .mc-command-signal-card {
    min-height: 0 !important;
    max-height: none !important;
    padding: 0.9rem !important;
    border-color: rgba(251, 191, 36, 0.26) !important;
    background:
      linear-gradient(180deg, rgba(9, 11, 23, 0.99), rgba(2, 6, 18, 0.98)),
      radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.16), transparent 19rem),
      radial-gradient(circle at 0% 35%, rgba(34, 211, 238, 0.11), transparent 18rem) !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalCompactSummary {
    padding: 0.42rem 0.58rem !important;
    border-radius: 0.62rem !important;
    border: 1px solid rgba(251, 191, 36, 0.13) !important;
    background: rgba(251, 191, 36, 0.055) !important;
    color: rgba(226, 232, 240, 0.82) !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList {
    gap: 0.58rem !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList > * {
    border-radius: 0.82rem !important;
    padding: 0.78rem !important;
    background: rgba(2, 6, 23, 0.66) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalContext {
    border-radius: 0.82rem !important;
    padding: 0.72rem !important;
  }

  #dashboard-overview .mc-command-support-card {
    min-height: 13.5rem !important;
    max-height: 20rem !important;
    padding: 0.9rem !important;
  }

  #dashboard-overview .mc-command-watchlist-card,
  #dashboard-overview .mc-command-news-card {
    background:
      linear-gradient(180deg, rgba(3, 9, 23, 0.98), rgba(2, 6, 18, 0.98)),
      radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.095), transparent 19rem) !important;
  }

  #dashboard-overview #dashboardNewsRows,
  #dashboard-overview #dashboardWatchlistList {
    max-height: 11.5rem !important;
  }
}

@media (min-width: 1680px) {
  #dashboard-overview.mc-command-view {
    --mc-command-shell-max: 1960px;
    --mc-command-rail: clamp(28rem, 23vw, 33rem);
  }

  #dashboard-overview .mc-command-pulse-card {
    min-height: 26rem !important;
  }

  #dashboard-overview .mc-command-signal-card {
    min-height: 0 !important;
  }
}

/* v16_1020: Command View visual cockpit polish.
   Desktop-only overrides: tighter shell, visible snapshot timeline, stronger pulse lens,
   cleaner right rail, and less prototype label noise. */
@media (min-width: 1024px) {
  :root {
    --mc-command-shell-max: 2260px;
    --mc-command-gap: 0.72rem;
    --mc-command-rail: clamp(27.5rem, 22vw, 34rem);
    --mc-command-cyan: rgba(34, 211, 238, 0.82);
    --mc-command-panel: rgba(2, 7, 20, 0.96);
  }

  body {
    background:
      radial-gradient(circle at 38% 0%, rgba(34, 211, 238, 0.075), transparent 34rem),
      radial-gradient(circle at 78% 18%, rgba(59, 130, 246, 0.055), transparent 28rem),
      linear-gradient(rgba(34, 211, 238, 0.027) 1px, transparent 1px),
      linear-gradient(90deg, rgba(34, 211, 238, 0.022) 1px, transparent 1px),
      #020612 !important;
    background-size: auto, auto, 2.8rem 2.8rem, 2.8rem 2.8rem, auto !important;
  }

  .mvp-main {
    padding-top: 0.5rem !important;
  }

  #dashboard-overview.mc-command-view {
    width: min(calc(100vw - 14.75rem), var(--mc-command-shell-max)) !important;
    max-width: var(--mc-command-shell-max) !important;
    margin-left: 0.75rem !important;
    margin-right: auto !important;
  }

  #dashboard-overview.mc-command-view::before,
  #dashboard-overview > .mc-market-snapshot-panel::before,
  #dashboard-overview .mc-command-card::before {
    content: none !important;
    display: none !important;
  }

  #dashboard-overview > .mc-home-market-family-panel {
    min-height: 3.05rem !important;
    margin-bottom: 0.52rem !important;
    padding: 0.32rem 0.62rem !important;
    border-radius: 0.82rem !important;
    border-color: rgba(34, 211, 238, 0.20) !important;
    background:
      linear-gradient(90deg, rgba(2, 7, 18, 0.98), rgba(4, 14, 31, 0.94), rgba(2, 7, 18, 0.98)),
      radial-gradient(circle at 50% -80%, rgba(34, 211, 238, 0.25), transparent 26rem) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 0 0 1px rgba(34, 211, 238, 0.04),
      0 0.85rem 2rem rgba(0,0,0,.24) !important;
  }

  #dashboard-overview .mc-market-family-tabs {
    min-height: 2.25rem !important;
    justify-content: center !important;
    gap: clamp(0.42rem, 0.78vw, 1rem) !important;
  }

  #dashboard-overview .mc-market-family-tab {
    min-width: 3.45rem !important;
    min-height: 2.22rem !important;
    padding: 0.22rem 0.42rem !important;
    border-radius: 0.7rem !important;
    opacity: 0.82 !important;
    border: 1px solid transparent !important;
  }

  #dashboard-overview .mc-market-family-tab.is-active {
    opacity: 1 !important;
    border-color: rgba(34, 211, 238, 0.44) !important;
    background:
      linear-gradient(180deg, rgba(14, 165, 233, 0.55), rgba(29, 78, 216, 0.48)) !important;
    box-shadow: 0 0 1.4rem rgba(34, 211, 238, 0.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel {
    grid-template-columns: minmax(21rem, 0.30fr) minmax(0, 0.70fr) !important;
    gap: 0.72rem !important;
    margin-bottom: 0.62rem !important;
    padding: 0.62rem 0.72rem !important;
    border-radius: 0.82rem !important;
    border-color: rgba(34, 211, 238, 0.34) !important;
    background:
      linear-gradient(90deg, rgba(1, 5, 15, 0.99), rgba(3, 13, 30, 0.96) 42%, rgba(1, 5, 15, 0.99)),
      linear-gradient(90deg, rgba(34, 211, 238, 0.11), transparent 34%, rgba(251, 191, 36, 0.035)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      inset 0 -1px 0 rgba(34, 211, 238, 0.08),
      0 0 0 1px rgba(34, 211, 238, 0.035),
      0 0.95rem 2.1rem rgba(0,0,0,.24) !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel > .flex.items-start.justify-between.gap-3 {
    min-height: 3.05rem !important;
    padding: 0 0.62rem 0 0 !important;
    border-right: 1px solid rgba(34, 211, 238, 0.18) !important;
  }

  #dashboard-overview .mc-market-snapshot-heading {
    font-size: 0.88rem !important;
    letter-spacing: -0.015em !important;
  }

  #dashboard-overview .mc-market-snapshot-family-icon {
    width: 1.82rem !important;
    height: 1.82rem !important;
    min-width: 1.82rem !important;
    border-radius: 0.6rem !important;
    background: rgba(34, 211, 238, 0.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 .9rem rgba(34, 211, 238, 0.12) !important;
  }

  #dashboard-overview .mc-market-snapshot-context {
    margin-top: 0.12rem !important;
    margin-left: 2.34rem !important;
    max-width: 16rem !important;
    font-size: 0.55rem !important;
    line-height: 0.75rem !important;
    letter-spacing: 0.2em !important;
  }

  #dashboard-overview .mc-market-snapshot-title-quote {
    padding: 0.26rem 0.48rem !important;
    border-radius: 999px !important;
    font-size: 0.66rem !important;
    background: rgba(2, 6, 23, 0.72) !important;
    border-color: rgba(34, 211, 238, 0.15) !important;
  }

  #dashboard-overview .mc-mobile-snapshot-title-reset-button {
    width: 1.75rem !important;
    height: 1.75rem !important;
    min-width: 1.75rem !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls,
  #dashboard-overview .mc-market-snapshot-panel.mc-mobile-snapshot-collapsible:not(.mc-mobile-snapshot-expanded) .mc-market-snapshot-inner-controls {
    display: grid !important;
    grid-template-columns: minmax(12rem, 0.25fr) minmax(0, 0.75fr) !important;
    gap: 0.52rem !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #dashboard-overview .mc-market-snapshot-panel.mc-mobile-snapshot-collapsible:not(.mc-mobile-snapshot-expanded) .mc-market-snapshot-inner-controls > .mc-mobile-snapshot-view-control,
  #dashboard-overview .mc-market-snapshot-panel.mc-mobile-snapshot-collapsible:not(.mc-mobile-snapshot-expanded) .mc-market-snapshot-inner-controls > .mc-mobile-snapshot-timeline,
  #dashboard-overview .mc-market-snapshot-panel .mc-market-snapshot-inner-controls > .mc-mobile-snapshot-timeline {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls .mc-market-group-select,
  #dashboard-overview .mc-market-snapshot-inner-controls .mc-market-group-custom-button {
    height: 2.12rem !important;
    min-height: 2.12rem !important;
    border-radius: 0.62rem !important;
    font-size: 0.72rem !important;
    background: rgba(2, 6, 23, 0.78) !important;
    border-color: rgba(34, 211, 238, 0.22) !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline {
    padding: 0.34rem 0.44rem !important;
    border-radius: 0.62rem !important;
    background: rgba(2, 6, 23, 0.58) !important;
    border-color: rgba(34, 211, 238, 0.17) !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-head {
    margin-bottom: 0.2rem !important;
    font-size: 0.47rem !important;
    line-height: 0.68rem !important;
    opacity: 0.74 !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-nav {
    gap: 0.28rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-time-chip {
    min-height: 1.48rem !important;
    padding: 0.22rem 0.44rem !important;
    border-radius: 0.48rem !important;
    font-size: 0.61rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-step {
    width: 1.48rem !important;
    height: 1.48rem !important;
    min-width: 1.48rem !important;
  }

  #dashboard-overview .mc-command-main-row,
  #dashboard-overview .mc-command-support-row {
    gap: var(--mc-command-gap) !important;
  }

  #dashboard-overview .mc-command-card {
    border-radius: 0.92rem !important;
    border-color: rgba(51, 65, 85, 0.78) !important;
    background:
      linear-gradient(180deg, rgba(2, 8, 21, 0.98), rgba(1, 5, 15, 0.985)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 0 0 1px rgba(34, 211, 238, 0.022),
      0 0.9rem 2rem rgba(0,0,0,.22) !important;
  }

  #dashboard-overview .mc-command-pulse-card {
    min-height: 27.6rem !important;
    padding: 0.82rem !important;
    position: relative !important;
    overflow: hidden !important;
    border-color: rgba(34, 211, 238, 0.42) !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.20), transparent 26rem),
      radial-gradient(circle at 92% 10%, rgba(59, 130, 246, 0.15), transparent 25rem),
      linear-gradient(180deg, rgba(2, 11, 28, 0.99), rgba(1, 5, 16, 0.99)) !important;
  }

  #dashboard-overview .mc-command-pulse-card::after {
    content: "";
    position: absolute;
    inset: 3.25rem 0.82rem 0.82rem;
    border-radius: 0.82rem;
    pointer-events: none;
    background:
      linear-gradient(rgba(34, 211, 238, 0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(34, 211, 238, 0.028) 1px, transparent 1px),
      radial-gradient(circle at 50% 38%, rgba(34, 211, 238, 0.075), transparent 18rem);
    background-size: 2.2rem 2.2rem, 2.2rem 2.2rem, auto;
    mask-image: linear-gradient(to bottom, transparent 0, black 2.2rem, black 100%);
    opacity: 0.72;
    z-index: 0;
  }

  #dashboard-overview .mc-command-pulse-card > * {
    position: relative !important;
    z-index: 1 !important;
  }

  #dashboard-overview .mc-command-pulse-card > .flex:first-child,
  #dashboard-overview .mc-command-ai-read-card > .flex:first-child,
  #dashboard-overview .mc-command-signal-card > .flex:first-child,
  #dashboard-overview .mc-command-support-card > .flex:first-child {
    min-height: 2rem !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.58rem !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.78) !important;
  }

  #dashboard-overview .mc-command-pulse-card h2,
  #dashboard-overview .mc-command-signal-card h2,
  #dashboard-overview .mc-command-ai-read-card h2,
  #dashboard-overview .mc-command-support-card h2 {
    font-size: 0.9rem !important;
    letter-spacing: -0.01em !important;
  }

  #dashboard-overview .mc-command-pulse-card #dashboardPulseCompactSparkWrap {
    width: 6.8rem !important;
    height: 2.35rem !important;
    background: rgba(15, 23, 42, 0.50) !important;
    border-color: rgba(248, 113, 113, 0.20) !important;
    box-shadow: 0 0 1.2rem rgba(248, 113, 113, 0.08) !important;
  }

  #dashboard-overview #dashboardPulseCompactScore.mc-mobile-compact-score {
    width: 2.05rem !important;
    height: 2.05rem !important;
    min-width: 2.05rem !important;
    border-radius: 0.66rem !important;
    font-size: 0.78rem !important;
  }

  #dashboard-overview .mc-command-pulse-card #heroMarketIndexCard {
    margin-top: 0.5rem !important;
    margin-bottom: 0.52rem !important;
    padding: 0.68rem 0.78rem !important;
    border-radius: 0.72rem !important;
    border-color: rgba(34, 211, 238, 0.34) !important;
    background:
      linear-gradient(90deg, rgba(1, 5, 15, 0.90), rgba(5, 21, 43, 0.72), rgba(1, 5, 15, 0.90)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 1.1rem rgba(34,211,238,.07) !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.48rem !important;
    margin-top: 0.5rem !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-card {
    min-height: 4.85rem !important;
    border-radius: 0.72rem !important;
    border-color: rgba(34, 211, 238, 0.18) !important;
    background: rgba(1, 5, 15, 0.68) !important;
    backdrop-filter: blur(8px) !important;
  }

  #dashboard-overview .mc-pulse-detail-card-header h3 {
    font-size: 0.82rem !important;
  }

  #dashboard-overview .mc-pulse-card-toggle {
    width: 1.55rem !important;
    height: 1.55rem !important;
    min-width: 1.55rem !important;
    padding: 0 !important;
    border-radius: 999px !important;
  }

  #dashboard-overview .mc-command-ai-read-card {
    min-height: 12.7rem !important;
    padding: 0.82rem !important;
    border-color: rgba(129, 140, 248, 0.26) !important;
    background:
      linear-gradient(90deg, rgba(6, 9, 24, 0.99), rgba(3, 8, 22, 0.98)),
      radial-gradient(circle at 0 0, rgba(129, 140, 248, 0.14), transparent 18rem) !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiRead {
    max-width: 58rem !important;
    font-size: 0.95rem !important;
    line-height: 1.16rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiReadText {
    max-width: 76rem !important;
    max-height: 3.8rem !important;
    margin-top: 0.48rem !important;
    font-size: 0.76rem !important;
    line-height: 1.1rem !important;
    color: rgba(226, 232, 240, 0.86) !important;
  }

  #dashboard-overview .mc-command-ai-read-card #dashboardAiKeySignals summary {
    padding: 0.35rem 0.52rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.61rem !important;
  }

  #dashboard-overview .mc-command-signal-card {
    padding: 0.82rem !important;
    border-color: rgba(251, 191, 36, 0.32) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.17), transparent 18rem),
      radial-gradient(circle at 0 22%, rgba(34, 211, 238, 0.11), transparent 16rem),
      linear-gradient(180deg, rgba(7, 9, 21, 0.99), rgba(1, 5, 15, 0.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), -0.55rem 0 1.7rem rgba(34, 211, 238, 0.035), 0 1rem 2rem rgba(0,0,0,.25) !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalCompactSummary {
    margin-bottom: 0.55rem !important;
    padding: 0.34rem 0.52rem !important;
    border-radius: 0.58rem !important;
    font-size: 0.64rem !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList {
    gap: 0.48rem !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList > * {
    border-radius: 0.72rem !important;
    padding: 0.68rem !important;
    background: rgba(1, 5, 15, 0.74) !important;
    border-color: rgba(251, 191, 36, 0.12) !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalContext {
    margin-top: 0.58rem !important;
    border-radius: 0.72rem !important;
    padding: 0.58rem !important;
    border-color: rgba(34, 211, 238, 0.20) !important;
  }

  #dashboard-overview .mc-command-support-card {
    min-height: 12rem !important;
    max-height: 17.5rem !important;
    padding: 0.82rem !important;
  }

  #dashboard-overview .mc-command-watchlist-card,
  #dashboard-overview .mc-command-news-card {
    border-color: rgba(34, 211, 238, 0.18) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.105), transparent 17rem),
      linear-gradient(180deg, rgba(2, 8, 20, 0.98), rgba(1, 5, 15, 0.99)) !important;
  }

  #dashboard-overview #dashboardNewsRows,
  #dashboard-overview #dashboardWatchlistList {
    max-height: 9.8rem !important;
    overflow: auto !important;
    padding-right: 0.2rem !important;
  }
}

@media (min-width: 1680px) {
  #dashboard-overview.mc-command-view {
    --mc-command-shell-max: 2360px;
    --mc-command-rail: clamp(30rem, 21vw, 35.5rem);
  }

  #dashboard-overview .mc-command-pulse-card {
    min-height: 29rem !important;
  }
}


/* v16_1021: Command View content cockpit pass.
   Desktop-only overrides: tighten the Snapshot Timeline into a single instrument row,
   make Market Pulse read as the primary radar lens, turn AI Read into a brief,
   and clean up the right/support rail stacking. Mobile remains controlled by marketcapital-mobile.css. */
@media (min-width: 1024px) {
  :root {
    --mc-command-shell-max: 2320px;
    --mc-command-gap: 0.62rem;
    --mc-command-rail: clamp(27rem, 21vw, 32.5rem);
  }

  #dashboard-overview.mc-command-view {
    width: min(calc(100vw - 14.15rem), var(--mc-command-shell-max)) !important;
    margin-left: 0.52rem !important;
  }

  #dashboard-overview > .mc-home-market-family-panel {
    min-height: 2.76rem !important;
    padding: 0.24rem 0.54rem !important;
    margin-bottom: 0.46rem !important;
    border-radius: 0.74rem !important;
  }

  #dashboard-overview .mc-market-family-tabs {
    min-height: 2rem !important;
    gap: clamp(0.34rem, 0.62vw, 0.82rem) !important;
  }

  #dashboard-overview .mc-market-family-tab {
    min-height: 1.94rem !important;
    min-width: 3.18rem !important;
    padding: 0.16rem 0.34rem !important;
    border-radius: 0.56rem !important;
    font-size: 0.57rem !important;
  }

  #dashboard-overview .mc-market-family-icon {
    width: 0.92rem !important;
    height: 0.92rem !important;
    font-size: 0.86rem !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel {
    grid-template-columns: minmax(20rem, 0.28fr) minmax(0, 0.72fr) !important;
    min-height: 4.15rem !important;
    padding: 0.48rem 0.58rem !important;
    margin-bottom: 0.52rem !important;
    border-radius: 0.74rem !important;
  }

  #dashboard-overview > .mc-market-snapshot-panel > .flex.items-start.justify-between.gap-3 {
    min-height: 2.5rem !important;
    align-items: center !important;
    padding-right: 0.52rem !important;
  }

  #dashboard-overview .mc-market-snapshot-heading {
    font-size: 0.78rem !important;
    line-height: 0.95rem !important;
  }

  #dashboard-overview .mc-market-snapshot-family-icon {
    width: 1.52rem !important;
    height: 1.52rem !important;
    min-width: 1.52rem !important;
    border-radius: 0.5rem !important;
  }

  #dashboard-overview .mc-market-snapshot-context {
    margin-left: 2.02rem !important;
    font-size: 0.5rem !important;
    line-height: 0.62rem !important;
    letter-spacing: 0.18em !important;
  }

  #dashboard-overview .mc-market-snapshot-title-quote {
    padding: 0.18rem 0.42rem !important;
    font-size: 0.6rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-title-reset-button {
    width: 1.46rem !important;
    height: 1.46rem !important;
    min-width: 1.46rem !important;
    font-size: 0.72rem !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls,
  #dashboard-overview .mc-market-snapshot-panel.mc-mobile-snapshot-collapsible:not(.mc-mobile-snapshot-expanded) .mc-market-snapshot-inner-controls {
    grid-template-columns: minmax(10.5rem, 0.2fr) minmax(0, 0.8fr) !important;
    gap: 0.42rem !important;
  }

  #dashboard-overview .mc-market-snapshot-inner-controls .mc-market-group-select,
  #dashboard-overview .mc-market-snapshot-inner-controls .mc-market-group-custom-button {
    height: 1.82rem !important;
    min-height: 1.82rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.64rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline {
    padding: 0.22rem 0.34rem !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-head {
    margin-bottom: 0.12rem !important;
    font-size: 0.42rem !important;
    line-height: 0.52rem !important;
    opacity: 0.62 !important;
  }

  #dashboard-overview .mc-mobile-snapshot-timeline-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.22rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 0.05rem !important;
    scrollbar-width: thin;
  }

  #dashboard-overview .mc-mobile-snapshot-time-chip {
    flex: 0 0 auto !important;
    min-height: 1.18rem !important;
    padding: 0.14rem 0.36rem !important;
    border-radius: 0.4rem !important;
    font-size: 0.54rem !important;
    line-height: 0.74rem !important;
  }

  #dashboard-overview .mc-mobile-snapshot-step {
    flex: 0 0 auto !important;
    width: 1.18rem !important;
    height: 1.18rem !important;
    min-width: 1.18rem !important;
    font-size: 0.62rem !important;
  }

  #dashboard-overview .mc-command-main-row {
    grid-template-columns: minmax(0, 1fr) var(--mc-command-rail) !important;
    grid-template-areas:
      "pulse signal"
      "read  signal" !important;
  }

  #dashboard-overview .mc-command-support-row {
    grid-template-columns: minmax(0, 1fr) var(--mc-command-rail) !important;
    grid-template-areas: "watch news" !important;
  }

  #dashboard-overview .mc-command-card {
    border-radius: 0.78rem !important;
  }

  #dashboard-overview .mc-command-pulse-card {
    min-height: 24.6rem !important;
    padding: 0.72rem !important;
    border-color: rgba(34, 211, 238, 0.48) !important;
    background:
      radial-gradient(circle at 50% 32%, rgba(34, 211, 238, 0.12), transparent 20rem),
      linear-gradient(rgba(34, 211, 238, 0.036) 1px, transparent 1px),
      linear-gradient(90deg, rgba(34, 211, 238, 0.03) 1px, transparent 1px),
      linear-gradient(180deg, rgba(2, 12, 30, 0.99), rgba(1, 5, 15, 0.99)) !important;
    background-size: auto, 2rem 2rem, 2rem 2rem, auto !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      inset 0 0 0 1px rgba(34, 211, 238, 0.05),
      0 0 2.4rem rgba(34, 211, 238, 0.055),
      0 0.9rem 2rem rgba(0,0,0,.25) !important;
  }

  #dashboard-overview .mc-command-pulse-card::after {
    inset: 2.8rem 0.72rem 0.72rem !important;
    opacity: 0.88 !important;
    background:
      radial-gradient(circle at 50% 45%, rgba(34, 211, 238, 0.10), transparent 16rem),
      linear-gradient(90deg, transparent 0, rgba(34, 211, 238, 0.12) 50%, transparent 100%) !important;
    background-size: auto, 100% 1px !important;
    background-repeat: no-repeat !important;
    background-position: center, center 42% !important;
  }

  #dashboard-overview .mc-command-pulse-card > .flex:first-child {
    min-height: 1.65rem !important;
    padding-bottom: 0.36rem !important;
    margin-bottom: 0.42rem !important;
  }

  #dashboard-overview .mc-command-pulse-card h2 {
    font-size: 0.84rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
  }

  #dashboard-overview .mc-command-pulse-card #dashboardPulseCompactSparkWrap {
    width: 5.7rem !important;
    height: 1.8rem !important;
    border-radius: 0.46rem !important;
  }

  #dashboard-overview #dashboardPulseCompactScore.mc-mobile-compact-score {
    width: 1.72rem !important;
    height: 1.72rem !important;
    min-width: 1.72rem !important;
    border-radius: 0.52rem !important;
    font-size: 0.7rem !important;
  }

  #dashboard-overview .mc-command-pulse-card #heroMarketIndexCard {
    margin-top: 0.34rem !important;
    margin-bottom: 0.42rem !important;
    padding: 0.6rem 0.72rem !important;
    min-height: 3.3rem !important;
    border-radius: 0.62rem !important;
    border-color: rgba(34, 211, 238, 0.55) !important;
    background:
      linear-gradient(90deg, rgba(1, 5, 15, 0.96), rgba(6, 31, 55, 0.72), rgba(1, 5, 15, 0.96)) !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.38rem !important;
    margin-top: 0.42rem !important;
  }

  #dashboard-overview .mc-command-pulse-card .mc-pulse-detail-card {
    min-height: 4.1rem !important;
    border-radius: 0.62rem !important;
    background: rgba(1, 5, 15, 0.76) !important;
  }

  #dashboard-overview .mc-pulse-detail-card-header h3 {
    font-size: 0.74rem !important;
  }

  #dashboard-overview .mc-pulse-card-toggle {
    width: 1.3rem !important;
    height: 1.3rem !important;
    min-width: 1.3rem !important;
    font-size: 0.58rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card {
    min-height: 10.9rem !important;
    padding: 0.72rem !important;
    border-color: rgba(129, 140, 248, 0.32) !important;
    background:
      radial-gradient(circle at 0 0, rgba(129, 140, 248, 0.13), transparent 18rem),
      linear-gradient(90deg, rgba(5, 8, 21, 0.99), rgba(2, 7, 18, 0.99)) !important;
  }

  #dashboard-overview .mc-command-ai-read-card > .flex:first-child {
    min-height: 1.55rem !important;
    padding-bottom: 0.34rem !important;
    margin-bottom: 0.38rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card h2 {
    font-size: 0.84rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiRead {
    max-width: 52rem !important;
    font-size: 0.88rem !important;
    line-height: 1.05rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #heroAiReadText {
    max-width: 58rem !important;
    max-height: 2.85rem !important;
    margin-top: 0.38rem !important;
    font-size: 0.70rem !important;
    line-height: 0.98rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #dashboardAiKeySignals {
    margin-top: 0.44rem !important;
  }

  #dashboard-overview .mc-command-ai-read-card #dashboardAiKeySignals summary {
    padding: 0.28rem 0.44rem !important;
    font-size: 0.56rem !important;
    border-radius: 0.42rem !important;
  }

  #dashboard-overview .mc-command-signal-card {
    min-height: 24.6rem !important;
    padding: 0.72rem !important;
    border-radius: 0.78rem !important;
    border-color: rgba(251, 191, 36, 0.34) !important;
  }

  #dashboard-overview .mc-command-signal-card > .flex:first-child,
  #dashboard-overview .mc-command-support-card > .flex:first-child {
    min-height: 1.55rem !important;
    padding-bottom: 0.34rem !important;
    margin-bottom: 0.42rem !important;
  }

  #dashboard-overview .mc-command-signal-card h2,
  #dashboard-overview .mc-command-support-card h2 {
    font-size: 0.82rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalCompactSummary {
    margin-bottom: 0.46rem !important;
    padding: 0.28rem 0.44rem !important;
    font-size: 0.58rem !important;
    border-radius: 0.46rem !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList {
    gap: 0.38rem !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalList > * {
    border-radius: 0.62rem !important;
    padding: 0.56rem !important;
  }

  #dashboard-overview .mc-command-signal-card #dashboardSignalContext {
    margin-top: 0.44rem !important;
    border-radius: 0.58rem !important;
    padding: 0.48rem !important;
  }

  #dashboard-overview .mc-command-support-card {
    min-height: 10rem !important;
    max-height: 15.2rem !important;
    padding: 0.72rem !important;
    border-radius: 0.78rem !important;
  }

  #dashboard-overview #dashboardNewsRows,
  #dashboard-overview #dashboardWatchlistList {
    max-height: 7.8rem !important;
    overflow: auto !important;
  }

  #dashboard-overview #heroNewsLine {
    max-height: 2.5rem !important;
    overflow: hidden !important;
    font-size: 0.7rem !important;
    line-height: 0.95rem !important;
  }
}

@media (min-width: 1680px) {
  #dashboard-overview.mc-command-view {
    --mc-command-shell-max: 2380px;
    --mc-command-rail: clamp(29rem, 20vw, 34rem);
  }

  #dashboard-overview .mc-command-pulse-card,
  #dashboard-overview .mc-command-signal-card {
    min-height: 25.8rem !important;
  }
}

/*
  END QUARANTINED LEGACY CSS.
  Keep everything above parked until a later targeted removal/migration proves safe.
*/

/* v16_1031: hard shell isolation.
   Desktop gets a clean Command View placeholder. Phone/tablet/touch browsers keep the mobile Snapshot Stack. */
/*
  KEEP — desktop clean slate / shell isolation.
  This section intentionally hides the mobile app shell on true desktop/laptop and
  shows the clean Command View slate. Do not remove while Command View is being rebuilt.
*/
#mcCommandViewPlaceholder {
  display: none;
}

html.mc-shell-command-slate body {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(8, 145, 178, 0.18), transparent 34rem),
    radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.14), transparent 32rem),
    #080B12;
}

html.mc-shell-command-slate .mvp-app-shell,
html.mc-shell-command-slate .mvp-bottom-nav,
html.mc-shell-command-slate #mobileMenuPanel {
  display: none !important;
}

html.mc-shell-command-slate #mcCommandViewPlaceholder {
  display: flex !important;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.mc-command-slate-card {
  width: min(48rem, 100%);
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 2rem;
  background: linear-gradient(145deg, rgba(2, 6, 23, 0.92), rgba(8, 11, 18, 0.82));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.mc-command-slate-brand {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 2rem;
}

.mc-command-slate-brand img {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
}

.mc-command-slate-title {
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #fff;
}

.mc-command-slate-title span {
  color: #22d3ee;
}

.mc-command-slate-subtitle {
  margin-top: 0.15rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: rgba(226, 232, 240, 0.82);
}

.mc-command-slate-kicker {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(34, 211, 238, 0.42);
  border-radius: 999px;
  background: rgba(8, 145, 178, 0.12);
  padding: 0.4rem 0.75rem;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #67e8f9;
}

.mc-command-slate-card h1 {
  margin: 1.1rem 0 0.65rem;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.95;
  font-weight: 950;
  letter-spacing: -0.07em;
  color: #fff;
}

.mc-command-slate-card p {
  max-width: 40rem;
  font-size: 1rem;
  line-height: 1.65;
  color: rgba(203, 213, 225, 0.9);
}

.mc-command-slate-rules {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.mc-command-slate-rules span {
  border: 1px solid rgba(51, 65, 85, 0.92);
  border-radius: 1rem;
  background: rgba(15, 23, 42, 0.74);
  padding: 0.85rem;
  font-size: 0.8rem;
  font-weight: 800;
  color: rgba(241, 245, 249, 0.92);
}

html.mc-shell-mobile-tablet .mvp-sidebar {
  display: none !important;
}

html.mc-shell-mobile-tablet .mvp-app-shell {
  display: block !important;
}

html.mc-shell-mobile-tablet .mvp-main {
  width: 100% !important;
  max-width: 30rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0.65rem 0.85rem 6rem !important;
}

html.mc-shell-mobile-tablet .mvp-main > header {
  position: static !important;
  top: auto !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0.65rem 0 0.85rem !important;
  border-bottom: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

html.mc-shell-mobile-tablet .mc-mobile-menu-icon {
  display: inline-flex !important;
}

html.mc-shell-mobile-tablet #themeToggleButton {
  display: none !important;
}

html.mc-shell-mobile-tablet .mc-topbar-slogan {
  display: block !important;
}

html.mc-shell-mobile-tablet .mvp-bottom-nav {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.mc-shell-mobile-tablet .mc-command-overview-grid,
html.mc-shell-mobile-tablet .mc-command-main-row {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
}

html.mc-shell-mobile-tablet .mc-command-card {
  width: 100% !important;
}

html.mc-shell-mobile-tablet #mcCommandViewPlaceholder {
  display: none !important;
}

@media (max-width: 720px) {
  .mc-command-slate-rules {
    grid-template-columns: 1fr;
  }
}

html.mc-shell-mobile-tablet #mobileMenuPanel:not(.hidden) {
  display: block !important;
}

/*
  REBUILD STARTS HERE — future Command View CSS.
  Add new desktop-only Command View rules below this marker after the desktop layout
  is intentionally rebuilt. Keep mobile/tablet Snapshot Stack styles out of this file.
*/

/*
  v16_1040 CLEAN COMMAND VIEW FOUNDATION.
  Desktop-only layout foundation for the rebuild. This section is intentionally
  scoped to #mcCommandViewPlaceholder and .mc-command-foundation so it does not
  affect the phone/tablet Snapshot Stack.
*/
html.mc-shell-command-slate #mcCommandViewPlaceholder {
  align-items: stretch;
  justify-content: center;
  padding: clamp(1.25rem, 2vw, 2rem);
}

.mc-command-foundation {
  width: min(1180px, 100%);
  min-height: calc(100vh - clamp(2.5rem, 4vw, 4rem));
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mc-command-foundation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 1.5rem;
  background: rgba(2, 6, 23, 0.76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  padding: 1rem 1.15rem;
}

.mc-command-foundation-header .mc-command-slate-brand {
  margin-bottom: 0;
}

.mc-command-foundation-status {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  border: 1px solid rgba(51, 65, 85, 0.9);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.74);
  padding: 0.45rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  color: rgba(203, 213, 225, 0.92);
}

.mc-command-foundation-status strong {
  color: #67e8f9;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.68rem;
}

.mc-command-foundation-grid {
  flex: 1;
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr) 20rem;
  gap: 1rem;
  min-height: 0;
}

.mc-command-foundation-rail,
.mc-command-foundation-main,
.mc-command-foundation-companion {
  border: 1px solid rgba(51, 65, 85, 0.86);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(2, 6, 23, 0.82), rgba(8, 11, 18, 0.72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.mc-command-foundation-rail {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 1rem;
}

.mc-command-foundation-rail span {
  display: flex;
  align-items: center;
  min-height: 2.45rem;
  border: 1px solid transparent;
  border-radius: 0.95rem;
  padding: 0 0.85rem;
  font-size: 0.82rem;
  font-weight: 850;
  color: rgba(203, 213, 225, 0.84);
}

.mc-command-foundation-rail span.is-active {
  border-color: rgba(34, 211, 238, 0.32);
  background: rgba(8, 145, 178, 0.14);
  color: #e0faff;
}

.mc-command-foundation-main {
  padding: clamp(1.25rem, 2vw, 2rem);
}

.mc-command-foundation-main h1 {
  margin: 1rem 0 0.75rem;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 0.96;
  font-weight: 950;
  letter-spacing: -0.07em;
  color: #fff;
}

.mc-command-foundation-main p,
.mc-command-foundation-companion p {
  color: rgba(203, 213, 225, 0.9);
  line-height: 1.65;
}

.mc-command-foundation-panels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1.5rem;
}

.mc-command-foundation-panels div {
  min-height: 8rem;
  border: 1px solid rgba(51, 65, 85, 0.92);
  border-radius: 1.1rem;
  background: rgba(15, 23, 42, 0.58);
  padding: 1rem;
}

.mc-command-foundation-panels strong,
.mc-command-foundation-panels span {
  display: block;
}

.mc-command-foundation-panels strong {
  color: rgba(248, 250, 252, 0.96);
  font-size: 0.92rem;
}

.mc-command-foundation-panels span {
  margin-top: 0.35rem;
  color: rgba(148, 163, 184, 0.86);
  font-size: 0.78rem;
  line-height: 1.45;
}

.mc-command-foundation-companion {
  padding: 1.15rem;
}

.mc-command-foundation-companion h2 {
  margin: 1rem 0 0.6rem;
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #fff;
}

@media (max-width: 1080px) {
  .mc-command-foundation-grid {
    grid-template-columns: 10rem minmax(0, 1fr);
  }

  .mc-command-foundation-companion {
    grid-column: 1 / -1;
  }
}

/*
  v16_1041 COMMAND VIEW VISUAL POLISH PASS.
  Desktop-only visual polish for the clean Command View foundation. Scoped to
  #mcCommandViewPlaceholder so phone/tablet Snapshot Stack remains untouched.
*/
html.mc-shell-command-slate {
  background: #04070d;
}

html.mc-shell-command-slate body {
  background:
    radial-gradient(circle at 12% 8%, rgba(0, 200, 255, 0.13), transparent 24rem),
    radial-gradient(circle at 80% 16%, rgba(59, 130, 246, 0.12), transparent 30rem),
    radial-gradient(circle at 50% 100%, rgba(15, 23, 42, 0.95), transparent 34rem),
    linear-gradient(180deg, #050814 0%, #030711 58%, #02050b 100%) !important;
}

html.mc-shell-command-slate #mcCommandViewPlaceholder {
  position: relative;
  overflow: hidden;
  padding: clamp(1rem, 1.8vw, 1.6rem);
}

html.mc-shell-command-slate #mcCommandViewPlaceholder::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(34, 211, 238, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(34, 211, 238, 0.025) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.16));
}

html.mc-shell-command-slate .mc-command-foundation {
  position: relative;
  width: min(1320px, 100%);
  gap: 0.85rem;
}

html.mc-shell-command-slate .mc-command-foundation::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 1.8rem;
  pointer-events: none;
  border: 1px solid rgba(34, 211, 238, 0.08);
}

html.mc-shell-command-slate .mc-command-foundation-header {
  min-height: 4.6rem;
  border-color: rgba(56, 189, 248, 0.24);
  background:
    linear-gradient(135deg, rgba(2, 8, 23, 0.94), rgba(8, 13, 27, 0.82)),
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.15), transparent 22rem);
  box-shadow:
    0 1.25rem 3.5rem rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

html.mc-shell-command-slate .mc-command-slate-brand img {
  width: 2.65rem;
  height: 2.65rem;
  filter: drop-shadow(0 0 1.25rem rgba(34, 211, 238, 0.26));
}

html.mc-shell-command-slate .mc-command-slate-title {
  font-size: 1.42rem;
}

html.mc-shell-command-slate .mc-command-slate-subtitle {
  color: rgba(203, 213, 225, 0.88);
}

html.mc-shell-command-slate .mc-command-foundation-status {
  border-color: rgba(34, 211, 238, 0.22);
  background: rgba(2, 8, 23, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.mc-shell-command-slate .mc-command-foundation-grid {
  grid-template-columns: 11.5rem minmax(0, 1fr) 22rem;
  gap: 0.85rem;
}

html.mc-shell-command-slate .mc-command-foundation-rail,
html.mc-shell-command-slate .mc-command-foundation-main,
html.mc-shell-command-slate .mc-command-foundation-companion {
  border-color: rgba(51, 65, 85, 0.72);
  background:
    linear-gradient(145deg, rgba(2, 8, 23, 0.90), rgba(8, 13, 27, 0.74)),
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.08), transparent 18rem);
  box-shadow:
    0 1.35rem 3.25rem rgba(0, 0, 0, 0.23),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html.mc-shell-command-slate .mc-command-foundation-rail {
  padding: 0.85rem;
}

html.mc-shell-command-slate .mc-command-rail-label {
  margin: 0.15rem 0 0.45rem;
  padding: 0 0.35rem;
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(103, 232, 249, 0.58);
}

html.mc-shell-command-slate .mc-command-foundation-rail span {
  position: relative;
  min-height: 2.55rem;
  padding-left: 1rem;
  border-color: rgba(51, 65, 85, 0.38);
  background: rgba(15, 23, 42, 0.24);
}

html.mc-shell-command-slate .mc-command-foundation-rail span::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.55rem;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.78);
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.12);
}

html.mc-shell-command-slate .mc-command-foundation-rail span.is-active {
  border-color: rgba(34, 211, 238, 0.42);
  background: linear-gradient(135deg, rgba(8, 145, 178, 0.24), rgba(29, 78, 216, 0.14));
  box-shadow: 0 0.8rem 1.8rem rgba(14, 165, 233, 0.12);
}

html.mc-shell-command-slate .mc-command-foundation-rail span.is-active::before {
  background: #67e8f9;
  box-shadow: 0 0 1rem rgba(103, 232, 249, 0.62);
}

html.mc-shell-command-slate .mc-command-foundation-main {
  position: relative;
  overflow: hidden;
  padding: clamp(1.35rem, 2vw, 2.2rem);
}

html.mc-shell-command-slate .mc-command-foundation-main::after {
  content: "COMMAND VIEW";
  position: absolute;
  right: 1.25rem;
  top: 1rem;
  font-size: clamp(2.4rem, 7vw, 6.25rem);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.08em;
  color: rgba(148, 163, 184, 0.035);
  pointer-events: none;
}

html.mc-shell-command-slate .mc-command-slate-kicker {
  position: relative;
  z-index: 1;
  border-color: rgba(103, 232, 249, 0.34);
  background: rgba(8, 145, 178, 0.14);
}

html.mc-shell-command-slate .mc-command-foundation-main h1 {
  position: relative;
  z-index: 1;
  max-width: 46rem;
  margin-top: 1.05rem;
  letter-spacing: -0.075em;
}

html.mc-shell-command-slate .mc-command-foundation-main p {
  position: relative;
  z-index: 1;
  max-width: 48rem;
  color: rgba(226, 232, 240, 0.86);
}

html.mc-shell-command-slate .mc-command-foundation-panels {
  position: relative;
  z-index: 1;
  gap: 0.72rem;
}

html.mc-shell-command-slate .mc-command-foundation-panels div {
  min-height: 9.25rem;
  border-color: rgba(56, 189, 248, 0.16);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.66), rgba(2, 8, 23, 0.58)),
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.12), transparent 14rem);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

html.mc-shell-command-slate .mc-command-foundation-panels div::before {
  content: "Reserved panel";
  display: inline-flex;
  margin-bottom: 1.25rem;
  border: 1px solid rgba(51, 65, 85, 0.68);
  border-radius: 999px;
  padding: 0.22rem 0.5rem;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.86);
}

html.mc-shell-command-slate .mc-command-foundation-strip {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.85rem;
}

html.mc-shell-command-slate .mc-command-foundation-strip span {
  border: 1px solid rgba(51, 65, 85, 0.72);
  border-radius: 0.95rem;
  background: rgba(2, 8, 23, 0.52);
  padding: 0.68rem 0.8rem;
  font-size: 0.72rem;
  font-weight: 850;
  color: rgba(203, 213, 225, 0.88);
}

html.mc-shell-command-slate .mc-command-foundation-companion {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

html.mc-shell-command-slate .mc-command-foundation-companion h2 {
  line-height: 1.05;
}

html.mc-shell-command-slate .mc-command-companion-stack {
  display: grid;
  gap: 0.6rem;
  margin-top: auto;
  padding-top: 1rem;
}

html.mc-shell-command-slate .mc-command-companion-stack span {
  border: 1px solid rgba(51, 65, 85, 0.72);
  border-radius: 0.9rem;
  background: rgba(15, 23, 42, 0.44);
  padding: 0.72rem 0.8rem;
  font-size: 0.76rem;
  font-weight: 850;
  color: rgba(226, 232, 240, 0.88);
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-foundation-grid {
    grid-template-columns: 10.5rem minmax(0, 1fr);
  }
}

/*
  v16_1042 COMMAND VIEW WORKSPACE GRID POLISH.
  Desktop-only static workspace preview based on the Command View north star.
  No live data wiring; mobile/tablet Snapshot Stack remains untouched.
*/
html.mc-shell-command-slate .mc-command-foundation.mc-command-workspace-grid {
  width: min(1480px, 100%);
  gap: 0.75rem;
}

html.mc-shell-command-slate .mc-command-topbar {
  min-height: 4.15rem;
  display: grid;
  grid-template-columns: minmax(15rem, 20rem) minmax(18rem, 34rem) auto;
  align-items: center;
  gap: 1rem;
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-radius: 1.35rem;
  background:
    linear-gradient(135deg, rgba(2, 8, 23, 0.96), rgba(8, 13, 27, 0.82)),
    radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.14), transparent 18rem);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.045);
  padding: 0.7rem 1rem;
}

html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand {
  margin-bottom: 0;
}

html.mc-shell-command-slate .mc-command-search {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.45rem;
  border: 1px solid rgba(51, 65, 85, 0.9);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.56);
  padding: 0 1rem;
  color: rgba(203, 213, 225, 0.72);
  font-size: 0.82rem;
  font-weight: 750;
}

html.mc-shell-command-slate .mc-command-top-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.55rem;
}

html.mc-shell-command-slate .mc-command-market-pill,
html.mc-shell-command-slate .mc-command-icon-pill,
html.mc-shell-command-slate .mc-command-avatar {
  border: 1px solid rgba(51, 65, 85, 0.82);
  background: rgba(2, 8, 23, 0.62);
  color: rgba(226, 232, 240, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.mc-shell-command-slate .mc-command-market-pill {
  display: grid;
  min-width: 8.5rem;
  border-radius: 0.9rem;
  padding: 0.45rem 0.75rem;
  line-height: 1.15;
}

html.mc-shell-command-slate .mc-command-market-pill strong {
  color: #34d399;
  font-size: 0.72rem;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-market-pill span {
  color: rgba(203, 213, 225, 0.82);
  font-size: 0.7rem;
  font-weight: 750;
}

html.mc-shell-command-slate .mc-command-icon-pill,
html.mc-shell-command-slate .mc-command-avatar {
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
}

html.mc-shell-command-slate .mc-command-desktop-grid {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 11.5rem minmax(0, 1fr);
  gap: 0.75rem;
}

html.mc-shell-command-slate .mc-command-left-rail {
  min-height: calc(100vh - 6.4rem);
}

html.mc-shell-command-slate .mc-command-rail-status {
  margin-top: auto;
  border: 1px solid rgba(51, 65, 85, 0.72);
  border-radius: 0.85rem;
  background: rgba(2, 8, 23, 0.58);
  padding: 0.75rem;
}

html.mc-shell-command-slate .mc-command-rail-status strong,
html.mc-shell-command-slate .mc-command-rail-status small {
  display: block;
}

html.mc-shell-command-slate .mc-command-rail-status strong {
  color: #34d399;
  font-size: 0.74rem;
}

html.mc-shell-command-slate .mc-command-rail-status small {
  margin-top: 0.25rem;
  color: rgba(148, 163, 184, 0.9);
  font-size: 0.66rem;
}

html.mc-shell-command-slate .mc-command-main-surface {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

html.mc-shell-command-slate .mc-command-category-strip,
html.mc-shell-command-slate .mc-command-snapshot-strip,
html.mc-shell-command-slate .mc-command-panel {
  border: 1px solid rgba(56, 189, 248, 0.16);
  border-radius: 1rem;
  background:
    linear-gradient(145deg, rgba(2, 8, 23, 0.88), rgba(8, 13, 27, 0.70)),
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.08), transparent 18rem);
  box-shadow: 0 1rem 2.6rem rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

html.mc-shell-command-slate .mc-command-category-strip {
  padding: 0.55rem 0.65rem 0.65rem;
}

html.mc-shell-command-slate .mc-command-section-label,
html.mc-shell-command-slate .mc-command-panel-head span {
  color: #22d3ee;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-category-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.45rem;
}

html.mc-shell-command-slate .mc-command-category-row span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.25rem;
  border: 1px solid rgba(51, 65, 85, 0.74);
  border-radius: 0.75rem;
  background: rgba(15, 23, 42, 0.48);
  padding: 0 0.75rem;
  color: rgba(241, 245, 249, 0.9);
  font-size: 0.75rem;
  font-weight: 850;
}

html.mc-shell-command-slate .mc-command-category-row span.is-active {
  border-color: rgba(34, 211, 238, 0.36);
  background: rgba(8, 145, 178, 0.16);
}

html.mc-shell-command-slate .mc-command-category-row b {
  font-size: 0.64rem;
  color: rgba(203, 213, 225, 0.72);
}

html.mc-shell-command-slate .mc-command-snapshot-strip {
  display: grid;
  grid-template-columns: 11.5rem 7.5rem 8.5rem repeat(3, 6.2rem) minmax(25rem, 1fr);
  align-items: stretch;
  gap: 0.7rem;
  padding: 0.75rem;
}

html.mc-shell-command-slate .mc-command-snapshot-primary,
html.mc-shell-command-slate .mc-command-price-tile,
html.mc-shell-command-slate .mc-command-metric-tile,
html.mc-shell-command-slate .mc-command-timeline-tile {
  border-right: 1px solid rgba(51, 65, 85, 0.42);
  padding-right: 0.65rem;
}

html.mc-shell-command-slate .mc-command-snapshot-primary small,
html.mc-shell-command-slate .mc-command-metric-tile small,
html.mc-shell-command-slate .mc-command-timeline-tile small {
  display: block;
  color: rgba(148, 163, 184, 0.86);
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-snapshot-primary strong,
html.mc-shell-command-slate .mc-command-price-tile b,
html.mc-shell-command-slate .mc-command-metric-tile b {
  display: block;
  margin-top: 0.18rem;
  color: white;
  font-size: 1rem;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-price-tile b {
  font-size: 1.85rem;
  letter-spacing: -0.06em;
}

html.mc-shell-command-slate .mc-command-timeline-tile > b {
  display: block;
  margin-top: 0.42rem;
  color: rgba(226, 232, 240, 0.82);
  font-size: 0.7rem;
  word-spacing: normal;
}

html.mc-shell-command-slate .is-green { color: #34d399 !important; }
html.mc-shell-command-slate .is-red { color: #fb7185 !important; }
html.mc-shell-command-slate .is-mixed { color: #fbbf24 !important; }

html.mc-shell-command-slate .mc-command-mini-spark,
html.mc-shell-command-slate .mc-command-large-chart {
  border-radius: 0.8rem;
  background:
    linear-gradient(165deg, transparent 0 10%, rgba(239, 68, 68, 0.26) 10% 11%, transparent 11% 18%, rgba(239, 68, 68, 0.55) 18% 19%, transparent 19% 32%, rgba(239, 68, 68, 0.30) 32% 33%, transparent 33% 45%, rgba(239, 68, 68, 0.62) 45% 46%, transparent 46% 60%, rgba(239, 68, 68, 0.35) 60% 61%, transparent 61% 100%),
    linear-gradient(180deg, rgba(14, 165, 233, 0.10), rgba(14, 165, 233, 0.02));
}

html.mc-shell-command-slate .mc-command-workspace-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(20rem, 0.95fr) minmax(19rem, 0.85fr);
  gap: 0.75rem;
}

html.mc-shell-command-slate .mc-command-panel {
  min-width: 0;
  padding: 0.9rem;
}

html.mc-shell-command-slate .mc-command-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

html.mc-shell-command-slate .mc-command-panel-head b {
  border: 1px solid rgba(51, 65, 85, 0.72);
  border-radius: 999px;
  background: rgba(2, 8, 23, 0.55);
  padding: 0.25rem 0.55rem;
  color: rgba(226, 232, 240, 0.86);
  font-size: 0.68rem;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-large-chart {
  min-height: 12rem;
  background:
    linear-gradient(170deg, transparent 0 8%, rgba(14, 165, 233, 0.42) 8% 9%, transparent 9% 16%, rgba(14, 165, 233, 0.70) 16% 17%, transparent 17% 30%, rgba(14, 165, 233, 0.36) 30% 31%, transparent 31% 46%, rgba(14, 165, 233, 0.74) 46% 47%, transparent 47% 61%, rgba(14, 165, 233, 0.38) 61% 62%, transparent 62% 78%, rgba(14, 165, 233, 0.78) 78% 79%, transparent 79% 100%),
    linear-gradient(180deg, rgba(14, 165, 233, 0.16), rgba(14, 165, 233, 0.02));
}

html.mc-shell-command-slate .mc-command-pulse-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 7rem;
  align-items: end;
  gap: 0.75rem;
  margin-top: 0.85rem;
}

html.mc-shell-command-slate .mc-command-pulse-footer small,
html.mc-shell-command-slate .mc-command-read-preview p,
html.mc-shell-command-slate .mc-command-news-list span,
html.mc-shell-command-slate .mc-command-events span {
  color: rgba(148, 163, 184, 0.88);
  font-size: 0.74rem;
  line-height: 1.45;
}

html.mc-shell-command-slate .mc-command-pulse-footer strong,
html.mc-shell-command-slate .mc-command-pulse-footer b {
  display: block;
  color: white;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-pulse-footer b {
  font-size: 1.7rem;
  letter-spacing: -0.06em;
}

html.mc-shell-command-slate .mc-command-breadth-ring {
  width: 5.8rem;
  height: 5.8rem;
  display: grid;
  place-content: center;
  text-align: center;
  border-radius: 999px;
  background: conic-gradient(#34d399 0 62%, #f59e0b 62% 70%, #ef4444 70% 100%);
  box-shadow: inset 0 0 0 0.65rem rgba(2, 8, 23, 0.92);
}

html.mc-shell-command-slate .mc-command-read-preview h3 {
  color: #fb7185;
  font-size: 1.2rem;
  line-height: 1.22;
  font-weight: 950;
  letter-spacing: -0.035em;
}

html.mc-shell-command-slate .mc-command-read-preview ul {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.75rem;
}

html.mc-shell-command-slate .mc-command-read-preview li {
  border: 1px solid rgba(34, 197, 94, 0.18);
  border-radius: 0.65rem;
  background: rgba(16, 185, 129, 0.08);
  padding: 0.45rem 0.55rem;
  color: rgba(226, 232, 240, 0.88);
  font-size: 0.72rem;
}

html.mc-shell-command-slate .mc-command-signal-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.55rem;
  border: 1px solid rgba(51, 65, 85, 0.72);
  border-radius: 0.85rem;
  background: rgba(15, 23, 42, 0.48);
  padding: 0.75rem;
  margin-top: 0.55rem;
}

html.mc-shell-command-slate .mc-command-signal-card strong {
  color: white;
  font-size: 1.05rem;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-signal-card span {
  color: rgba(203, 213, 225, 0.78);
  font-size: 0.72rem;
}

html.mc-shell-command-slate .mc-command-signal-card b {
  width: 2.4rem;
  height: 2.4rem;
  display: grid;
  place-content: center;
  border: 1px solid rgba(52, 211, 153, 0.45);
  border-radius: 999px;
  color: #a7f3d0;
}

html.mc-shell-command-slate .mc-command-lower-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr 0.92fr 0.86fr 1fr;
  gap: 0.75rem;
}

html.mc-shell-command-slate .mc-command-heatmap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  min-height: 9.5rem;
}

html.mc-shell-command-slate .mc-command-heatmap b {
  display: grid;
  place-items: center;
  border-radius: 0.45rem;
  background: rgba(34, 197, 94, 0.35);
  color: white;
}

html.mc-shell-command-slate .mc-command-heatmap b:nth-child(4),
html.mc-shell-command-slate .mc-command-heatmap b:nth-child(6) {
  background: rgba(239, 68, 68, 0.38);
}

html.mc-shell-command-slate .mc-command-movers,
html.mc-shell-command-slate .mc-command-events,
html.mc-shell-command-slate .mc-command-news-list {
  display: grid;
  gap: 0.58rem;
}

html.mc-shell-command-slate .mc-command-movers li {
  display: flex;
  justify-content: space-between;
  color: rgba(226, 232, 240, 0.88);
  font-size: 0.76rem;
}

html.mc-shell-command-slate .mc-command-movers b {
  color: #34d399;
}

html.mc-shell-command-slate .mc-command-radar {
  width: 8rem;
  height: 8rem;
  margin: 0.25rem auto 0.8rem;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(52, 211, 153, 0.95) 0 10%, transparent 10% 100%),
    conic-gradient(from 40deg, transparent 0 62%, rgba(34, 211, 238, 0.65) 62% 67%, transparent 67% 78%, rgba(52, 211, 153, 0.5) 78% 84%, transparent 84% 100%),
    repeating-radial-gradient(circle, rgba(34, 211, 238, 0.18) 0 1px, transparent 1px 1.6rem);
}

html.mc-shell-command-slate .mc-command-radar-total {
  display: block;
  text-align: center;
  color: rgba(226, 232, 240, 0.9);
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-workspace-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(19rem, 0.9fr);
  }
  html.mc-shell-command-slate .mc-command-signal-preview {
    grid-column: 1 / -1;
  }
  html.mc-shell-command-slate .mc-command-lower-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  html.mc-shell-command-slate .mc-command-topbar {
    grid-template-columns: 1fr;
  }
  html.mc-shell-command-slate .mc-command-desktop-grid {
    grid-template-columns: 1fr;
  }
  html.mc-shell-command-slate .mc-command-left-rail {
    min-height: auto;
  }
}

/*
  v16_1043 COMMAND VIEW PLACEHOLDER CHART POLISH.
  Desktop-only static placeholder polish. These styles replace the diagonal placeholder
  texture with intentional chart, heatmap, timeline, and news preview states.
*/
html.mc-shell-command-slate .mc-command-mini-spark,
html.mc-shell-command-slate .mc-command-large-chart {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(51, 65, 85, 0.42);
  background:
    linear-gradient(180deg, rgba(8, 47, 73, 0.30), rgba(2, 8, 23, 0.08)),
    repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.055) 0 1px, transparent 1px 5.5rem),
    repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.045) 0 1px, transparent 1px 2.4rem);
}

html.mc-shell-command-slate .mc-command-mini-spark {
  min-height: 4.2rem;
  display: flex;
  align-items: stretch;
}

html.mc-shell-command-slate .mc-command-mini-spark svg,
html.mc-shell-command-slate .mc-command-large-chart svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

html.mc-shell-command-slate .mc-command-large-chart {
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  padding: 0;
}

html.mc-shell-command-slate .mc-command-large-chart svg {
  flex: 1;
  min-height: 9.8rem;
}

html.mc-shell-command-slate .mc-chart-grid-line {
  fill: none;
  stroke: rgba(148, 163, 184, 0.10);
  stroke-width: 1;
}

html.mc-shell-command-slate .mc-chart-area-blue {
  fill: rgba(14, 165, 233, 0.18);
}

html.mc-shell-command-slate .mc-chart-line-blue {
  fill: none;
  stroke: #0ea5e9;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(14, 165, 233, 0.32));
}

html.mc-shell-command-slate .mc-chart-area-red {
  fill: rgba(244, 63, 94, 0.16);
}

html.mc-shell-command-slate .mc-chart-line-red {
  fill: none;
  stroke: #fb7185;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 7px rgba(244, 63, 94, 0.30));
}

html.mc-shell-command-slate .mc-chart-dot {
  fill: #67e8f9;
  stroke: rgba(2, 8, 23, 0.95);
  stroke-width: 3;
}

html.mc-shell-command-slate .mc-command-chart-axis {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  border-top: 1px solid rgba(51, 65, 85, 0.45);
  padding: 0.48rem 0.7rem 0.55rem;
  color: rgba(148, 163, 184, 0.82);
  font-size: 0.66rem;
  font-weight: 800;
  text-align: center;
}

html.mc-shell-command-slate .mc-command-heatmap {
  grid-template-columns: 1.15fr 1.05fr 1fr;
  grid-auto-rows: minmax(3.15rem, 1fr);
  align-items: stretch;
}

html.mc-shell-command-slate .mc-command-heatmap b {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.10), transparent 4rem),
    rgba(34, 197, 94, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  font-size: 0.95rem;
}

html.mc-shell-command-slate .mc-command-heatmap b:nth-child(1) { min-height: 4.2rem; }
html.mc-shell-command-slate .mc-command-heatmap b:nth-child(3) { min-height: 4.45rem; }
html.mc-shell-command-slate .mc-command-heatmap b:nth-child(4),
html.mc-shell-command-slate .mc-command-heatmap b:nth-child(6) {
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.10), transparent 4rem),
    rgba(239, 68, 68, 0.40);
}

html.mc-shell-command-slate .mc-command-events {
  position: relative;
  padding-left: 0.78rem;
}

html.mc-shell-command-slate .mc-command-events::before {
  content: "";
  position: absolute;
  left: 0.18rem;
  top: 0.2rem;
  bottom: 0.2rem;
  width: 1px;
  background: linear-gradient(180deg, rgba(34, 211, 238, 0.55), rgba(34, 211, 238, 0.05));
}

html.mc-shell-command-slate .mc-command-events span {
  position: relative;
  padding-left: 0.45rem;
}

html.mc-shell-command-slate .mc-command-events span::before {
  content: "";
  position: absolute;
  left: -0.72rem;
  top: 0.42rem;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 999px;
  background: #22d3ee;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.12);
}

html.mc-shell-command-slate .mc-command-events b,
html.mc-shell-command-slate .mc-command-news-list b {
  color: rgba(226, 232, 240, 0.92);
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-news-list span {
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  gap: 0.5rem;
  align-items: baseline;
  border-bottom: 1px solid rgba(51, 65, 85, 0.30);
  padding-bottom: 0.45rem;
}

html.mc-shell-command-slate .mc-command-news-list span:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

html.mc-shell-command-slate .mc-command-radar {
  background:
    radial-gradient(circle, rgba(52, 211, 153, 0.95) 0 9%, transparent 9% 100%),
    conic-gradient(from 45deg, transparent 0 58%, rgba(34, 211, 238, 0.68) 58% 63%, transparent 63% 76%, rgba(52, 211, 153, 0.55) 76% 83%, transparent 83% 100%),
    repeating-radial-gradient(circle, rgba(34, 211, 238, 0.18) 0 1px, transparent 1px 1.55rem),
    linear-gradient(135deg, rgba(2, 8, 23, 0.72), rgba(8, 47, 73, 0.18));
}

/*
  v16_1044 COMMAND VIEW DENSITY + BALANCE POLISH.
  Desktop-only spacing/density pass. Keeps mobile/tablet Snapshot Stack untouched and
  adds an intentional bottom status/ticker strip to reduce the top-heavy feel.
*/
html.mc-shell-command-slate .mc-command-foundation.mc-command-workspace-grid {
  min-height: 100vh;
  padding-bottom: 0.65rem;
}

html.mc-shell-command-slate .mc-command-desktop-grid {
  min-height: calc(100vh - 5.6rem);
}

html.mc-shell-command-slate .mc-command-main-surface {
  min-height: 0;
}

html.mc-shell-command-slate .mc-command-workspace-layout {
  align-items: stretch;
}

html.mc-shell-command-slate .mc-command-pulse-preview,
html.mc-shell-command-slate .mc-command-read-preview,
html.mc-shell-command-slate .mc-command-signal-preview {
  min-height: 23.6rem;
}

html.mc-shell-command-slate .mc-command-read-preview,
html.mc-shell-command-slate .mc-command-signal-preview {
  display: flex;
  flex-direction: column;
}

html.mc-shell-command-slate .mc-command-read-preview ul {
  margin-top: auto;
  padding-top: 0.75rem;
}

html.mc-shell-command-slate .mc-command-signal-card {
  min-height: 3.9rem;
}

html.mc-shell-command-slate .mc-command-signal-summary {
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.45rem 0.75rem;
  border: 1px solid rgba(51, 65, 85, 0.58);
  border-radius: 0.8rem;
  background: rgba(2, 8, 23, 0.42);
  padding: 0.65rem 0.75rem;
}

html.mc-shell-command-slate .mc-command-signal-summary span {
  color: rgba(148, 163, 184, 0.9);
  font-size: 0.68rem;
  font-weight: 850;
}

html.mc-shell-command-slate .mc-command-signal-summary strong {
  color: rgba(226, 232, 240, 0.95);
  font-size: 0.72rem;
  font-weight: 950;
  text-align: right;
}

html.mc-shell-command-slate .mc-command-lower-grid .mc-command-panel {
  min-height: 13.2rem;
}

html.mc-shell-command-slate .mc-command-heatmap {
  min-height: 10.9rem;
}

html.mc-shell-command-slate .mc-command-heatmap b:nth-child(7),
html.mc-shell-command-slate .mc-command-heatmap b:nth-child(9) {
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.10), transparent 4rem),
    rgba(34, 197, 94, 0.24);
  font-size: 0.72rem;
}

html.mc-shell-command-slate .mc-command-heatmap b:nth-child(8) {
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.10), transparent 4rem),
    rgba(239, 68, 68, 0.30);
  font-size: 0.72rem;
}

html.mc-shell-command-slate .mc-command-bottom-ticker {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, auto)) minmax(10rem, 1fr);
  align-items: center;
  gap: 1rem;
  min-height: 2.45rem;
  border: 1px solid rgba(56, 189, 248, 0.14);
  border-radius: 0.9rem;
  background:
    linear-gradient(90deg, rgba(2, 8, 23, 0.88), rgba(8, 13, 27, 0.70)),
    radial-gradient(circle at 0% 50%, rgba(34, 211, 238, 0.08), transparent 18rem);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  padding: 0.45rem 0.75rem;
  color: rgba(203, 213, 225, 0.82);
  font-size: 0.68rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-bottom-ticker span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

html.mc-shell-command-slate .mc-command-bottom-ticker b {
  color: rgba(241, 245, 249, 0.92);
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-bottom-ticker em {
  font-style: normal;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-ticker-time {
  justify-self: end;
  color: rgba(148, 163, 184, 0.78);
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-bottom-ticker {
    grid-template-columns: repeat(3, minmax(0, auto));
    overflow-x: auto;
  }
  html.mc-shell-command-slate .mc-command-ticker-time {
    justify-self: start;
  }
}


/*
  v16_1045 COMMAND VIEW VIEWPORT FIT POLISH.
  Desktop-only viewport pass: prevent topbar clipping, reduce awkward page scroll,
  and keep the bottom ticker visible on common desktop/laptop viewports.
  Mobile/tablet Snapshot Stack remains untouched.
*/
html.mc-shell-command-slate,
html.mc-shell-command-slate body {
  min-height: 100vh;
  overflow: hidden;
}

html.mc-shell-command-slate #mcCommandViewPlaceholder {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  padding: 0.45rem 0.75rem 0.55rem;
}

html.mc-shell-command-slate .mc-command-foundation.mc-command-workspace-grid {
  width: min(1500px, 100%);
  height: calc(100vh - 1rem);
  min-height: 0;
  gap: 0.55rem;
}

html.mc-shell-command-slate .mc-command-topbar {
  min-height: 3.75rem;
  flex: 0 0 auto;
  border-radius: 1.15rem;
  padding: 0.52rem 0.85rem;
}

html.mc-shell-command-slate .mc-command-slate-logo {
  width: 2.55rem;
  height: 2.55rem;
}

html.mc-shell-command-slate .mc-command-slate-title {
  font-size: 1.32rem;
  line-height: 1;
}

html.mc-shell-command-slate .mc-command-slate-subtitle {
  font-size: 0.68rem;
  line-height: 1.15;
}

html.mc-shell-command-slate .mc-command-search {
  min-height: 2.15rem;
  font-size: 0.74rem;
}

html.mc-shell-command-slate .mc-command-market-pill {
  min-width: 7.95rem;
  padding: 0.34rem 0.65rem;
}

html.mc-shell-command-slate .mc-command-icon-pill,
html.mc-shell-command-slate .mc-command-avatar {
  width: 2.05rem;
  height: 2.05rem;
}

html.mc-shell-command-slate .mc-command-desktop-grid {
  flex: 1 1 auto;
  min-height: 0;
  gap: 0.55rem;
}

html.mc-shell-command-slate .mc-command-left-rail {
  min-height: 0;
  height: 100%;
  padding: 0.9rem 0.75rem;
  border-radius: 1rem;
}

html.mc-shell-command-slate .mc-command-rail-label {
  margin-top: 0.72rem;
  margin-bottom: 0.42rem;
  font-size: 0.62rem;
}

html.mc-shell-command-slate .mc-command-rail-label:first-child {
  margin-top: 0;
}

html.mc-shell-command-slate .mc-command-foundation-rail span {
  min-height: 2.45rem;
  padding: 0.55rem 0.72rem;
  border-radius: 0.78rem;
}

html.mc-shell-command-slate .mc-command-rail-status {
  padding: 0.58rem 0.65rem;
  border-radius: 0.75rem;
}

html.mc-shell-command-slate .mc-command-main-surface {
  min-height: 0;
  gap: 0.55rem;
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-category-strip {
  flex: 0 0 auto;
  padding: 0.46rem 0.6rem 0.54rem;
}

html.mc-shell-command-slate .mc-command-category-row {
  gap: 0.48rem;
  margin-top: 0.35rem;
}

html.mc-shell-command-slate .mc-command-category-row span {
  min-height: 2.05rem;
  border-radius: 0.66rem;
  font-size: 0.70rem;
}

html.mc-shell-command-slate .mc-command-snapshot-strip {
  flex: 0 0 auto;
  min-height: 5.25rem;
  gap: 0.58rem;
  padding: 0.58rem 0.68rem;
  border-radius: 0.9rem;
}

html.mc-shell-command-slate .mc-command-price-tile b {
  font-size: 1.62rem;
}

html.mc-shell-command-slate .mc-command-mini-spark {
  min-height: 3.65rem;
}

html.mc-shell-command-slate .mc-command-workspace-layout {
  flex: 1 1 auto;
  min-height: 0;
  gap: 0.55rem;
}

html.mc-shell-command-slate .mc-command-pulse-preview,
html.mc-shell-command-slate .mc-command-read-preview,
html.mc-shell-command-slate .mc-command-signal-preview {
  min-height: 0;
  height: 100%;
}

html.mc-shell-command-slate .mc-command-panel {
  padding: 0.72rem;
  border-radius: 0.9rem;
}

html.mc-shell-command-slate .mc-command-panel-head {
  margin-bottom: 0.55rem;
}

html.mc-shell-command-slate .mc-command-large-chart {
  min-height: 9.4rem;
}

html.mc-shell-command-slate .mc-command-large-chart svg {
  min-height: 7.4rem;
}

html.mc-shell-command-slate .mc-command-chart-axis {
  padding: 0.34rem 0.6rem 0.42rem;
  font-size: 0.60rem;
}

html.mc-shell-command-slate .mc-command-pulse-footer {
  margin-top: 0.62rem;
}

html.mc-shell-command-slate .mc-command-pulse-footer b {
  font-size: 1.45rem;
}

html.mc-shell-command-slate .mc-command-breadth-ring {
  width: 5.1rem;
  height: 5.1rem;
  box-shadow: inset 0 0 0 0.56rem rgba(2, 8, 23, 0.92);
}

html.mc-shell-command-slate .mc-command-read-preview h3 {
  font-size: 1.06rem;
}

html.mc-shell-command-slate .mc-command-read-preview ul {
  gap: 0.36rem;
  padding-top: 0.52rem;
}

html.mc-shell-command-slate .mc-command-read-preview li {
  padding: 0.35rem 0.48rem;
  font-size: 0.66rem;
}

html.mc-shell-command-slate .mc-command-signal-card {
  min-height: 3.25rem;
  padding: 0.58rem 0.65rem;
  margin-top: 0.45rem;
}

html.mc-shell-command-slate .mc-command-signal-card b {
  width: 2.08rem;
  height: 2.08rem;
}

html.mc-shell-command-slate .mc-command-signal-summary {
  padding: 0.52rem 0.62rem;
}

html.mc-shell-command-slate .mc-command-lower-grid {
  flex: 0 0 auto;
  gap: 0.55rem;
}

html.mc-shell-command-slate .mc-command-lower-grid .mc-command-panel {
  min-height: 11.1rem;
}

html.mc-shell-command-slate .mc-command-heatmap {
  min-height: 8.9rem;
  gap: 0.28rem;
}

html.mc-shell-command-slate .mc-command-heatmap b {
  font-size: 0.82rem;
}

html.mc-shell-command-slate .mc-command-movers,
html.mc-shell-command-slate .mc-command-events,
html.mc-shell-command-slate .mc-command-news-list {
  gap: 0.43rem;
}

html.mc-shell-command-slate .mc-command-radar {
  width: 6.95rem;
  height: 6.95rem;
  margin: 0.12rem auto 0.52rem;
}

html.mc-shell-command-slate .mc-command-bottom-ticker {
  flex: 0 0 auto;
  min-height: 2.05rem;
  border-radius: 0.72rem;
  padding: 0.34rem 0.65rem;
  font-size: 0.62rem;
}


/*
  v16_1046 COMMAND VIEW BRAND HEADER POLISH.
  Desktop-only brand block pass: give the top-left logo/title area more
  breathing room without increasing the overall cockpit height.
*/
html.mc-shell-command-slate .mc-command-topbar {
  grid-template-columns: minmax(16.75rem, 21rem) minmax(18rem, 34rem) auto;
}

html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand {
  gap: 0.72rem;
  align-items: center;
  min-width: 0;
}

html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand img {
  width: 2.82rem;
  height: 2.82rem;
  flex: 0 0 2.82rem;
  object-fit: contain;
  transform: translateY(0.01rem);
  filter: drop-shadow(0 0 1.2rem rgba(34, 211, 238, 0.28));
}

html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-title {
  font-size: 1.38rem;
  line-height: 1.04;
  letter-spacing: -0.045em;
}

html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-subtitle {
  margin-top: 0.14rem;
  font-size: 0.72rem;
  line-height: 1.22;
  white-space: nowrap;
}

@media (max-height: 820px) and (min-width: 1024px) {
  html.mc-shell-command-slate #mcCommandViewPlaceholder {
    padding-top: 0.32rem;
    padding-bottom: 0.38rem;
  }

  html.mc-shell-command-slate .mc-command-foundation.mc-command-workspace-grid {
    height: calc(100vh - 0.7rem);
    gap: 0.44rem;
  }

  html.mc-shell-command-slate .mc-command-topbar {
    min-height: 3.35rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  html.mc-shell-command-slate .mc-command-slate-logo {
    width: 2.25rem;
    height: 2.25rem;
  }

  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand {
    gap: 0.62rem;
  }

  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand img {
    width: 2.52rem;
    height: 2.52rem;
    flex-basis: 2.52rem;
  }

  html.mc-shell-command-slate .mc-command-slate-title,
  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-title {
    font-size: 1.22rem;
    line-height: 1.02;
  }

  html.mc-shell-command-slate .mc-command-slate-subtitle,
  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-subtitle,
  html.mc-shell-command-slate .mc-command-market-pill span {
    font-size: 0.64rem;
  }

  html.mc-shell-command-slate .mc-command-desktop-grid,
  html.mc-shell-command-slate .mc-command-main-surface,
  html.mc-shell-command-slate .mc-command-workspace-layout,
  html.mc-shell-command-slate .mc-command-lower-grid {
    gap: 0.44rem;
  }

  html.mc-shell-command-slate .mc-command-category-strip {
    padding-top: 0.38rem;
    padding-bottom: 0.44rem;
  }

  html.mc-shell-command-slate .mc-command-category-row span {
    min-height: 1.88rem;
  }

  html.mc-shell-command-slate .mc-command-snapshot-strip {
    min-height: 4.65rem;
    padding-top: 0.48rem;
    padding-bottom: 0.48rem;
  }

  html.mc-shell-command-slate .mc-command-mini-spark {
    min-height: 3.05rem;
  }

  html.mc-shell-command-slate .mc-command-panel {
    padding: 0.62rem;
  }

  html.mc-shell-command-slate .mc-command-large-chart {
    min-height: 8.05rem;
  }

  html.mc-shell-command-slate .mc-command-large-chart svg {
    min-height: 6.1rem;
  }

  html.mc-shell-command-slate .mc-command-read-preview p {
    font-size: 0.67rem;
  }

  html.mc-shell-command-slate .mc-command-signal-card {
    min-height: 2.9rem;
    padding: 0.48rem 0.55rem;
  }

  html.mc-shell-command-slate .mc-command-lower-grid .mc-command-panel {
    min-height: 9.7rem;
  }

  html.mc-shell-command-slate .mc-command-heatmap {
    min-height: 7.55rem;
  }

  html.mc-shell-command-slate .mc-command-radar {
    width: 5.95rem;
    height: 5.95rem;
  }

  html.mc-shell-command-slate .mc-command-rail-status {
    padding: 0.48rem 0.55rem;
  }
}

/* v16_1047 COMMAND VIEW SNAPSHOT STRIP WIRING POLISH.
   Desktop-only classes used when the snapshot strip receives live quote data. */
html.mc-shell-command-slate .mc-chart-area-green {
  fill: rgba(16, 185, 129, 0.16);
}

html.mc-shell-command-slate .mc-chart-line-green {
  fill: none;
  stroke: #34d399;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 7px rgba(16, 185, 129, 0.30));
}

html.mc-shell-command-slate [data-command-snapshot-wired="true"] {
  border-color: rgba(34, 211, 238, 0.20);
}

/* v16_1049 — Command View AI Market Read live-data wiring polish. */
html.mc-shell-command-slate .mc-command-read-meta {
  display: block;
  margin: -0.35rem 0 0.55rem;
  color: rgba(148, 163, 184, 0.82);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

html.mc-shell-command-slate .mc-command-read-preview h3.is-green { color: #34d399 !important; }
html.mc-shell-command-slate .mc-command-read-preview h3.is-red { color: #fb7185 !important; }
html.mc-shell-command-slate .mc-command-read-preview h3.is-mixed { color: #fbbf24 !important; }

/* v16_1051 — Command View AI Signal live preview state. */
html.mc-shell-command-slate .mc-command-signal-list {
  display: flex;
  flex-direction: column;
  gap: 0.52rem;
}

html.mc-shell-command-slate .mc-command-signal-list .mc-command-signal-card {
  margin-top: 0;
}

html.mc-shell-command-slate .mc-command-signal-empty {
  border: 1px solid rgba(51, 65, 85, 0.62);
  border-radius: 0.95rem;
  background: rgba(2, 8, 23, 0.42);
  color: rgba(148, 163, 184, 0.92);
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.35;
  padding: 0.85rem 0.9rem;
}


/* v16_1051 — Command View AI Signal card polish: compact signal taxonomy + risk row. */
html.mc-shell-command-slate .mc-command-signal-list .mc-command-signal-card {
  grid-template-columns: 2.1rem minmax(0, 1fr) 2.4rem;
  align-items: center;
  gap: 0.72rem;
  min-height: 3.65rem;
  padding: 0.62rem 0.72rem;
}

html.mc-shell-command-slate .mc-command-signal-symbol {
  color: #f8fafc;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -0.02em;
}

html.mc-shell-command-slate .mc-command-signal-copy {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}

html.mc-shell-command-slate .mc-command-signal-copy strong {
  color: rgba(226, 232, 240, 0.95);
  font-size: 0.78rem;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.mc-shell-command-slate .mc-command-signal-copy span {
  color: rgba(148, 163, 184, 0.9);
  font-size: 0.68rem;
  line-height: 1.14;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.mc-shell-command-slate .mc-command-signal-copy em {
  color: #fbbf24;
  font-size: 0.62rem;
  line-height: 1.1;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-signal-list .mc-command-signal-card b {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 0.84rem;
  font-weight: 950;
}


/* v16_1052 — Command View AI Signal compact fix: remove cramped context line and make cards scan faster. */
html.mc-shell-command-slate .mc-command-signal-list .mc-command-signal-card {
  grid-template-columns: 2.25rem minmax(0, 1fr) 2.35rem;
  min-height: 3.15rem;
  padding: 0.58rem 0.72rem;
}

html.mc-shell-command-slate .mc-command-signal-copy {
  gap: 0.18rem;
}

html.mc-shell-command-slate .mc-command-signal-copy strong {
  font-size: 0.82rem;
  line-height: 1.12;
}

html.mc-shell-command-slate .mc-command-signal-copy span {
  display: none;
}

html.mc-shell-command-slate .mc-command-signal-copy em {
  font-size: 0.64rem;
  line-height: 1.1;
}

html.mc-shell-command-slate .mc-command-signal-list .mc-command-signal-card b {
  width: 2.15rem;
  height: 2.15rem;
  font-size: 0.82rem;
}

/* v16_1053 — Command View Top Movers live wiring polish. */
html.mc-shell-command-slate .mc-command-movers-empty {
  display: block;
  color: rgba(148, 163, 184, 0.78);
  font-size: 0.72rem;
  line-height: 1.35;
  padding: 0.35rem 0;
}

html.mc-shell-command-slate .mc-command-mover-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  border-bottom: 1px solid rgba(30, 41, 59, 0.54);
  padding: 0.22rem 0 0.44rem;
}

html.mc-shell-command-slate .mc-command-mover-row:last-child {
  border-bottom: 0;
}

html.mc-shell-command-slate .mc-command-mover-symbol,
html.mc-shell-command-slate .mc-command-mover-move {
  min-width: 0;
  display: grid;
  gap: 0.05rem;
}

html.mc-shell-command-slate .mc-command-mover-symbol strong {
  color: rgba(248, 250, 252, 0.96);
  font-size: 0.78rem;
  font-weight: 950;
  line-height: 1.05;
}

html.mc-shell-command-slate .mc-command-mover-symbol small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(148, 163, 184, 0.75);
  font-size: 0.58rem;
  line-height: 1.1;
}

html.mc-shell-command-slate .mc-command-mover-move {
  justify-items: end;
  text-align: right;
}

html.mc-shell-command-slate .mc-command-mover-move b {
  color: inherit;
  font-size: 0.74rem;
  font-weight: 950;
  line-height: 1.05;
}

html.mc-shell-command-slate .mc-command-mover-move small {
  color: rgba(148, 163, 184, 0.72);
  font-size: 0.58rem;
  line-height: 1.1;
}

html.mc-shell-command-slate .mc-command-mover-move.is-green b {
  color: #34d399;
}

html.mc-shell-command-slate .mc-command-mover-move.is-red b {
  color: #fb7185;
}

/* v16_1056 COMMAND VIEW NEWS FEED WIRING — desktop-only live headline rows. */
html.mc-shell-command-slate .mc-command-news-list a,
html.mc-shell-command-slate .mc-command-news-list span {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 0.5rem;
  align-items: start;
  border-bottom: 1px solid rgba(51, 65, 85, 0.30);
  padding-bottom: 0.45rem;
  color: rgba(148, 163, 184, 0.88);
  font-size: 0.74rem;
  line-height: 1.35;
  text-decoration: none;
}

html.mc-shell-command-slate .mc-command-news-list a:hover strong {
  color: #67e8f9;
}

html.mc-shell-command-slate .mc-command-news-list a:last-child,
html.mc-shell-command-slate .mc-command-news-list span:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

html.mc-shell-command-slate .mc-command-news-list strong {
  display: block;
  color: rgba(226, 232, 240, 0.92);
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.25;
}

html.mc-shell-command-slate .mc-command-news-list small {
  display: block;
  margin-top: 0.18rem;
  color: rgba(148, 163, 184, 0.72);
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1.1;
}

html.mc-shell-command-slate .mc-command-news-empty {
  color: rgba(203, 213, 225, 0.82) !important;
}


/* v16_1057 COMMAND VIEW NEWS FEED CONTAINMENT — prevent nested spans/headlines from stretching the lower grid. */
html.mc-shell-command-slate .mc-command-news-list {
  align-content: start;
  min-width: 0;
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-news-list > a.mc-command-news-row,
html.mc-shell-command-slate .mc-command-news-list > span.mc-command-news-row {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border-bottom: 1px solid rgba(51, 65, 85, 0.30);
  padding: 0 0 0.48rem;
  color: rgba(148, 163, 184, 0.88);
  font-size: 0.72rem;
  line-height: 1.25;
  text-decoration: none;
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-news-list > a.mc-command-news-row:last-child,
html.mc-shell-command-slate .mc-command-news-list > span.mc-command-news-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

html.mc-shell-command-slate .mc-command-news-age {
  display: block;
  color: rgba(226, 232, 240, 0.92);
  font-weight: 950;
  font-size: 0.68rem;
  line-height: 1.2;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-news-body {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  border-bottom: 0 !important;
  padding: 0 !important;
  color: rgba(148, 163, 184, 0.82) !important;
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-news-body strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: rgba(226, 232, 240, 0.92);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.25;
}

html.mc-shell-command-slate .mc-command-news-body small {
  display: block;
  margin-top: 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(148, 163, 184, 0.72);
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1.1;
}

/* v16_1058 COMMAND VIEW NEWS FEED COMPACT POLISH — headline radar, not full reader. */
html.mc-shell-command-slate .mc-command-news-list {
  gap: 0.45rem;
}

html.mc-shell-command-slate .mc-command-news-list > a.mc-command-news-row,
html.mc-shell-command-slate .mc-command-news-list > span.mc-command-news-row {
  grid-template-columns: 1.85rem minmax(0, 1fr);
  gap: 0.45rem;
  padding-bottom: 0.38rem;
}

html.mc-shell-command-slate .mc-command-news-age {
  font-size: 0.62rem;
  color: rgba(203, 213, 225, 0.78);
}

html.mc-shell-command-slate .mc-command-news-body strong {
  font-size: 0.68rem;
  line-height: 1.18;
  -webkit-line-clamp: 2;
}

html.mc-shell-command-slate .mc-command-news-body small {
  margin-top: 0.12rem;
  font-size: 0.56rem;
  letter-spacing: 0.01em;
}

html.mc-shell-command-slate .mc-command-news-list > a.mc-command-news-footer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  margin-top: auto;
  padding: 0.52rem 0.65rem !important;
  border: 1px solid rgba(34, 211, 238, 0.16) !important;
  border-radius: 0.72rem;
  background: rgba(2, 132, 199, 0.06);
  color: #67e8f9 !important;
  font-size: 0.66rem !important;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
}

html.mc-shell-command-slate .mc-command-news-list > a.mc-command-news-footer:hover {
  border-color: rgba(34, 211, 238, 0.32) !important;
  background: rgba(2, 132, 199, 0.10);
  color: #a5f3fc !important;
}

/* v16_1059 — Command View News Feed footer + in-place full news overlay. */
html.mc-shell-command-slate .mc-command-news-list > button.mc-command-news-footer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  margin-top: auto;
  padding: 0.52rem 0.65rem !important;
  border: 1px solid rgba(34, 211, 238, 0.16) !important;
  border-radius: 0.72rem;
  background: rgba(2, 132, 199, 0.06);
  color: #67e8f9 !important;
  font: inherit;
  font-size: 0.66rem !important;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-news-list > button.mc-command-news-footer:hover {
  border-color: rgba(34, 211, 238, 0.32) !important;
  background: rgba(2, 132, 199, 0.10);
  color: #a5f3fc !important;
}

html.mc-shell-command-slate .mc-command-news-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(1, 7, 19, 0.72);
  backdrop-filter: blur(16px);
}

html.mc-shell-command-slate .mc-command-news-overlay.is-open {
  display: flex;
}

html.mc-shell-command-slate .mc-command-news-modal {
  width: min(760px, 92vw);
  max-height: min(760px, 84vh);
  overflow: hidden;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 1.2rem;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.58), 0 0 44px rgba(8, 145, 178, 0.12);
}

html.mc-shell-command-slate .mc-command-news-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

html.mc-shell-command-slate .mc-command-news-modal-head small,
html.mc-shell-command-slate .mc-command-news-modal-head strong {
  display: block;
}

html.mc-shell-command-slate .mc-command-news-modal-head small {
  color: #22d3ee;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-news-modal-head strong {
  margin-top: 0.18rem;
  color: #f8fafc;
  font-size: 1.05rem;
  font-weight: 900;
}

html.mc-shell-command-slate .mc-command-news-modal-head button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.8);
  color: #cbd5e1;
  font-size: 1.15rem;
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-news-modal-head button:hover {
  border-color: rgba(34, 211, 238, 0.42);
  color: #67e8f9;
}

html.mc-shell-command-slate .mc-command-news-overlay-list {
  display: grid;
  gap: 0;
  max-height: calc(min(760px, 84vh) - 4.5rem);
  overflow: auto;
  padding: 0.4rem 1.1rem 1.1rem;
}

html.mc-shell-command-slate .mc-command-news-overlay-list .mc-command-news-row {
  display: grid !important;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  padding: 0.8rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  color: inherit;
  text-decoration: none;
}

html.mc-shell-command-slate .mc-command-news-overlay-list .mc-command-news-body strong {
  display: block;
  color: #f8fafc;
  font-size: 0.86rem;
  line-height: 1.32;
}

html.mc-shell-command-slate .mc-command-news-overlay-list .mc-command-news-body small {
  display: block;
  margin-top: 0.28rem;
  color: #94a3b8;
  font-size: 0.68rem;
}

html.mc-shell-command-slate .mc-command-news-overlay-list a.mc-command-news-row:hover strong {
  color: #67e8f9;
}


/* v16_1060 — Command View News overlay scroll containment polish.
   Keep the modal inside the desktop viewport; let only the headline list scroll. */
html.mc-shell-command-slate.mc-command-news-modal-open,
html.mc-shell-command-slate.mc-command-news-modal-open body {
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-news-overlay {
  padding: clamp(1rem, 2.5vh, 2rem) !important;
}

html.mc-shell-command-slate .mc-command-news-modal {
  display: flex !important;
  flex-direction: column !important;
  width: min(820px, 92vw) !important;
  max-height: min(700px, calc(100vh - 3rem)) !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-news-modal-head {
  flex: 0 0 auto !important;
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.99), rgba(15, 23, 42, 0.94));
}

html.mc-shell-command-slate .mc-command-news-overlay-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  padding: 0.35rem 1.1rem 1rem !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 211, 238, 0.42) rgba(15, 23, 42, 0.6);
}

html.mc-shell-command-slate .mc-command-news-overlay-list::-webkit-scrollbar {
  width: 8px;
}

html.mc-shell-command-slate .mc-command-news-overlay-list::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.55);
  border-radius: 999px;
}

html.mc-shell-command-slate .mc-command-news-overlay-list::-webkit-scrollbar-thumb {
  background: rgba(34, 211, 238, 0.34);
  border-radius: 999px;
}

html.mc-shell-command-slate .mc-command-news-overlay-list .mc-command-news-row {
  grid-template-columns: 3rem minmax(0, 1fr) !important;
  padding: 0.72rem 0 !important;
}

html.mc-shell-command-slate .mc-command-news-overlay-list .mc-command-news-body strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.28 !important;
}

html.mc-shell-command-slate .mc-command-news-overlay-list .mc-command-news-body small {
  line-height: 1.2 !important;
}

@media (max-height: 760px) {
  html.mc-shell-command-slate .mc-command-news-modal {
    max-height: calc(100vh - 2rem) !important;
  }
  html.mc-shell-command-slate .mc-command-news-modal-head {
    padding: 0.78rem 0.95rem !important;
  }
  html.mc-shell-command-slate .mc-command-news-overlay-list {
    padding: 0.25rem 0.95rem 0.85rem !important;
  }
  html.mc-shell-command-slate .mc-command-news-overlay-list .mc-command-news-row {
    padding: 0.58rem 0 !important;
  }
}

/*
  v16_1061 COMMAND VIEW INTERACTION HONESTY PASS.
  Desktop-only: active panels can be focused; unfinished controls are marked coming soon.
*/
html.mc-shell-command-slate .mc-command-search,
html.mc-shell-command-slate .mc-command-icon-pill,
html.mc-shell-command-slate .mc-command-avatar,
html.mc-shell-command-slate .mc-command-foundation-rail button,
html.mc-shell-command-slate .mc-command-category-row button {
  appearance: none;
  border: 0;
  font: inherit;
  text-align: left;
}

html.mc-shell-command-slate .mc-command-search,
html.mc-shell-command-slate .mc-command-icon-pill,
html.mc-shell-command-slate .mc-command-avatar,
html.mc-shell-command-slate .mc-command-foundation-rail button,
html.mc-shell-command-slate .mc-command-category-row button,
html.mc-shell-command-slate [data-command-coming-soon] {
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-foundation-rail button {
  display: flex;
  align-items: center;
  min-height: 2.45rem;
  border: 1px solid transparent;
  border-radius: 0.95rem;
  padding: 0 0.85rem;
  font-size: 0.82rem;
  font-weight: 850;
  color: rgba(203, 213, 225, 0.84);
  background: transparent;
}

html.mc-shell-command-slate .mc-command-foundation-rail button {
  position: relative;
  min-height: 2.55rem;
  padding-left: 1rem;
  border-color: rgba(51, 65, 85, 0.38);
  background: rgba(15, 23, 42, 0.24);
}

html.mc-shell-command-slate .mc-command-foundation-rail button::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.55rem;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.78);
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.12);
}

html.mc-shell-command-slate .mc-command-foundation-rail button:hover,
html.mc-shell-command-slate .mc-command-category-row button:hover,
html.mc-shell-command-slate .mc-command-icon-pill:hover,
html.mc-shell-command-slate .mc-command-avatar:hover,
html.mc-shell-command-slate .mc-command-search:hover {
  border-color: rgba(34, 211, 238, 0.34);
  color: #e0faff;
}

html.mc-shell-command-slate .mc-command-foundation-rail button.is-active {
  border-color: rgba(34, 211, 238, 0.42);
  background: linear-gradient(135deg, rgba(8, 145, 178, 0.24), rgba(29, 78, 216, 0.14));
  color: #e0faff;
  box-shadow: 0 0.8rem 1.8rem rgba(14, 165, 233, 0.12);
}

html.mc-shell-command-slate .mc-command-foundation-rail button.is-active::before {
  background: #67e8f9;
  box-shadow: 0 0 1rem rgba(103, 232, 249, 0.62);
}

html.mc-shell-command-slate .mc-command-category-row button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.25rem;
  border: 1px solid rgba(51, 65, 85, 0.74);
  border-radius: 0.75rem;
  background: rgba(15, 23, 42, 0.48);
  padding: 0 0.75rem;
  color: rgba(241, 245, 249, 0.9);
  font-size: 0.75rem;
  font-weight: 850;
}

html.mc-shell-command-slate .mc-command-category-row button.is-active {
  border-color: rgba(34, 211, 238, 0.36);
  background: rgba(8, 145, 178, 0.16);
}

html.mc-shell-command-slate .mc-command-category-row button b {
  font-size: 0.64rem;
  color: rgba(203, 213, 225, 0.72);
}

html.mc-shell-command-slate [data-command-coming-soon] {
  position: relative;
}

html.mc-shell-command-slate [data-command-coming-soon][aria-disabled="true"] {
  opacity: 0.82;
}

html.mc-shell-command-slate .mc-command-panel[data-command-coming-soon] {
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-panel.is-command-focused,
html.mc-shell-command-slate .mc-command-snapshot-strip.is-command-focused,
html.mc-shell-command-slate .mc-command-category-strip.is-command-focused {
  border-color: rgba(34, 211, 238, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(34, 211, 238, 0.32),
    0 0 2.2rem rgba(34, 211, 238, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

html.mc-shell-command-slate .mc-command-toast {
  position: fixed;
  left: 50%;
  bottom: 1.55rem;
  transform: translateX(-50%) translateY(1rem);
  z-index: 100010;
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(34, 211, 238, 0.35);
  border-radius: 999px;
  background: rgba(2, 8, 23, 0.92);
  color: #cffafe;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.34), 0 0 2rem rgba(34, 211, 238, 0.12);
  padding: 0.72rem 1rem;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

html.mc-shell-command-slate .mc-command-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (max-height: 820px) {
  html.mc-shell-command-slate .mc-command-foundation-rail button {
    min-height: 2.3rem;
    border-radius: 0.75rem;
    font-size: 0.76rem;
  }

  html.mc-shell-command-slate .mc-command-category-row button {
    min-height: 2.05rem;
    border-radius: 0.66rem;
    font-size: 0.70rem;
  }
}

/* v16_1061 restore native Command View topbar visuals after button reset. */
html.mc-shell-command-slate .mc-command-search {
  border: 1px solid rgba(51, 65, 85, 0.9);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.56);
  color: rgba(203, 213, 225, 0.72);
}

html.mc-shell-command-slate .mc-command-icon-pill,
html.mc-shell-command-slate .mc-command-avatar {
  border: 1px solid rgba(51, 65, 85, 0.82);
  background: rgba(2, 8, 23, 0.62);
  color: rgba(226, 232, 240, 0.9);
}

/*
  v16_1065 COMMAND VIEW MARKET HEAT TILE POLISH.
  Desktop-only dynamic heat map sourced from the selected Market Pulse universe.
  Tiles intentionally show symbol + percent only until true sector metadata exists.
*/
html.mc-shell-command-slate .mc-command-panel[data-command-market-heat-panel] {
  cursor: default;
}

html.mc-shell-command-slate .mc-command-panel[data-command-market-heat-panel] .mc-command-panel-head b {
  color: rgba(165, 243, 252, 0.9);
}

html.mc-shell-command-slate .mc-command-heatmap {
  align-content: stretch;
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile {
  display: flex;
  min-width: 0;
  min-height: 2.8rem;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0.34rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 0.52rem;
  padding: 0.52rem 0.55rem;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.10), transparent 3.2rem),
    rgba(100, 116, 139, 0.22);
  color: rgba(248, 250, 252, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile strong {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  line-height: 1;
  letter-spacing: 0.02em;
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile em {
  align-self: center;
  color: rgba(248, 250, 252, 0.96);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile.is-strong-up {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.12), transparent 3.2rem),
    linear-gradient(135deg, rgba(16, 185, 129, 0.56), rgba(21, 128, 61, 0.34));
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile.is-up {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.10), transparent 3.2rem),
    linear-gradient(135deg, rgba(34, 197, 94, 0.40), rgba(22, 101, 52, 0.26));
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile.is-flat {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.08), transparent 3.2rem),
    linear-gradient(135deg, rgba(100, 116, 139, 0.30), rgba(51, 65, 85, 0.22));
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile.is-down {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.10), transparent 3.2rem),
    linear-gradient(135deg, rgba(239, 68, 68, 0.40), rgba(127, 29, 29, 0.26));
}

html.mc-shell-command-slate .mc-command-heatmap .mc-command-heat-tile.is-strong-down {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.12), transparent 3.2rem),
    linear-gradient(135deg, rgba(248, 113, 113, 0.56), rgba(127, 29, 29, 0.36));
}

html.mc-shell-command-slate .mc-command-heat-empty {
  grid-column: 1 / -1;
  display: grid;
  min-height: 8.5rem;
  place-items: center;
  border: 1px dashed rgba(148, 163, 184, 0.24);
  border-radius: 0.72rem;
  background: rgba(15, 23, 42, 0.35);
  color: rgba(203, 213, 225, 0.72);
  font-size: 0.72rem;
}

/*
  v16_1063 COMMAND VIEW SESSION TIMELINE HONEST POLISH.
  Desktop-only: this turns the lower timeline from a generic event placeholder into
  a Snapshot Timeline spine connected to the live snapshot time. Drill-in remains coming next.
*/
html.mc-shell-command-slate [data-command-session-timeline-panel] .mc-command-panel-head b {
  border-color: rgba(34, 211, 238, 0.26);
  color: rgba(165, 243, 252, 0.92);
}

html.mc-shell-command-slate .mc-command-session-timeline {
  gap: 0.48rem;
  padding-left: 0.78rem;
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step {
  appearance: none;
  position: relative;
  display: grid;
  grid-template-columns: 3.55rem minmax(0, 1fr);
  align-items: center;
  gap: 0.45rem;
  width: 100%;
  min-height: 1.78rem;
  border: 0;
  border-radius: 0.55rem;
  background: transparent;
  padding: 0.22rem 0.35rem 0.22rem 0.4rem;
  color: rgba(203, 213, 225, 0.82);
  font: inherit;
  text-align: left;
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step::before {
  content: "";
  position: absolute;
  left: -0.74rem;
  top: 0.64rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.72);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.10);
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step b {
  color: rgba(241, 245, 249, 0.95);
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: -0.01em;
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(148, 163, 184, 0.82);
  font-size: 0.64rem;
  font-weight: 750;
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-now {
  border: 1px solid rgba(34, 211, 238, 0.22);
  background: rgba(8, 145, 178, 0.10);
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-now::before {
  background: #67e8f9;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.18), 0 0 1rem rgba(34, 211, 238, 0.45);
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-now b {
  color: #67e8f9;
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-next {
  border: 1px dashed rgba(34, 211, 238, 0.18);
  background: rgba(15, 23, 42, 0.24);
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-next::before {
  background: rgba(251, 191, 36, 0.88);
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.10);
}


/* v16_1065 COMMAND VIEW SIGNAL RADAR HONEST PANEL
   Keep Radar visually reserved while exposing the real AI Signal candidate count.
   Full radar engine/drill-in remains intentionally Coming Soon. */
html.mc-shell-command-slate .mc-command-radar-panel {
  display: flex;
  flex-direction: column;
}

html.mc-shell-command-slate .mc-command-radar-honesty {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.32rem 0.75rem;
  margin-top: auto;
  padding: 0.72rem 0.78rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.9rem;
  background: rgba(15, 23, 42, 0.48);
}

html.mc-shell-command-slate .mc-command-radar-honesty span {
  color: rgba(148, 163, 184, 0.9);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

html.mc-shell-command-slate .mc-command-radar-honesty strong {
  color: rgba(226, 232, 240, 0.96);
  font-size: 0.72rem;
  text-align: right;
}

html.mc-shell-command-slate #mcCommandRadarMode {
  color: #fbbf24;
}

/* v16_1066 COMMAND VIEW WATCHLIST HONEST PANEL
   Desktop Watchlist opens as a contained Command View overlay. It shows real saved
   Watchlist symbols when available and an honest empty state otherwise. */
html.mc-shell-command-slate.mc-command-watchlist-modal-open,
html.mc-shell-command-slate.mc-command-watchlist-modal-open body {
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-watchlist-overlay {
  position: fixed;
  inset: 0;
  z-index: 9995;
  display: none;
  place-items: center;
  padding: clamp(1.25rem, 4vw, 3rem);
  background:
    radial-gradient(circle at 18% 82%, rgba(34, 211, 238, 0.13), transparent 28%),
    radial-gradient(circle at 84% 16%, rgba(37, 99, 235, 0.10), transparent 30%),
    rgba(2, 6, 23, 0.82);
  backdrop-filter: blur(16px);
}

html.mc-shell-command-slate .mc-command-watchlist-overlay.is-open {
  display: grid;
}

html.mc-shell-command-slate .mc-command-watchlist-modal {
  width: min(46rem, 92vw);
  max-height: min(40rem, 86vh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 1.35rem;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.98));
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

html.mc-shell-command-slate .mc-command-watchlist-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.2rem 0.95rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

html.mc-shell-command-slate .mc-command-watchlist-modal-head small {
  display: block;
  margin-bottom: 0.28rem;
  color: #22d3ee;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-watchlist-modal-head strong {
  display: block;
  color: rgba(241, 245, 249, 0.98);
  font-size: 1.1rem;
  font-weight: 950;
  letter-spacing: -0.02em;
}

html.mc-shell-command-slate .mc-command-watchlist-modal-head span {
  display: block;
  margin-top: 0.22rem;
  color: rgba(148, 163, 184, 0.9);
  font-size: 0.72rem;
  font-weight: 800;
}

html.mc-shell-command-slate .mc-command-watchlist-modal-head button,
html.mc-shell-command-slate .mc-command-watchlist-modal-foot button {
  appearance: none;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: rgba(226, 232, 240, 0.95);
  font-weight: 900;
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-watchlist-modal-head button {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  font-size: 1.1rem;
}

html.mc-shell-command-slate .mc-command-watchlist-list {
  min-height: 0;
  overflow: auto;
  padding: 0.72rem 1.08rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 211, 238, 0.45) rgba(15, 23, 42, 0.3);
}

html.mc-shell-command-slate .mc-command-watchlist-row {
  appearance: none;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  margin: 0;
  padding: 0.75rem 0.88rem;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.11);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-watchlist-row:hover {
  background: rgba(8, 145, 178, 0.09);
}

html.mc-shell-command-slate .mc-command-watchlist-symbol strong {
  display: block;
  color: rgba(241, 245, 249, 0.98);
  font-size: 0.95rem;
  font-weight: 950;
  letter-spacing: -0.01em;
}

html.mc-shell-command-slate .mc-command-watchlist-symbol small {
  display: block;
  max-width: 25rem;
  overflow: hidden;
  color: rgba(148, 163, 184, 0.86);
  font-size: 0.72rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-watchlist-price {
  display: grid;
  justify-items: end;
  gap: 0.18rem;
  min-width: 5.8rem;
}

html.mc-shell-command-slate .mc-command-watchlist-price b {
  color: rgba(226, 232, 240, 0.96);
  font-size: 0.82rem;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-watchlist-price small {
  font-size: 0.74rem;
  font-weight: 950;
}

html.mc-shell-command-slate .mc-command-watchlist-price small.is-green { color: #34d399; }
html.mc-shell-command-slate .mc-command-watchlist-price small.is-red { color: #fb7185; }
html.mc-shell-command-slate .mc-command-watchlist-price small.is-flat { color: rgba(148, 163, 184, 0.9); }

html.mc-shell-command-slate .mc-command-watchlist-empty {
  display: grid;
  gap: 0.35rem;
  padding: 1rem;
  border: 1px dashed rgba(34, 211, 238, 0.24);
  border-radius: 1rem;
  background: rgba(8, 145, 178, 0.08);
  color: rgba(203, 213, 225, 0.92);
}

html.mc-shell-command-slate .mc-command-watchlist-empty strong {
  color: rgba(241, 245, 249, 0.98);
  font-size: 0.9rem;
}

html.mc-shell-command-slate .mc-command-watchlist-empty span {
  color: rgba(148, 163, 184, 0.92);
  font-size: 0.76rem;
  line-height: 1.45;
}

html.mc-shell-command-slate .mc-command-watchlist-modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.82rem 1.08rem 1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

html.mc-shell-command-slate .mc-command-watchlist-modal-foot button {
  padding: 0.5rem 1rem;
  color: #67e8f9;
}

html.mc-shell-command-slate .mc-command-watchlist-modal-foot span {
  color: rgba(148, 163, 184, 0.84);
  font-size: 0.7rem;
  font-weight: 760;
  text-align: right;
}

/* v16_1070 — Command View full AI Market Read overlay. */
html.mc-shell-command-slate.mc-command-ai-read-modal-open,
html.mc-shell-command-slate.mc-command-ai-read-modal-open body {
  overflow: hidden;
}
html.mc-shell-command-slate .mc-command-ai-read-overlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(18px, 4vh, 42px);
  background:
    radial-gradient(circle at 20% 78%, rgba(34, 211, 238, 0.13), transparent 34%),
    radial-gradient(circle at 72% 18%, rgba(30, 64, 175, 0.18), transparent 42%),
    rgba(2, 6, 23, 0.86);
  backdrop-filter: blur(16px);
}
html.mc-shell-command-slate .mc-command-ai-read-overlay.is-open {
  display: flex;
}
html.mc-shell-command-slate .mc-command-ai-read-modal {
  width: min(820px, calc(100vw - 40px));
  max-height: min(82vh, 820px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(34, 211, 238, 0.26);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5), 0 0 44px rgba(8, 145, 178, 0.12);
}
html.mc-shell-command-slate .mc-command-ai-read-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
  flex: 0 0 auto;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-head small,
html.mc-shell-command-slate .mc-command-ai-read-modal-section small {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #22d3ee;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-head strong {
  display: block;
  font-size: 19px;
  color: #f8fafc;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-head button {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.72);
  color: #cbd5e1;
  font-size: 20px;
  line-height: 1;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-body {
  overflow: auto;
  padding: 18px 22px 22px;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.03em;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-top b,
html.mc-shell-command-slate #mcCommandAiReadModalTone {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
html.mc-shell-command-slate #mcCommandAiReadModalTone.is-green { color: #34d399; border-color: rgba(52, 211, 153, 0.35); }
html.mc-shell-command-slate #mcCommandAiReadModalTone.is-red { color: #fb7185; border-color: rgba(251, 113, 133, 0.35); }
html.mc-shell-command-slate #mcCommandAiReadModalTone.is-mixed { color: #fbbf24; border-color: rgba(251, 191, 36, 0.35); }
html.mc-shell-command-slate .mc-command-ai-read-modal h2 {
  margin: 0 0 14px;
  max-width: 760px;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.08;
  color: #f8fafc;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-section {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.35);
}
html.mc-shell-command-slate .mc-command-ai-read-modal-section p {
  margin: 0;
  color: #e2e8f0;
  font-size: 15px;
  line-height: 1.65;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-section ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-section li {
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 12px;
  background: rgba(8, 145, 178, 0.10);
  padding: 10px 12px;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 800;
}
html.mc-shell-command-slate .mc-command-ai-read-modal-foot b {
  border: 1px solid rgba(34, 211, 238, 0.28);
  border-radius: 999px;
  padding: 6px 12px;
  color: #67e8f9;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

/* v16_1071 — Keep the full AI Read trigger visible inside the desktop Command View card. */
html.mc-shell-command-slate .mc-command-ai-read-action-row {
  margin-top: 0.72rem;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(51, 65, 85, 0.46);
}

html.mc-shell-command-slate .mc-command-ai-read-action {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border: 1px solid rgba(34, 211, 238, 0.26);
  border-radius: 0.85rem;
  background: rgba(8, 145, 178, 0.12);
  color: #67e8f9;
  padding: 0.58rem 0.75rem;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

html.mc-shell-command-slate .mc-command-ai-read-action:hover,
html.mc-shell-command-slate .mc-command-ai-read-action:focus-visible {
  border-color: rgba(103, 232, 249, 0.58);
  background: rgba(8, 145, 178, 0.2);
  color: #cffafe;
  transform: translateY(-1px);
  outline: none;
}

@media (max-height: 850px) {
  html.mc-shell-command-slate .mc-command-ai-read-action-row {
    margin-top: 0.55rem;
    padding-top: 0.55rem;
  }

  html.mc-shell-command-slate .mc-command-ai-read-action {
    padding: 0.48rem 0.66rem;
    font-size: 0.68rem;
  }
}


/*
  v16_1072 COMMAND VIEW AI READ BUTTON SPACING.
  Keep the full-read action inside the desktop AI Read card with breathing room,
  without changing mobile/tablet behavior or the overlay behavior.
*/
html.mc-shell-command-slate .mc-command-read-preview {
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-read-preview ul {
  margin-top: 0.62rem !important;
  padding-top: 0 !important;
}

html.mc-shell-command-slate .mc-command-ai-read-action-row {
  margin-top: auto !important;
  padding-top: 0.58rem;
  padding-bottom: 0.02rem;
  border-top: 1px solid rgba(51, 65, 85, 0.42);
}

html.mc-shell-command-slate .mc-command-ai-read-action {
  min-height: 2.05rem;
  padding: 0.48rem 0.68rem;
  line-height: 1.1;
}

@media (max-height: 850px) {
  html.mc-shell-command-slate .mc-command-ai-read-action-row {
    padding-top: 0.45rem;
  }

  html.mc-shell-command-slate .mc-command-ai-read-action {
    min-height: 1.9rem;
    padding: 0.42rem 0.62rem;
  }
}

/* v16_1080: Command View brand mark uses the source image aspect ratio. */
html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand img,
html.mc-shell-command-slate .mc-command-slate-brand img {
  width: 3.42rem;
  height: auto;
  aspect-ratio: 240 / 195;
  object-fit: contain;
}

@media (max-height: 820px) {
  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand img {
    width: 3.08rem;
    height: auto;
  }
}

/* v16_1169: Command View logo size parity with the mobile header polish.
   Targets the active desktop Command Slate brand, reducing the logo footprint without changing layout behavior. */
@media (min-width: 1024px) and (pointer: fine) {
  html.mc-shell-command-slate .mc-command-topbar {
    grid-template-columns: minmax(15.85rem, 19.35rem) minmax(18rem, 34rem) auto !important;
  }

  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand {
    gap: 0.60rem !important;
  }

  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand img,
  html.mc-shell-command-slate .mc-command-slate-brand img {
    width: 3.08rem !important;
    height: auto !important;
    flex: 0 0 3.08rem !important;
    max-width: 3.08rem !important;
    aspect-ratio: 240 / 195 !important;
    object-fit: contain !important;
  }

  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-title {
    font-size: 1.24rem !important;
    line-height: 1.04 !important;
    letter-spacing: -0.043em !important;
  }

  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-subtitle {
    margin-top: 0.10rem !important;
    font-size: 0.65rem !important;
    line-height: 1.15 !important;
  }
}

@media (max-height: 820px) and (min-width: 1024px) and (pointer: fine) {
  html.mc-shell-command-slate .mc-command-topbar .mc-command-slate-brand img,
  html.mc-shell-command-slate .mc-command-slate-brand img {
    width: 2.78rem !important;
    flex-basis: 2.78rem !important;
    max-width: 2.78rem !important;
  }
}

/* v16_1201: Compact the Command View mobile companion card so the preview button sits fully in view. */
html.mc-shell-command-slate .mc-command-mobile-companion-card {
  margin-top: auto;
  margin-bottom: 0.38rem;
  border: 1px solid rgba(34, 211, 238, 0.26);
  border-radius: 0.95rem;
  background: radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.14), transparent 42%), rgba(2, 8, 23, 0.62);
  padding: 0.58rem;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card span,
html.mc-shell-command-slate .mc-command-mobile-companion-card strong,
html.mc-shell-command-slate .mc-command-mobile-companion-card small,
html.mc-shell-command-slate .mc-command-mobile-companion-card a {
  display: block;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card span {
  margin-bottom: 0.24rem;
  color: #67e8f9;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card strong {
  color: #f8fafc;
  font-size: 0.72rem;
  line-height: 1.14;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card small {
  margin-top: 0.28rem;
  color: rgba(203, 213, 225, 0.82);
  font-size: 0.63rem;
  line-height: 1.28;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card a {
  margin-top: 0.48rem;
  border-radius: 0.72rem;
  background: rgba(34, 211, 238, 0.13);
  color: #cffafe;
  padding: 0.36rem 0.46rem;
  font-size: 0.66rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card + .mc-command-rail-status {
  margin-top: 0;
}

/* v16_1199: Command View left rail uses a real mobile companion preview image instead of opening mobile on desktop. */
html.mc-shell-command-slate .mc-command-mobile-companion-preview {
  display: block;
  overflow: hidden;
  margin: 0.06rem 0 0.44rem;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 0.74rem;
  background: rgba(15, 23, 42, 0.68);
  max-height: 5.35rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 12px 26px rgba(2, 132, 199, 0.10);
}

html.mc-shell-command-slate .mc-command-mobile-companion-preview img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(-0.18rem);
}

/* v16_1202: Keep the Mobile Companion preview compact enough that the U.S. Market Open status remains visible. */
html.mc-shell-command-slate .mc-command-mobile-companion-card {
  padding: 0.48rem !important;
  margin-bottom: 0.24rem !important;
  border-radius: 0.86rem !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card span {
  margin-bottom: 0.18rem !important;
  font-size: 0.58rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-preview {
  margin: 0.02rem 0 0.34rem !important;
  max-height: 4.05rem !important;
  border-radius: 0.66rem !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-preview img {
  transform: translateY(-0.1rem) !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card strong {
  font-size: 0.67rem !important;
  line-height: 1.08 !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card small {
  margin-top: 0.22rem !important;
  font-size: 0.58rem !important;
  line-height: 1.18 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card a {
  margin-top: 0.34rem !important;
  padding: 0.32rem 0.42rem !important;
  font-size: 0.62rem !important;
  border-radius: 0.66rem !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card + .mc-command-rail-status {
  margin-top: 0 !important;
  padding: 0.46rem 0.55rem !important;
}

@media (max-height: 820px) and (min-width: 1024px) and (pointer: fine) {
  html.mc-shell-command-slate .mc-command-foundation-rail {
    gap: 0.42rem !important;
  }

  html.mc-shell-command-slate .mc-command-rail-label {
    margin-top: 0.48rem !important;
    margin-bottom: 0.3rem !important;
  }

  html.mc-shell-command-slate .mc-command-foundation-rail button {
    min-height: 2.12rem !important;
    padding-top: 0.42rem !important;
    padding-bottom: 0.42rem !important;
  }

  html.mc-shell-command-slate .mc-command-mobile-companion-preview {
    max-height: 3.55rem !important;
  }

  html.mc-shell-command-slate .mc-command-mobile-companion-card small {
    -webkit-line-clamp: 2;
  }
}

/* v16_1203: Mobile Companion preview opens in modal instead of new tab */
html.mc-shell-command-slate .mc-command-mobile-companion-card button[data-command-mobile-companion-link] {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  margin-top: 0.48rem;
  border: 0;
  border-radius: 0.72rem;
  background: rgba(34, 211, 238, 0.13);
  color: #cffafe;
  padding: 0.36rem 0.46rem;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card button[data-command-mobile-companion-link]:focus-visible {
  outline: 2px solid rgba(34, 211, 238, 0.72);
  outline-offset: 2px;
}

/* v16_1214 COMMAND VIEW TIMELINE CONTROLS
   Selected timeline states now indicate the active replay/Now context. */
html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-selected {
  border: 1px solid rgba(34, 211, 238, 0.34);
  background: linear-gradient(135deg, rgba(8, 145, 178, 0.20), rgba(15, 23, 42, 0.58));
  box-shadow: inset 0 0 0 1px rgba(103, 232, 249, 0.08), 0 0 1.1rem rgba(34, 211, 238, 0.10);
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-selected::before {
  background: #67e8f9;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.22), 0 0 1rem rgba(34, 211, 238, 0.55);
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-selected b {
  color: #a5f3fc;
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-selected span {
  color: rgba(226, 232, 240, 0.90);
}

html.mc-shell-command-slate .mc-command-session-timeline .mc-command-timeline-step.is-selected.is-selected {
  cursor: default;
}

html.mc-shell-command-slate [data-command-session-timeline-panel].is-command-timeline-loading {
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.18), 0 0 1.4rem rgba(34, 211, 238, 0.10);
}

html.mc-shell-command-slate [data-command-session-timeline-panel].is-command-timeline-loading .mc-command-panel-head b {
  color: #67e8f9;
}


/* v16_1216: Command View top Snapshot Timeline now reads as a full-day
   session rail instead of a wrapped row of small filter chips. */
html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-timeline-controls {
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, minmax(2.7rem, 1fr));
  align-items: end;
  gap: 0.26rem;
  margin-top: 0.42rem;
  padding: 0.42rem 0.05rem 0.02rem;
  word-spacing: normal;
  overflow-x: auto;
  scrollbar-width: none;
}

html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-timeline-controls::-webkit-scrollbar {
  display: none;
}

html.mc-shell-command-slate .mc-command-session-rail-line {
  position: absolute;
  left: 1.35rem;
  right: 1.35rem;
  top: 1.68rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.54), rgba(14, 165, 233, 0.24), rgba(51, 65, 85, 0.34));
  pointer-events: none;
}

html.mc-shell-command-slate .mc-command-strip-timeline-button {
  position: relative;
  z-index: 1;
  appearance: none;
  min-width: 2.7rem;
  border: 0;
  border-radius: 0.8rem;
  background: transparent;
  color: rgba(226, 232, 240, 0.84);
  cursor: pointer;
  font: inherit;
  line-height: 1;
  padding: 0;
  text-align: center;
  transition: color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

html.mc-shell-command-slate .mc-command-strip-timeline-button::before {
  content: '';
  display: block;
  width: 0.62rem;
  height: 0.62rem;
  margin: 0 auto 0.28rem;
  border: 2px solid rgba(34, 211, 238, 0.62);
  border-radius: 999px;
  background: #06111f;
  box-shadow: 0 0 0 0.18rem rgba(2, 6, 23, 0.92);
}

html.mc-shell-command-slate .mc-command-strip-timeline-button span {
  display: block;
  margin-bottom: 0.16rem;
  color: rgba(103, 232, 249, 0.64);
  font-size: 0.52rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-strip-timeline-button b {
  display: block;
  color: rgba(226, 232, 240, 0.88);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-strip-timeline-button:hover,
html.mc-shell-command-slate .mc-command-strip-timeline-button:focus-visible {
  color: #a5f3fc;
  outline: none;
  transform: translateY(-1px);
}

html.mc-shell-command-slate .mc-command-strip-timeline-button:hover::before,
html.mc-shell-command-slate .mc-command-strip-timeline-button:focus-visible::before {
  border-color: rgba(103, 232, 249, 0.92);
  box-shadow: 0 0 0 0.18rem rgba(2, 6, 23, 0.92), 0 0 0.8rem rgba(34, 211, 238, 0.28);
}

html.mc-shell-command-slate .mc-command-strip-timeline-button.is-selected::before {
  border-color: rgba(34, 211, 238, 0.98);
  background: linear-gradient(135deg, #22d3ee, #0ea5e9);
  box-shadow: 0 0 0 0.2rem rgba(8, 47, 73, 0.92), 0 0 1rem rgba(34, 211, 238, 0.44);
}

html.mc-shell-command-slate .mc-command-strip-timeline-button.is-selected span,
html.mc-shell-command-slate .mc-command-strip-timeline-button.is-selected b {
  color: #67e8f9;
}

html.mc-shell-command-slate .mc-command-strip-timeline-button.is-future {
  cursor: not-allowed;
  opacity: 0.42;
}

html.mc-shell-command-slate .mc-command-strip-timeline-button.is-future::before {
  border-color: rgba(100, 116, 139, 0.62);
  background: #0f172a;
}


/* v16_1221 — Command View selected Snapshot sync labels.
   These tiny badges make it clear every desktop panel is reading from the
   highlighted Snapshot Timeline slot. */
html.mc-shell-command-slate .mc-command-snapshot-sync-label {
  margin-left: auto;
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 999px;
  background: rgba(8, 47, 73, 0.26);
  color: rgba(165, 243, 252, 0.86);
  padding: 0.22rem 0.48rem;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-panel-head:has(.mc-command-snapshot-sync-label) {
  flex-wrap: wrap;
}

html.mc-shell-command-slate .mc-command-read-preview .mc-command-snapshot-sync-label,
html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-snapshot-sync-label {
  color: rgba(103, 232, 249, 0.94);
  border-color: rgba(34, 211, 238, 0.32);
}

/* v16_1223 — Command View Market Pulse breadth color polish.
   Keep the header aligned with mobile: green advancers, red decliners.
   Keep the ring as a calm breadth composition: green / neutral / red. */
html.mc-shell-command-slate #mcCommandPulseScore .mc-command-breadth-adv {
  color: #34d399;
  text-shadow: 0 0 14px rgba(52, 211, 153, 0.22);
}

html.mc-shell-command-slate #mcCommandPulseScore .mc-command-breadth-dec {
  color: #fb7185;
  text-shadow: 0 0 14px rgba(251, 113, 133, 0.18);
}

html.mc-shell-command-slate #mcCommandPulseScore .mc-command-breadth-divider {
  color: rgba(226, 232, 240, 0.72);
  padding: 0 0.1rem;
}

html.mc-shell-command-slate .mc-command-breadth-ring {
  background: var(--mc-command-breadth-ring-bg, conic-gradient(#34d399 0 57%, rgba(148, 163, 184, 0.82) 57% 58%, #fb7185 58% 100%));
  border: 1px solid rgba(34, 211, 238, 0.18);
  box-shadow:
    inset 0 0 0 0.56rem rgba(2, 8, 23, 0.94),
    0 0 0 1px rgba(15, 23, 42, 0.95),
    0 16px 40px rgba(0, 0, 0, 0.24);
}

html.mc-shell-command-slate .mc-command-breadth-ring strong {
  color: #ffffff;
  text-shadow: 0 0 16px rgba(52, 211, 153, 0.20);
}

html.mc-shell-command-slate .mc-command-breadth-ring small {
  color: rgba(52, 211, 153, 0.92);
  font-weight: 800;
}

/* v16_1224 — Command View breadth meter polish.
   The donut was too loud and cramped in the dense desktop layout. Replace the
   command-only ring treatment with a compact horizontal meter that matches the
   mobile mental model: advancing green, unchanged slate, declining red. */
html.mc-shell-command-slate .mc-command-pulse-footer {
  grid-template-columns: minmax(0, 1fr) minmax(8.75rem, 10.5rem) !important;
  align-items: end !important;
  gap: 0.95rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-breadth-ring {
  width: 100% !important;
  height: auto !important;
  min-height: 4.1rem !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  justify-items: start !important;
  place-content: initial !important;
  text-align: left !important;
  border-radius: 0.82rem !important;
  padding: 0.62rem 0.68rem 0.58rem !important;
  background:
    linear-gradient(180deg, rgba(2, 8, 23, 0.58), rgba(2, 8, 23, 0.34)),
    rgba(15, 23, 42, 0.42) !important;
  border: 1px solid rgba(51, 65, 85, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  position: relative !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-breadth-ring::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.44rem;
  border-radius: 999px;
  background: var(--mc-command-breadth-ring-bg, linear-gradient(90deg, rgba(16, 185, 129, 0.78) 0 57%, rgba(100, 116, 139, 0.72) 57% 58%, rgba(248, 113, 113, 0.78) 58% 100%));
  box-shadow: 0 0 18px rgba(45, 212, 191, 0.10);
  order: 3;
  margin-top: 0.45rem;
}

html.mc-shell-command-slate .mc-command-breadth-ring strong {
  color: rgba(248, 250, 252, 0.98) !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  text-shadow: none !important;
  order: 1;
}

html.mc-shell-command-slate .mc-command-breadth-ring small {
  color: rgba(45, 212, 191, 0.92) !important;
  font-size: 0.62rem !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  order: 2;
  margin-top: 0.18rem;
}

html.mc-shell-command-slate #mcCommandPulseScore .mc-command-breadth-adv {
  color: #2dd4bf !important;
  text-shadow: none !important;
}

html.mc-shell-command-slate #mcCommandPulseScore .mc-command-breadth-dec {
  color: #f87171 !important;
  text-shadow: none !important;
}

/* v16_1225 — Command View Market Pulse footer/meter containment.
   Prevent the breadth meter and primary-instrument change line from spilling
   into the lower Group Heat row. Keep the mobile-style breadth concept, but
   make it compact enough for the dense desktop command panel. */
html.mc-shell-command-slate .mc-command-pulse-preview {
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-large-chart {
  min-height: 10.8rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(7.4rem, 8.35rem) !important;
  align-items: end !important;
  gap: 0.62rem !important;
  margin-top: 0.52rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer small {
  font-size: 0.66rem !important;
  line-height: 1.2 !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer strong {
  font-size: 0.95rem !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer b {
  font-size: 1.38rem !important;
  line-height: 1.08 !important;
  margin-top: 0.10rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview #mcCommandPulseChange {
  display: block !important;
  font-size: 0.86rem !important;
  line-height: 1.12 !important;
  margin-top: 0.12rem !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring {
  width: 100% !important;
  max-width: 8.35rem !important;
  min-height: 2.75rem !important;
  height: 2.75rem !important;
  padding: 0.43rem 0.50rem 0.42rem !important;
  border-radius: 0.72rem !important;
  align-self: end !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring strong {
  font-size: 0.92rem !important;
  line-height: 0.95 !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring small {
  font-size: 0.50rem !important;
  line-height: 1 !important;
  margin-top: 0.12rem !important;
  letter-spacing: 0.07em !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring::before {
  height: 0.28rem !important;
  margin-top: 0.28rem !important;
  box-shadow: none !important;
}

/* v16_1226 — Command View breadth meter clipping fix.
   Keep the meter compact, but make text a single unclipped line and pin the
   breadth bar to the bottom of the card. This prevents the ADVANCING label from
   being cut while keeping the Market Pulse footer contained above Group Heat. */
html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 8.35rem !important;
  min-height: 2.72rem !important;
  height: 2.72rem !important;
  padding: 0.46rem 0.54rem 0.86rem !important;
  border-radius: 0.78rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring strong,
html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring small {
  display: inline !important;
  vertical-align: baseline !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring strong {
  font-size: 0.94rem !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring small {
  font-size: 0.55rem !important;
  line-height: 1 !important;
  margin-top: 0 !important;
  margin-left: 0.18rem !important;
  letter-spacing: 0.055em !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring::before {
  position: absolute !important;
  left: 0.54rem !important;
  right: 0.54rem !important;
  bottom: 0.48rem !important;
  width: auto !important;
  height: 0.32rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
}

/* v16_1227 — Command View Snapshot Timeline v2.
   The top rail now represents real 15-minute snapshot windows instead of only
   coarse hourly anchors. Cached slots are clickable; missing/future slots are
   dimmed and disabled so replay cannot jump into nonexistent future data. */
html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-quarter-controls {
  grid-template-columns: repeat(27, minmax(1.75rem, 1fr));
  gap: 0.12rem;
  align-items: end;
  padding-top: 0.5rem;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-session-rail-line {
  left: 0.96rem;
  right: 0.96rem;
  top: 1.72rem;
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.42), rgba(14, 165, 233, 0.22), rgba(51, 65, 85, 0.30));
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button {
  min-width: 1.75rem;
  opacity: 0.88;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button::before {
  width: 0.46rem;
  height: 0.46rem;
  margin-bottom: 0.2rem;
  border-width: 1.5px;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button span {
  min-height: 0.58rem;
  margin-bottom: 0.1rem;
  font-size: 0.45rem;
  letter-spacing: 0.04em;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button b {
  font-size: 0.54rem;
  letter-spacing: -0.02em;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-ready::before,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-cached::before,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-fallback::before {
  border-color: rgba(34, 211, 238, 0.70);
  background: rgba(8, 47, 73, 0.92);
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-no_data,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-missing,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-processing,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-waiting {
  cursor: not-allowed;
  opacity: 0.36;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-no_data::before,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-missing::before,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-processing::before,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-waiting::before {
  border-color: rgba(71, 85, 105, 0.78);
  background: rgba(15, 23, 42, 0.96);
  box-shadow: 0 0 0 0.15rem rgba(2, 6, 23, 0.92);
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-future {
  cursor: not-allowed;
  opacity: 0.22;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-future::before {
  border-color: rgba(71, 85, 105, 0.62);
  background: rgba(15, 23, 42, 0.90);
}

/* v16_1287 — Official slot-state colors.
   READY is clickable, WAITING is the active collection window, NO DATA is a
   completed window without a stored pulse package, and FUTURE is ahead of time. */
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-ready {
  opacity: 0.96 !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-ready::before {
  border-color: rgba(45, 212, 191, 0.76) !important;
  background: rgba(6, 78, 59, 0.88) !important;
  box-shadow: 0 0 0 0.14rem rgba(2, 6, 23, 0.92), 0 0 0.75rem rgba(45, 212, 191, 0.20) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-waiting::before {
  border-color: rgba(251, 191, 36, 0.72) !important;
  background: rgba(120, 53, 15, 0.72) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.has-status-no_data::before {
  border-color: rgba(100, 116, 139, 0.68) !important;
  background: rgba(15, 23, 42, 0.98) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-now::before,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-selected::before {
  width: 0.58rem;
  height: 0.58rem;
  margin-bottom: 0.14rem;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-now b,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-selected b {
  color: #67e8f9;
}

/* v16_1228 — Command View top Snapshot Timeline rail.
   Historical layout pass kept here for compatibility; v16_1230 below promotes
   the rail to a full-width replay row and removes the duplicate radar card. */
html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-quarter-controls {
  display: flex !important;
  grid-template-columns: none !important;
  grid-auto-flow: column !important;
  align-items: end !important;
  gap: 0.52rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0.52rem 0.22rem 0.14rem !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: thin !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-quarter-controls::-webkit-scrollbar {
  height: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-quarter-controls::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(34, 211, 238, 0.24) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-session-rail-line {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button {
  flex: 0 0 3.45rem !important;
  min-width: 3.45rem !important;
  max-width: 3.45rem !important;
  min-height: 2.18rem !important;
  border: 1px solid rgba(51, 65, 85, 0.38) !important;
  border-radius: 0.72rem !important;
  background: rgba(15, 23, 42, 0.30) !important;
  padding: 0.22rem 0.24rem 0.20rem !important;
  scroll-snap-align: center !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button::before {
  width: 0.46rem !important;
  height: 0.46rem !important;
  margin-bottom: 0.16rem !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button span {
  min-height: 0 !important;
  margin-bottom: 0.08rem !important;
  font-size: 0.44rem !important;
  letter-spacing: 0.045em !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button b {
  font-size: 0.58rem !important;
  letter-spacing: -0.02em !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-now,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-selected {
  border-color: rgba(34, 211, 238, 0.52) !important;
  background: linear-gradient(180deg, rgba(8, 145, 178, 0.22), rgba(15, 23, 42, 0.44)) !important;
  box-shadow: inset 0 0 0 1px rgba(103, 232, 249, 0.08), 0 0 1.0rem rgba(34, 211, 238, 0.10) !important;
}


/* v16_1230 — Command View replay timeline + single Signal Radar cleanup.
   Top timeline becomes a full-width replay rail using clean 15-minute slot
   labels. Actual backend completion time is shown only in the header as
   Updated time. Remove the duplicate radar card and extend Signal Radar. */
html.mc-shell-command-slate .mc-command-snapshot-strip {
  display: grid !important;
  grid-template-columns: 11.4rem 7.8rem minmax(11rem, 1fr) repeat(3, minmax(5.8rem, 6.4rem)) !important;
  grid-template-areas:
    "primary price spark vix tnx oil"
    "timeline timeline timeline timeline timeline timeline" !important;
  align-items: stretch !important;
  gap: 0.62rem !important;
  min-height: 8.9rem !important;
  padding: 0.68rem 0.78rem 0.74rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-primary { grid-area: primary !important; }
html.mc-shell-command-slate .mc-command-price-tile { grid-area: price !important; }
html.mc-shell-command-slate .mc-command-mini-spark { grid-area: spark !important; }
html.mc-shell-command-slate .mc-command-vix-tile { grid-area: vix !important; }
html.mc-shell-command-slate .mc-command-tnx-tile { grid-area: tnx !important; }
html.mc-shell-command-slate .mc-command-oil-tile { grid-area: oil !important; }
html.mc-shell-command-slate .mc-command-timeline-tile { grid-area: timeline !important; }

html.mc-shell-command-slate .mc-command-snapshot-primary,
html.mc-shell-command-slate .mc-command-price-tile,
html.mc-shell-command-slate .mc-command-metric-tile {
  min-width: 0 !important;
  border-right: 1px solid rgba(51, 65, 85, 0.35) !important;
  padding-right: 0.62rem !important;
}

html.mc-shell-command-slate .mc-command-oil-tile {
  border-right: 0 !important;
  padding-right: 0 !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile {
  min-width: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid rgba(51, 65, 85, 0.44) !important;
  padding: 0.62rem 0 0 !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.8rem !important;
  margin-bottom: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile-head small,
html.mc-shell-command-slate .mc-command-timeline-tile #mcCommandTimelineLabel {
  display: block !important;
  min-width: 0 !important;
  color: rgba(203, 213, 225, 0.90) !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.075em !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-replay-button {
  appearance: none !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(34, 211, 238, 0.25) !important;
  border-radius: 999px !important;
  background: rgba(8, 47, 73, 0.30) !important;
  color: #a5f3fc !important;
  cursor: pointer !important;
  font-size: 0.62rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  padding: 0.42rem 0.66rem !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile > b.mc-command-strip-quarter-controls,
html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-quarter-controls {
  display: flex !important;
  align-items: center !important;
  gap: 0.46rem !important;
  min-height: 2.86rem !important;
  margin: 0 !important;
  padding: 0.16rem 0.04rem 0.22rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: thin !important;
  word-spacing: normal !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-quarter-controls::-webkit-scrollbar {
  height: 0.32rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-tile .mc-command-strip-quarter-controls::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(34, 211, 238, 0.24) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-session-rail-line {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button {
  display: inline-flex !important;
  flex: 0 0 4.55rem !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 4.55rem !important;
  max-width: 4.55rem !important;
  min-height: 2.36rem !important;
  border: 1px solid rgba(51, 65, 85, 0.50) !important;
  border-radius: 0.82rem !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.62), rgba(2, 8, 23, 0.42)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  padding: 0.33rem 0.34rem !important;
  scroll-snap-align: center !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button::before {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button b {
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button span {
  min-height: auto !important;
  margin: 0.24rem 0 0 !important;
  color: rgba(103, 232, 249, 0.80) !important;
  font-size: 0.48rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-now,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-selected {
  border-color: rgba(34, 211, 238, 0.62) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.23), transparent 5rem),
    linear-gradient(180deg, rgba(8, 47, 73, 0.78), rgba(2, 8, 23, 0.54)) !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.16), 0 0 1.05rem rgba(34, 211, 238, 0.18) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-now b,
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-selected b {
  color: #67e8f9 !important;
}

html.mc-shell-command-slate .mc-command-lower-grid {
  grid-template-columns: minmax(13rem, 1.02fr) minmax(12rem, 0.94fr) minmax(19rem, 1.55fr) minmax(15rem, 1.08fr) !important;
  gap: 0.62rem !important;
}

html.mc-shell-command-slate .mc-command-radar-panel {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-radar-body {
  display: grid !important;
  grid-template-columns: minmax(6.8rem, 0.42fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0.72rem !important;
  min-height: 8.6rem !important;
}

html.mc-shell-command-slate .mc-command-radar-viz {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-radar-panel .mc-command-radar {
  width: min(7.2rem, 100%) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0.04rem auto 0.5rem !important;
}

html.mc-shell-command-slate .mc-command-radar-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-radar-copy > strong {
  color: rgba(248, 250, 252, 0.96) !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
}

html.mc-shell-command-slate .mc-command-radar-copy > span {
  display: block !important;
  margin-top: 0.24rem !important;
  color: rgba(203, 213, 225, 0.76) !important;
  font-size: 0.68rem !important;
  line-height: 1.35 !important;
}

html.mc-shell-command-slate .mc-command-radar-panel .mc-command-radar-honesty {
  margin-top: auto !important;
  padding: 0.62rem 0.68rem !important;
  border-radius: 0.78rem !important;
}

html.mc-shell-command-slate .mc-command-radar-panel #mcCommandRadarMode {
  color: #67e8f9 !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip {
    grid-template-columns: 10.5rem 7.4rem minmax(9rem, 1fr) repeat(3, minmax(5.5rem, 1fr)) !important;
  }
  html.mc-shell-command-slate .mc-command-lower-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html.mc-shell-command-slate .mc-command-radar-panel,
  html.mc-shell-command-slate .mc-command-lower-grid [data-command-panel="news"] {
    grid-column: span 1 !important;
  }
}

/* v16_1231 — Command View top replay rail + rebuilt Market Snapshot hero.
   Snapshot Timeline now sits directly under Explore Markets. Market Snapshot is
   a true chart-first card with compact right-side Market Conditions; no tall
   vertical metric columns. */
html.mc-shell-command-slate .mc-command-category-strip,
html.mc-shell-command-slate .mc-command-timeline-rail-card,
html.mc-shell-command-slate .mc-command-snapshot-strip,
html.mc-shell-command-slate .mc-command-panel {
  border: 1px solid rgba(56, 189, 248, 0.16) !important;
  border-radius: 1rem !important;
  background:
    linear-gradient(145deg, rgba(2, 8, 23, 0.90), rgba(8, 13, 27, 0.72)),
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.075), transparent 18rem) !important;
  box-shadow: 0 1rem 2.6rem rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card {
  padding: 0.62rem 0.72rem 0.66rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile {
  border: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 0.48rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card #mcCommandTimelineLabel {
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.085em !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-replay-button {
  padding: 0.44rem 0.78rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls {
  display: flex !important;
  align-items: center !important;
  gap: 0.50rem !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  padding: 0.05rem 0.05rem 0.24rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: thin !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls::-webkit-scrollbar { height: 0.3rem !important; }
html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(34, 211, 238, 0.25) !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button {
  flex: 0 0 4.65rem !important;
  min-width: 4.65rem !important;
  min-height: 2.15rem !important;
  border-radius: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button b {
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button span {
  font-size: 0.48rem !important;
  letter-spacing: 0.08em !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(14.5rem, 17rem) !important;
  grid-template-areas: "snapshot conditions" !important;
  gap: 0.76rem !important;
  align-items: stretch !important;
  min-height: 13rem !important;
  padding: 0.76rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-main {
  grid-area: snapshot !important;
  display: grid !important;
  grid-template-rows: auto minmax(8.8rem, 1fr) !important;
  gap: 0.58rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-header-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1.25rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-primary,
html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-price-tile,
html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-metric-tile {
  border-right: 0 !important;
  padding-right: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-primary small,
html.mc-shell-command-slate .mc-command-conditions-head span {
  display: block !important;
  color: #22d3ee !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-primary strong {
  display: block !important;
  margin-top: 0.18rem !important;
  color: rgba(248, 250, 252, 0.98) !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-price-tile {
  flex: 0 0 auto !important;
  text-align: right !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-price-tile b {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.95rem, 2.4vw, 2.55rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.07em !important;
  line-height: 0.95 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-price-tile span {
  display: block !important;
  margin-top: 0.32rem !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-chart,
html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-mini-spark {
  width: 100% !important;
  min-height: 9.15rem !important;
  height: 100% !important;
  border: 1px solid rgba(56, 189, 248, 0.12) !important;
  border-radius: 0.9rem !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(8, 47, 73, 0.18), rgba(15, 23, 42, 0.15)),
    repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.035) 0 1px, transparent 1px 6.4rem),
    repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.035) 0 1px, transparent 1px 2.15rem) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-chart svg,
html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-mini-spark svg {
  width: 100% !important;
  height: 100% !important;
  min-height: 9.15rem !important;
  display: block !important;
}

html.mc-shell-command-slate .mc-command-snapshot-chart .mc-command-spark-line {
  stroke-width: 4.4 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-chart .mc-command-spark-area {
  opacity: 0.40 !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel {
  grid-area: conditions !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  min-width: 0 !important;
  border: 1px solid rgba(51, 65, 85, 0.50) !important;
  border-radius: 0.92rem !important;
  background: rgba(2, 6, 23, 0.30) !important;
  padding: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-conditions-head small {
  display: block !important;
  margin-top: 0.18rem !important;
  color: rgba(148, 163, 184, 0.80) !important;
  font-size: 0.62rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

html.mc-shell-command-slate .mc-command-conditions-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.48rem !important;
  margin-top: 0.05rem !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile {
  min-height: 3.05rem !important;
  border: 1px solid rgba(51, 65, 85, 0.55) !important;
  border-radius: 0.78rem !important;
  background: rgba(15, 23, 42, 0.38) !important;
  padding: 0.52rem 0.62rem !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile small {
  display: block !important;
  color: rgba(148, 163, 184, 0.86) !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile b {
  display: block !important;
  margin-top: 0.10rem !important;
  color: rgba(248, 250, 252, 0.98) !important;
  font-size: 1.07rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile span {
  display: block !important;
  margin-top: 0.06rem !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    grid-template-columns: minmax(0, 1fr) minmax(12.8rem, 14.5rem) !important;
  }
  html.mc-shell-command-slate .mc-command-conditions-head small {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    grid-template-columns: 1fr !important;
    grid-template-areas: "snapshot" "conditions" !important;
  }
  html.mc-shell-command-slate .mc-command-conditions-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* v16_1232 — Command View snapshot timeline card + compact snapshot hero correction.
   The replay rail is a real standalone card directly under Explore Markets.
   Market Snapshot is compact: chart-first left panel with a stacked Market Conditions panel.
   This overrides the over-tall v16_1231 hero and removes the floating/empty chart feel. */
html.mc-shell-command-slate .mc-command-main-surface {
  gap: 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card {
  flex: 0 0 auto !important;
  min-height: 4.65rem !important;
  padding: 0.68rem 0.78rem 0.72rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 0.48rem !important;
  min-height: 0 !important;
  width: 100% !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 1.45rem !important;
  margin: 0 !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card #mcCommandTimelineLabel {
  display: block !important;
  max-width: calc(100% - 8rem) !important;
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.095em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-replay-button {
  flex: 0 0 auto !important;
  height: 1.8rem !important;
  padding: 0 0.78rem !important;
  border-radius: 999px !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.09em !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls {
  display: flex !important;
  align-items: center !important;
  gap: 0.48rem !important;
  min-height: 2.18rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.03rem 0.03rem 0.12rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: thin !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-session-rail-line {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button {
  flex: 0 0 4.55rem !important;
  min-width: 4.55rem !important;
  min-height: 2.05rem !important;
  border-radius: 0.72rem !important;
  padding: 0.28rem 0.40rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button b {
  font-size: 0.72rem !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button span {
  margin-top: 0.16rem !important;
  font-size: 0.46rem !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(13.6rem, 15.2rem) !important;
  grid-template-areas: "snapshot conditions" !important;
  gap: 0.72rem !important;
  align-items: stretch !important;
  min-height: 14.4rem !important;
  height: 14.8rem !important;
  max-height: 15.2rem !important;
  padding: 0.72rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-main {
  grid-area: snapshot !important;
  display: grid !important;
  grid-template-rows: auto minmax(9.4rem, 1fr) !important;
  gap: 0.55rem !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-header-row {
  display: grid !important;
  grid-template-columns: minmax(10rem, 1fr) auto !important;
  align-items: start !important;
  gap: 1rem !important;
  min-height: 3.05rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-primary strong {
  font-size: 1.02rem !important;
  line-height: 1.12 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-price-tile {
  display: block !important;
  align-self: start !important;
  justify-self: end !important;
  text-align: right !important;
  min-width: 10.5rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-price-tile b {
  font-size: clamp(2.0rem, 2.55vw, 2.75rem) !important;
  line-height: 0.95 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-price-tile span {
  margin-top: 0.32rem !important;
  font-size: 0.84rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-chart,
html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-mini-spark {
  display: block !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0.92rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-chart svg,
html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-mini-spark svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-chart .mc-command-spark-line {
  stroke-width: 4.15 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-hero .mc-command-snapshot-chart .mc-command-spark-area {
  opacity: 0.42 !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel {
  grid-area: conditions !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  gap: 0.62rem !important;
  min-height: 0 !important;
  padding: 0.70rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-conditions-head span {
  font-size: 0.66rem !important;
  line-height: 1.1 !important;
}

html.mc-shell-command-slate .mc-command-conditions-head small {
  display: block !important;
  max-width: 12rem !important;
  font-size: 0.60rem !important;
  line-height: 1.25 !important;
}

html.mc-shell-command-slate .mc-command-conditions-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  gap: 0.46rem !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile,
html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-vix-tile,
html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-tnx-tile,
html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-oil-tile {
  grid-area: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  column-gap: 0.55rem !important;
  row-gap: 0.08rem !important;
  min-height: 0 !important;
  padding: 0.47rem 0.55rem !important;
  border-radius: 0.72rem !important;
  border-right: 1px solid rgba(51, 65, 85, 0.55) !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile small {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: end !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile b {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 1.02rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-conditions-panel .mc-command-metric-tile span {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  margin: 0 !important;
  white-space: nowrap !important;
  font-size: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-workspace-layout {
  gap: 0.58rem !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    grid-template-columns: minmax(0, 1fr) minmax(12.5rem, 13.8rem) !important;
    min-height: 13.6rem !important;
    height: 13.9rem !important;
  }
  html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button {
    flex-basis: 4.25rem !important;
    min-width: 4.25rem !important;
  }
}

@media (max-width: 1100px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    grid-template-columns: 1fr !important;
    grid-template-areas: "snapshot" "conditions" !important;
    height: auto !important;
    max-height: none !important;
  }
  html.mc-shell-command-slate .mc-command-conditions-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* v16_1233 — Command View snapshot hero hard reset.
   Fixes inherited v16_1230 grid-area rules that caused the Market Snapshot
   title/price/chart to overlap or float. The snapshot card is now a clean
   compact two-column hero: left title/price/chart, right stacked conditions. */
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 16.25rem) !important;
  grid-template-areas: "snapshot conditions" !important;
  align-items: stretch !important;
  gap: 0.72rem !important;
  min-height: 15.15rem !important;
  height: 15.15rem !important;
  max-height: 15.15rem !important;
  padding: 0.76rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-main {
  grid-area: snapshot !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.64rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-mini-spark,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-chart,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-vix-tile,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-tnx-tile,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-oil-tile {
  grid-area: auto !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-header-row {
  display: grid !important;
  grid-template-columns: minmax(12rem, 1fr) minmax(9.5rem, auto) !important;
  align-items: start !important;
  justify-content: stretch !important;
  gap: 1rem !important;
  min-height: 3.55rem !important;
  width: 100% !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary {
  display: block !important;
  justify-self: start !important;
  align-self: start !important;
  min-width: 0 !important;
  border-right: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary small {
  display: block !important;
  color: #22d3ee !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary strong {
  display: block !important;
  margin-top: 0.34rem !important;
  color: rgba(248, 250, 252, 0.98) !important;
  font-size: 1.04rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile {
  display: block !important;
  justify-self: end !important;
  align-self: start !important;
  min-width: 9.5rem !important;
  border-right: 0 !important;
  padding: 0 !important;
  text-align: right !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile b {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2.25rem, 2.75vw, 3.0rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.075em !important;
  line-height: 0.92 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile span {
  display: block !important;
  margin-top: 0.36rem !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-mini-spark,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-chart {
  display: block !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(56, 189, 248, 0.14) !important;
  border-radius: 0.94rem !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(8, 47, 73, 0.18), rgba(15, 23, 42, 0.14)),
    repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.040) 0 1px, transparent 1px 6.2rem),
    repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.040) 0 1px, transparent 1px 2rem) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-mini-spark svg,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-chart svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-spark-line {
  stroke-width: 4.1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-spark-area {
  opacity: 0.42 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel {
  grid-area: conditions !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.62rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0.72rem !important;
  border: 1px solid rgba(51, 65, 85, 0.56) !important;
  border-radius: 0.94rem !important;
  background: rgba(2, 6, 23, 0.32) !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.48rem !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  column-gap: 0.55rem !important;
  row-gap: 0.08rem !important;
  min-height: 0 !important;
  padding: 0.48rem 0.56rem !important;
  border: 1px solid rgba(51, 65, 85, 0.58) !important;
  border-radius: 0.76rem !important;
  background: rgba(15, 23, 42, 0.42) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile small {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: end !important;
  margin: 0 !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile b {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0.08rem 0 0 !important;
  font-size: 1.05rem !important;
  line-height: 1.03 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile span {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  margin: 0 !important;
  white-space: nowrap !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    grid-template-columns: minmax(0, 1fr) minmax(13.2rem, 14.2rem) !important;
    min-height: 14.35rem !important;
    height: 14.35rem !important;
    max-height: 14.35rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile b {
    font-size: clamp(2rem, 2.45vw, 2.6rem) !important;
  }
}

@media (max-width: 1100px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    grid-template-columns: 1fr !important;
    grid-template-areas: "snapshot" "conditions" !important;
    height: auto !important;
    max-height: none !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }
}

/* v16_1234 — Command View snapshot header alignment polish.
   Keeps the timeline in the correct position, tightens its card height,
   and groups the Market Snapshot instrument + price together so the price
   no longer floats toward the conditions panel. */
html.mc-shell-command-slate .mc-command-timeline-rail-card {
  padding: 0.62rem 0.72rem 0.58rem !important;
  min-height: 5.28rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile {
  gap: 0.48rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile-head {
  margin-bottom: 0 !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls {
  padding: 0.08rem 0.04rem 0.18rem !important;
  gap: 0.44rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button {
  min-height: 2.18rem !important;
  padding: 0.32rem 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
  min-height: 14.35rem !important;
  height: 14.35rem !important;
  max-height: 14.35rem !important;
  padding: 0.68rem !important;
  gap: 0.68rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-main {
  gap: 0.52rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-header-row {
  display: grid !important;
  grid-template-columns: max-content max-content minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: start !important;
  column-gap: 1.45rem !important;
  min-height: 3.28rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: start !important;
  max-width: 18rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary small {
  font-size: 0.66rem !important;
  letter-spacing: 0.13em !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary strong {
  margin-top: 0.28rem !important;
  font-size: 1.02rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile {
  grid-column: 2 !important;
  justify-self: start !important;
  align-self: start !important;
  min-width: 0 !important;
  text-align: left !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile b {
  font-size: clamp(2.05rem, 2.35vw, 2.72rem) !important;
  letter-spacing: -0.07em !important;
  line-height: 0.92 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile span {
  margin-top: 0.30rem !important;
  font-size: 0.80rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-mini-spark,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-chart {
  min-height: 9.2rem !important;
  border-radius: 0.88rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel {
  padding: 0.66rem !important;
  gap: 0.50rem !important;
  border-radius: 0.88rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-grid {
  gap: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile {
  padding: 0.42rem 0.52rem !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    min-height: 13.9rem !important;
    height: 13.9rem !important;
    max-height: 13.9rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-header-row {
    column-gap: 1.1rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile b {
    font-size: clamp(1.92rem, 2.18vw, 2.42rem) !important;
  }
}

@media (max-width: 1100px) {
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    height: auto !important;
    max-height: none !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-header-row {
    grid-template-columns: 1fr auto !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile {
    grid-column: 2 !important;
    text-align: right !important;
  }
}

/* v16_1235 — Command View density recovery.
   Rebalances the desktop command surface after the snapshot hero experiment:
   smaller snapshot chart, readable intelligence row, no lower-card overlap. */
html.mc-shell-command-slate .mc-command-main-surface {
  gap: 0.58rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card {
  flex: 0 0 auto !important;
  min-height: 4.82rem !important;
  height: 4.82rem !important;
  max-height: 4.82rem !important;
  padding: 0.56rem 0.72rem 0.50rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile {
  gap: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile-head {
  min-height: 1.20rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls {
  padding: 0.03rem 0.06rem 0.18rem !important;
  gap: 0.45rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-padding-left: 0.24rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button {
  flex: 0 0 4.45rem !important;
  min-width: 4.45rem !important;
  max-width: 4.45rem !important;
  min-height: 2.06rem !important;
  padding: 0.29rem 0.48rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(13.6rem, 14.6rem) !important;
  grid-template-areas: "snapshot conditions" !important;
  align-items: stretch !important;
  min-height: 10.35rem !important;
  height: 10.35rem !important;
  max-height: 10.35rem !important;
  gap: 0.62rem !important;
  padding: 0.66rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-main {
  grid-area: snapshot !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.44rem !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-header-row {
  display: grid !important;
  grid-template-columns: max-content max-content minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: start !important;
  column-gap: 1.15rem !important;
  min-height: 2.48rem !important;
  height: 2.48rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary {
  grid-column: 1 !important;
  max-width: 18rem !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary small {
  font-size: 0.64rem !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary strong {
  margin-top: 0.26rem !important;
  font-size: 1.0rem !important;
  line-height: 1.08 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile {
  grid-column: 2 !important;
  justify-self: start !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  text-align: left !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile b {
  font-size: clamp(1.74rem, 1.72vw, 2.12rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.06em !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile span {
  margin-top: 0.25rem !important;
  font-size: 0.74rem !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-mini-spark,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-chart {
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  border-radius: 0.82rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-spark-line {
  stroke-width: 3.25 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel {
  grid-area: conditions !important;
  padding: 0.56rem !important;
  gap: 0.40rem !important;
  border-radius: 0.82rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-head span {
  font-size: 0.66rem !important;
  letter-spacing: 0.12em !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-head small {
  font-size: 0.58rem !important;
  line-height: 1.1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-grid {
  gap: 0.35rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile {
  padding: 0.36rem 0.46rem !important;
  border-radius: 0.68rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile b {
  font-size: 0.96rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile span {
  font-size: 0.66rem !important;
}

html.mc-shell-command-slate .mc-command-workspace-layout {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(21rem, 0.98fr) minmax(20rem, 0.82fr) !important;
  align-items: stretch !important;
  gap: 0.62rem !important;
  min-height: 14.4rem !important;
  height: 14.4rem !important;
  max-height: 14.4rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-workspace-layout > .mc-command-panel {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 14.4rem !important;
  overflow: hidden !important;
  padding: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-panel-head {
  min-height: 1.64rem !important;
  margin-bottom: 0.48rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-large-chart {
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-large-chart svg {
  min-height: 0 !important;
  height: calc(100% - 1.4rem) !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-chart-axis {
  height: 1.4rem !important;
  padding: 0.22rem 0.56rem 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer {
  margin-top: 0.44rem !important;
  grid-template-columns: minmax(0, 1fr) minmax(7.0rem, 7.9rem) !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer b {
  font-size: 1.18rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring {
  max-width: 7.9rem !important;
  height: 2.58rem !important;
  min-height: 2.58rem !important;
  padding: 0.42rem 0.50rem 0.78rem !important;
}

html.mc-shell-command-slate .mc-command-read-preview,
html.mc-shell-command-slate .mc-command-signal-preview {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-read-preview .mc-command-read-meta {
  flex: 0 0 auto !important;
}

html.mc-shell-command-slate .mc-command-read-preview h3 {
  margin-top: 0.40rem !important;
  font-size: 1.05rem !important;
  line-height: 1.16 !important;
  max-height: 2.48rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-read-preview p {
  margin-top: 0.42rem !important;
  font-size: 0.72rem !important;
  line-height: 1.34 !important;
  max-height: 3.95rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-read-preview ul {
  margin-top: 0.46rem !important;
  display: grid !important;
  gap: 0.34rem !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-read-preview li {
  padding: 0.36rem 0.48rem !important;
  font-size: 0.65rem !important;
  line-height: 1.18 !important;
}

html.mc-shell-command-slate .mc-command-ai-read-action-row {
  margin-top: auto !important;
  padding-top: 0.48rem !important;
}

html.mc-shell-command-slate .mc-command-ai-read-action {
  min-height: 1.92rem !important;
  padding: 0.42rem 0.62rem !important;
  font-size: 0.68rem !important;
}

html.mc-shell-command-slate .mc-command-signal-preview .mc-command-signal-list {
  min-height: 0 !important;
  max-height: 7.0rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-signal-preview .mc-command-signal-empty {
  padding: 0.74rem 0.78rem !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

html.mc-shell-command-slate .mc-command-signal-summary {
  margin-top: auto !important;
  padding: 0.52rem 0.60rem !important;
  max-height: none !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-lower-grid {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(13rem, 1fr) minmax(12.5rem, 0.92fr) minmax(22rem, 1.55fr) minmax(16rem, 1.06fr) !important;
  gap: 0.62rem !important;
  align-items: stretch !important;
  min-height: 17.4rem !important;
  height: 17.4rem !important;
  max-height: 17.4rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-lower-grid > .mc-command-panel {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 17.4rem !important;
  overflow: hidden !important;
  padding: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-radar-body {
  min-height: 0 !important;
  height: 100% !important;
  grid-template-columns: minmax(6.6rem, 0.42fr) minmax(0, 1fr) !important;
  gap: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-radar-panel .mc-command-radar {
  width: min(6.65rem, 100%) !important;
  margin-bottom: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-radar-copy > strong {
  font-size: 0.84rem !important;
}

html.mc-shell-command-slate .mc-command-radar-copy > span {
  font-size: 0.67rem !important;
  line-height: 1.32 !important;
}

html.mc-shell-command-slate .mc-command-radar-panel .mc-command-radar-honesty {
  margin-top: auto !important;
  padding: 0.56rem 0.62rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-news-list {
  max-height: calc(100% - 3.0rem) !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-bottom-ticker {
  flex: 0 0 auto !important;
}

@media (max-height: 900px) {
  html.mc-shell-command-slate .mc-command-timeline-rail-card {
    min-height: 4.48rem !important;
    height: 4.48rem !important;
    max-height: 4.48rem !important;
  }
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
    min-height: 9.7rem !important;
    height: 9.7rem !important;
    max-height: 9.7rem !important;
  }
  html.mc-shell-command-slate .mc-command-workspace-layout {
    min-height: 13.35rem !important;
    height: 13.35rem !important;
    max-height: 13.35rem !important;
  }
  html.mc-shell-command-slate .mc-command-workspace-layout > .mc-command-panel {
    max-height: 13.35rem !important;
  }
  html.mc-shell-command-slate .mc-command-lower-grid {
    min-height: 15.75rem !important;
    height: 15.75rem !important;
    max-height: 15.75rem !important;
  }
  html.mc-shell-command-slate .mc-command-lower-grid > .mc-command-panel {
    max-height: 15.75rem !important;
  }
}

/* v16_1236: Command View readability recovery.
   Let the desktop command surface breathe vertically instead of forcing all modules into one clipped viewport. */
html.mc-shell-command-slate #mcCommandViewPlaceholder,
html.mc-shell-command-slate body {
  overflow-y: auto !important;
}

html.mc-shell-command-slate .mc-command-main-surface {
  gap: 0.68rem !important;
  overflow: visible !important;
}

/* Snapshot timeline: keep as controller rail, but not oversized. */
html.mc-shell-command-slate .mc-command-timeline-rail-card {
  min-height: 4.05rem !important;
  height: auto !important;
  max-height: none !important;
  padding: 0.56rem 0.66rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-timeline-tile {
  gap: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls {
  padding-left: 0.12rem !important;
  padding-right: 0.12rem !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls::-webkit-scrollbar {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button {
  flex-basis: 4.2rem !important;
  min-width: 4.2rem !important;
  max-width: 4.2rem !important;
  min-height: 1.92rem !important;
  padding: 0.25rem 0.44rem !important;
}

/* Market Snapshot: lean strip, no clipped price/change, sharper chart. */
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero {
  grid-template-columns: minmax(0, 1fr) minmax(12.8rem, 14.0rem) !important;
  min-height: 8.75rem !important;
  height: auto !important;
  max-height: none !important;
  padding: 0.62rem !important;
  gap: 0.60rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-main {
  grid-template-rows: auto 5.15rem !important;
  gap: 0.50rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-header-row {
  grid-template-columns: max-content max-content minmax(0, 1fr) !important;
  min-height: 2.85rem !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-items: start !important;
  column-gap: 1.10rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-primary,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile {
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile b {
  font-size: clamp(1.82rem, 1.95vw, 2.24rem) !important;
  line-height: 0.98 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-price-tile span {
  display: block !important;
  margin-top: 0.30rem !important;
  font-size: 0.76rem !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-mini-spark,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-snapshot-chart {
  height: 5.15rem !important;
  min-height: 5.15rem !important;
  max-height: 5.15rem !important;
  overflow: hidden !important;
  border-radius: 0.72rem !important;
  background:
    linear-gradient(180deg, rgba(14, 165, 233, 0.08), rgba(14, 165, 233, 0.015)),
    linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(148, 163, 184, 0.045) 1px, transparent 1px) !important;
  background-size: auto, 7.5rem 100%, 100% 2.1rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-spark-line {
  stroke-width: 1.8 !important;
  filter: drop-shadow(0 0 7px rgba(251, 113, 133, 0.22)) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-spark-area {
  opacity: 0.42 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 0.52rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.32rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 0.45rem !important;
  min-height: 1.88rem !important;
  padding: 0.30rem 0.44rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile small,
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile b {
  grid-column: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero .mc-command-conditions-panel .mc-command-metric-tile span {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  white-space: nowrap !important;
}

/* Intelligence row: natural height, readable modules, no clipped AI Read or Market Pulse. */
html.mc-shell-command-slate .mc-command-workspace-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.26fr) minmax(24rem, 1.08fr) minmax(18rem, 0.78fr) !important;
  align-items: start !important;
  gap: 0.68rem !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-workspace-layout > .mc-command-panel {
  min-height: 13.4rem !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0.78rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview {
  display: grid !important;
  grid-template-rows: auto 5.8rem auto !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-large-chart {
  min-height: 5.8rem !important;
  height: 5.8rem !important;
  max-height: 5.8rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-large-chart svg {
  height: calc(100% - 1.28rem) !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer {
  margin-top: 0.58rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-breadth-ring {
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-read-preview,
html.mc-shell-command-slate .mc-command-signal-preview {
  overflow: visible !important;
  max-height: none !important;
}

html.mc-shell-command-slate .mc-command-read-preview h3 {
  max-height: none !important;
  overflow: visible !important;
  font-size: 1.05rem !important;
  line-height: 1.18 !important;
}

html.mc-shell-command-slate .mc-command-read-preview p {
  max-height: 4.9rem !important;
  overflow: hidden !important;
  font-size: 0.74rem !important;
  line-height: 1.38 !important;
}

html.mc-shell-command-slate .mc-command-read-preview ul {
  max-height: 4.7rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-read-preview li {
  font-size: 0.68rem !important;
  line-height: 1.22 !important;
}

html.mc-shell-command-slate .mc-command-read-preview.is-expanded {
  grid-column: span 1 !important;
  min-height: 18.5rem !important;
}

html.mc-shell-command-slate .mc-command-read-preview.is-expanded p,
html.mc-shell-command-slate .mc-command-read-preview.is-expanded ul {
  max-height: none !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-read-preview.is-expanded .mc-command-ai-read-action::after {
  content: "" !important;
}

html.mc-shell-command-slate .mc-command-signal-preview .mc-command-signal-list {
  max-height: none !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-signal-summary {
  margin-top: 0.72rem !important;
  overflow: visible !important;
}

/* Lower row: normal flow below intelligence row; radar/news can no longer climb over AI Signal. */
html.mc-shell-command-slate .mc-command-lower-grid {
  display: grid !important;
  grid-template-columns: minmax(13rem, 0.96fr) minmax(12.5rem, 0.88fr) minmax(23rem, 1.52fr) minmax(17rem, 1.0fr) !important;
  align-items: start !important;
  gap: 0.68rem !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-lower-grid > .mc-command-panel {
  min-height: 16.6rem !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0.78rem !important;
}

html.mc-shell-command-slate .mc-command-radar-body {
  min-height: 11.6rem !important;
  height: auto !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-radar-panel .mc-command-radar-honesty {
  overflow: visible !important;
  margin-top: 0.64rem !important;
}

html.mc-shell-command-slate .mc-command-news-list {
  max-height: none !important;
  overflow: visible !important;
}

@media (max-height: 900px) {
  html.mc-shell-command-slate .mc-command-timeline-rail-card,
  html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero,
  html.mc-shell-command-slate .mc-command-workspace-layout,
  html.mc-shell-command-slate .mc-command-lower-grid {
    height: auto !important;
    max-height: none !important;
  }

  html.mc-shell-command-slate .mc-command-workspace-layout > .mc-command-panel,
  html.mc-shell-command-slate .mc-command-lower-grid > .mc-command-panel {
    height: auto !important;
    max-height: none !important;
  }
}

/*
  v16_1237 COMMAND VIEW SNAPSHOT/TIMELINE RESET.
  Desktop command layout correction:
  - Explore Markets becomes icon buttons.
  - Market Snapshot owns the selector + Snapshot Timeline only.
  - The large S&P chart is removed from the top region.
  - Market Conditions moves into Market Pulse.
*/
html.mc-shell-command-slate .mc-command-market-icon-strip {
  gap: 0.46rem !important;
  padding: 0.56rem 0.68rem 0.62rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button {
  display: flex !important;
  min-width: 0 !important;
  min-height: 2.55rem !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.22rem !important;
  border-radius: 0.82rem !important;
  padding: 0.34rem 0.28rem !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button b {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-category-icon {
  display: grid;
  width: 1.1rem;
  height: 1.1rem;
  place-items: center;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: 999px;
  background: rgba(8, 145, 178, 0.10);
  color: rgba(103, 232, 249, 0.92);
  font-size: 0.64rem;
  font-weight: 950;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.mc-shell-command-slate .mc-command-icon-category-row button span:last-child {
  max-width: 100%;
  overflow: hidden;
  color: rgba(226, 232, 240, 0.92);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: -0.01em;
  text-overflow: ellipsis;
}

html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon {
  border-color: rgba(103, 232, 249, 0.56);
  background: rgba(14, 165, 233, 0.20);
  box-shadow: 0 0 1.1rem rgba(34, 211, 238, 0.16);
}

html.mc-shell-command-slate .mc-command-snapshot-card {
  display: grid;
  gap: 0.58rem;
  border: 1px solid rgba(14, 165, 233, 0.22);
  border-radius: 0.95rem;
  background:
    radial-gradient(circle at 10% 0%, rgba(14, 165, 233, 0.08), transparent 16rem),
    rgba(2, 8, 23, 0.62);
  padding: 0.68rem 0.74rem 0.74rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  overflow: visible;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head {
  display: grid;
  grid-template-columns: minmax(18rem, 0.55fr) minmax(0, 1fr);
  align-items: end;
  gap: 0.78rem;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head small {
  display: block;
  margin-bottom: 0.25rem;
  color: #22d3ee;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head > strong {
  justify-self: end;
  color: rgba(241, 245, 249, 0.96);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-snapshot-select-row {
  display: flex;
  align-items: center;
}

html.mc-shell-command-slate .mc-command-snapshot-select {
  width: min(100%, 22rem);
  min-height: 2.2rem;
  border: 1px solid rgba(34, 211, 238, 0.30);
  border-radius: 0.78rem;
  background: rgba(15, 23, 42, 0.74);
  color: rgba(241, 245, 249, 0.96);
  padding: 0 0.78rem;
  font-size: 0.77rem;
  font-weight: 900;
  outline: none;
}

html.mc-shell-command-slate .mc-command-snapshot-select:focus {
  border-color: rgba(34, 211, 238, 0.68);
  box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.10);
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile {
  display: grid;
  gap: 0.48rem;
  padding: 0;
  border: 0;
  background: transparent;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineLabel {
  color: rgba(226, 232, 240, 0.88);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  display: flex !important;
  gap: 0.42rem !important;
  min-height: 2.44rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0.05rem 0.05rem 0.18rem !important;
  scroll-padding-inline: 0.5rem;
  scrollbar-width: thin;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button {
  flex: 0 0 4.55rem !important;
  min-width: 4.55rem !important;
  max-width: 4.55rem !important;
  min-height: 2.06rem !important;
  padding: 0.26rem 0.36rem !important;
  border-radius: 0.70rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button b {
  font-size: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button span {
  font-size: 0.51rem !important;
}

/* The old top chart strip is intentionally retired in Command View. */
html.mc-shell-command-slate .mc-command-snapshot-strip.mc-command-snapshot-hero,
html.mc-shell-command-slate .mc-command-timeline-rail-card {
  display: none !important;
}

/* Market Conditions now live inside Market Pulse. */
html.mc-shell-command-slate .mc-command-pulse-preview {
  grid-template-rows: auto auto 6.1rem auto !important;
  gap: 0.52rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions {
  display: grid;
  grid-template-columns: minmax(8rem, 0.72fr) minmax(0, 1.5fr);
  align-items: center;
  gap: 0.62rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 0.82rem;
  background: rgba(15, 23, 42, 0.38);
  padding: 0.52rem 0.58rem;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-head span {
  display: block;
  color: #22d3ee;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-head small {
  display: block;
  margin-top: 0.14rem;
  color: rgba(148, 163, 184, 0.84);
  font-size: 0.61rem;
  font-weight: 750;
  line-height: 1.2;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.38rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 0.36rem !important;
  min-height: 2.18rem !important;
  border: 1px solid rgba(51, 65, 85, 0.58) !important;
  border-radius: 0.62rem !important;
  background: rgba(2, 8, 23, 0.42) !important;
  padding: 0.34rem 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile small,
html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile b {
  grid-column: 1 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile small {
  color: rgba(148, 163, 184, 0.9) !important;
  font-size: 0.52rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile b {
  color: rgba(241, 245, 249, 0.96) !important;
  font-size: 0.78rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile span {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  white-space: nowrap !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-icon-category-row {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html.mc-shell-command-slate .mc-command-pulse-conditions {
    grid-template-columns: 1fr !important;
  }
}

/* v16_1239 — Command Market Snapshot containment fix.
   The snapshot controller must reserve its own space between Explore Markets and
   the intelligence panels. It is a timeline card, not an overlay. */
html.mc-shell-command-slate .mc-command-main-surface {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.70rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-market-icon-strip,
html.mc-shell-command-slate .mc-command-snapshot-card,
html.mc-shell-command-slate .mc-command-workspace-layout {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}

html.mc-shell-command-slate .mc-command-market-icon-strip { z-index: 3 !important; }
html.mc-shell-command-slate .mc-command-snapshot-card { z-index: 2 !important; }
html.mc-shell-command-slate .mc-command-workspace-layout { z-index: 1 !important; }

html.mc-shell-command-slate .mc-command-snapshot-card {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 0.72rem !important;
  min-height: 8.15rem !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0.78rem 0.88rem 0.86rem !important;
  border: 1px solid rgba(14, 165, 233, 0.28) !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 8% -20%, rgba(34, 211, 238, 0.10), transparent 18rem),
    linear-gradient(145deg, rgba(2, 8, 23, 0.92), rgba(8, 13, 27, 0.74)) !important;
  box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head {
  display: grid !important;
  grid-template-columns: minmax(16rem, 24rem) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.95rem !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head > div {
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head small {
  margin: 0 0 0.34rem !important;
  color: #22d3ee !important;
  font-size: 0.70rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.15em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head > strong {
  align-self: start !important;
  justify-self: end !important;
  margin-top: 1.52rem !important;
  color: rgba(241, 245, 249, 0.96) !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-select-row {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 24rem !important;
  min-height: 2.12rem !important;
  height: 2.12rem !important;
  border-radius: 0.76rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 0.50rem !important;
  min-height: 3.36rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.80rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-top: 0.12rem !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineLabel {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(226, 232, 240, 0.88) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.085em !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 0.42rem !important;
  min-height: 2.34rem !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0.02rem 0.02rem 0.20rem !important;
  scroll-padding-inline: 0 !important;
  scrollbar-width: thin !important;
  justify-content: flex-start !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button {
  flex: 0 0 4.45rem !important;
  min-width: 4.45rem !important;
  max-width: 4.45rem !important;
  min-height: 2.02rem !important;
  border-radius: 0.70rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-session-rail-line {
  display: none !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-snapshot-card-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card-head > strong {
    justify-self: start !important;
    margin-top: 0 !important;
  }
}

/* v16_1240 — Command Market Snapshot selector/timeline correction.
   Market Snapshot is only the family-aware selector plus full-width timeline.
   It must not split into a right-side title area or inherit old snapshot-strip
   grid areas from the retired chart hero. */
html.mc-shell-command-slate .mc-command-snapshot-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 0.70rem !important;
  min-height: 7.3rem !important;
  padding: 0.74rem 0.86rem 0.84rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head {
  display: block !important;
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head > strong,
html.mc-shell-command-slate #mcCommandSnapshotTitle {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card-head > div,
html.mc-shell-command-slate .mc-command-snapshot-select-row {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-select {
  width: min(100%, 25rem) !important;
  max-width: 25rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  justify-content: space-between !important;
  width: 100% !important;
  padding-top: 0.58rem !important;
  border-top: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineLabel {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  justify-content: flex-start !important;
  width: 100% !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  scroll-padding-left: 0 !important;
}

/* v16_1241 — Command Explore icons + timeline navigation polish.
   - Explore Markets uses larger icon buttons without heavy per-item containers.
   - Snapshot Timeline sits tighter under its label, with a connected rail line.
   - Left/right rail controls scroll through available snapshot slots quickly. */
html.mc-shell-command-slate .mc-command-market-icon-strip {
  padding: 0.58rem 0.70rem 0.66rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row {
  gap: 0.36rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button {
  min-height: 3.15rem !important;
  gap: 0.28rem !important;
  border: 0 !important;
  border-radius: 0.78rem !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.32rem 0.22rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active {
  border: 0 !important;
  background: rgba(8, 145, 178, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0 1.15rem rgba(34, 211, 238, 0.075) !important;
}

html.mc-shell-command-slate .mc-command-category-icon {
  width: 1.52rem !important;
  height: 1.52rem !important;
  font-size: 0.78rem !important;
  border-color: rgba(51, 65, 85, 0.80) !important;
  background: rgba(15, 23, 42, 0.72) !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon {
  border-color: rgba(34, 211, 238, 0.66) !important;
  background: rgba(14, 165, 233, 0.22) !important;
  box-shadow: 0 0 1rem rgba(34, 211, 238, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button span:last-child {
  font-size: 0.70rem !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card {
  gap: 0.52rem !important;
  min-height: 6.7rem !important;
  padding-bottom: 0.70rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile {
  gap: 0.30rem !important;
  min-height: 2.85rem !important;
  border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  padding-top: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-scroll-shell {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.44rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: -0.08rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-scroll-button {
  display: grid !important;
  width: 2.05rem !important;
  height: 2.05rem !important;
  min-width: 2.05rem !important;
  place-items: center !important;
  border: 1px solid rgba(34, 211, 238, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.70) !important;
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

html.mc-shell-command-slate .mc-command-timeline-scroll-button:hover,
html.mc-shell-command-slate .mc-command-timeline-scroll-button:focus-visible {
  border-color: rgba(34, 211, 238, 0.60) !important;
  background: rgba(8, 145, 178, 0.22) !important;
  color: #ffffff !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  position: relative !important;
  min-height: 2.35rem !important;
  padding: 0.14rem 0.04rem 0.14rem !important;
  scrollbar-width: none !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineSlots::-webkit-scrollbar,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls::-webkit-scrollbar {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineSlots::before,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-session-rail-line {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0.25rem !important;
  right: 0.25rem !important;
  top: 50% !important;
  height: 2px !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.08), rgba(34, 211, 238, 0.30), rgba(34, 211, 238, 0.08)) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button {
  position: relative !important;
  z-index: 1 !important;
  flex: 0 0 4.30rem !important;
  min-width: 4.30rem !important;
  max-width: 4.30rem !important;
  min-height: 1.92rem !important;
  padding: 0.20rem 0.28rem !important;
  background: rgba(2, 8, 23, 0.92) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button b {
  font-size: 0.70rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button span {
  font-size: 0.48rem !important;
}

/* v16_1242 — Command Explore icon clean polish.
   Keep the icon nav larger and cleaner: no per-item/card outlines around icons or text,
   with active state carried by color/glow instead of boxed containers. */
html.mc-shell-command-slate .mc-command-icon-category-row {
  gap: 0.32rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active {
  min-height: 3.35rem !important;
  gap: 0.26rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.28rem 0.16rem !important;
}

html.mc-shell-command-slate .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon {
  width: 1.92rem !important;
  height: 1.92rem !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(103, 232, 249, 0.84) !important;
  font-size: 1.02rem !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon {
  color: rgba(165, 243, 252, 1) !important;
  filter: drop-shadow(0 0 0.52rem rgba(34, 211, 238, 0.34));
}

html.mc-shell-command-slate .mc-command-icon-category-row button span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active span:last-child {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(203, 213, 225, 0.88) !important;
  font-size: 0.74rem !important;
  line-height: 1.02 !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active span:last-child {
  color: rgba(240, 249, 255, 0.98) !important;
  text-shadow: 0 0 0.55rem rgba(34, 211, 238, 0.18);
}

/* v16_1243 — Command Explore icons match the mobile market-family artwork.
   Desktop Command View now uses the same SVG icon language as the mobile Market Groups row,
   scaled larger for the wide command surface while keeping the clean no-card treatment. */
html.mc-shell-command-slate .mc-command-icon-category-row {
  gap: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active {
  min-height: 3.8rem !important;
  gap: 0.30rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.30rem 0.10rem !important;
}

html.mc-shell-command-slate .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon {
  display: grid !important;
  width: 2.28rem !important;
  height: 2.28rem !important;
  min-width: 2.28rem !important;
  min-height: 2.28rem !important;
  place-items: center !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(103, 232, 249, 0.90) !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-category-icon svg {
  display: block !important;
  width: 2.28rem !important;
  height: 2.28rem !important;
  stroke-width: 1.8 !important;
}

html.mc-shell-command-slate .mc-command-category-icon--coin {
  font-size: 1.86rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon {
  color: rgba(165, 243, 252, 1) !important;
  filter: drop-shadow(0 0 0.58rem rgba(34, 211, 238, 0.38));
}

html.mc-shell-command-slate .mc-command-icon-category-row button span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active span:last-child {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.74rem !important;
  line-height: 1.04 !important;
}

/* v16_1244 — Command Explore icon scale match.
   Make the desktop Command View Explore Markets icons read like the mobile icon row:
   larger glyphs, taller touch targets, still no per-icon card/outline treatment. */
html.mc-shell-command-slate .mc-command-market-icon-strip {
  padding: 0.72rem 0.84rem 0.80rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row {
  gap: 0.38rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active {
  min-height: 4.72rem !important;
  gap: 0.34rem !important;
  padding: 0.40rem 0.10rem 0.34rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.mc-shell-command-slate .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon {
  width: 3.08rem !important;
  height: 3.08rem !important;
  min-width: 3.08rem !important;
  min-height: 3.08rem !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(103, 232, 249, 0.94) !important;
}

html.mc-shell-command-slate .mc-command-category-icon svg {
  width: 3.08rem !important;
  height: 3.08rem !important;
  stroke-width: 1.9 !important;
}

html.mc-shell-command-slate .mc-command-category-icon--coin {
  width: 3.08rem !important;
  height: 3.08rem !important;
  min-width: 3.08rem !important;
  min-height: 3.08rem !important;
  font-size: 2.48rem !important;
  line-height: 0.96 !important;
  letter-spacing: -0.065em !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active span:last-child {
  font-size: 0.78rem !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon {
  color: rgba(165, 243, 252, 1) !important;
  filter: drop-shadow(0 0 0.70rem rgba(34, 211, 238, 0.44));
}


/* v16_1245 — Command Explore icon label centering.
   Keep the v16_1243 mobile-matched icon scale, but make every label sit centered
   directly under its icon inside the desktop Command View Explore Markets grid. */
html.mc-shell-command-slate .mc-command-market-icon-strip {
  padding: 0.72rem 0.84rem 0.80rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active {
  display: grid !important;
  grid-template-rows: 2.28rem auto !important;
  place-items: center !important;
  justify-items: center !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 3.80rem !important;
  gap: 0.30rem !important;
  padding: 0.30rem 0.08rem !important;
  text-align: center !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.mc-shell-command-slate .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon {
  display: grid !important;
  width: 2.28rem !important;
  height: 2.28rem !important;
  min-width: 2.28rem !important;
  min-height: 2.28rem !important;
  margin: 0 auto !important;
  place-items: center !important;
  justify-self: center !important;
  align-self: center !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(103, 232, 249, 0.90) !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-category-icon svg {
  display: block !important;
  width: 2.28rem !important;
  height: 2.28rem !important;
  stroke-width: 1.8 !important;
}

html.mc-shell-command-slate .mc-command-category-icon--coin {
  width: 2.28rem !important;
  height: 2.28rem !important;
  min-width: 2.28rem !important;
  min-height: 2.28rem !important;
  font-size: 1.86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active span:last-child {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  justify-self: center !important;
  align-self: start !important;
  text-align: center !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(203, 213, 225, 0.88) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon {
  color: rgba(165, 243, 252, 1) !important;
  filter: drop-shadow(0 0 0.58rem rgba(34, 211, 238, 0.38));
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active span:last-child {
  color: rgba(240, 249, 255, 0.98) !important;
  text-shadow: 0 0 0.55rem rgba(34, 211, 238, 0.18);
}

/* v16_1246 — Command Explore exact center + category color pass.
   The previous grid centered the label inside the full button, but the icon glyphs could
   still read offset. Pin icon and label to the exact same 50% centerline, then apply
   subtle market-family colors while keeping the clean no-card treatment. */
html.mc-shell-command-slate .mc-command-icon-category-row button {
  --mc-command-explore-color: rgba(103, 232, 249, 0.94);
  --mc-command-explore-glow: rgba(34, 211, 238, 0.34);
  position: relative !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="indexes"] {
  --mc-command-explore-color: rgb(103, 232, 249);
  --mc-command-explore-glow: rgba(34, 211, 238, 0.38);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="etfs"] {
  --mc-command-explore-color: rgb(125, 211, 252);
  --mc-command-explore-glow: rgba(14, 165, 233, 0.34);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="crypto"] {
  --mc-command-explore-color: rgb(251, 191, 36);
  --mc-command-explore-glow: rgba(245, 158, 11, 0.36);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="stocks"] {
  --mc-command-explore-color: rgb(74, 222, 128);
  --mc-command-explore-glow: rgba(34, 197, 94, 0.34);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="rates"] {
  --mc-command-explore-color: rgb(196, 181, 253);
  --mc-command-explore-glow: rgba(139, 92, 246, 0.34);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="vix"] {
  --mc-command-explore-color: rgb(251, 113, 133);
  --mc-command-explore-glow: rgba(244, 63, 94, 0.34);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="sectors"] {
  --mc-command-explore-color: rgb(94, 234, 212);
  --mc-command-explore-glow: rgba(20, 184, 166, 0.34);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="commodities"] {
  --mc-command-explore-color: rgb(251, 146, 60);
  --mc-command-explore-glow: rgba(249, 115, 22, 0.34);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="fx"] {
  --mc-command-explore-color: rgb(147, 197, 253);
  --mc-command-explore-glow: rgba(59, 130, 246, 0.34);
}
html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="watchlist"] {
  --mc-command-explore-color: rgb(250, 204, 21);
  --mc-command-explore-glow: rgba(234, 179, 8, 0.34);
}

html.mc-shell-command-slate .mc-command-icon-category-row button,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active {
  display: block !important;
  min-height: 3.92rem !important;
  padding: 0.28rem 0 !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible .mc-command-category-icon,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active .mc-command-category-icon {
  position: absolute !important;
  top: 0.38rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  color: var(--mc-command-explore-color) !important;
  filter: drop-shadow(0 0 0.44rem var(--mc-command-explore-glow));
}

html.mc-shell-command-slate .mc-command-icon-category-row button > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active > span:last-child {
  position: absolute !important;
  top: 2.86rem !important;
  left: 50% !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  text-align: center !important;
  color: rgba(203, 213, 225, 0.90) !important;
  text-shadow: none !important;
}

html.mc-shell-command-slate .mc-command-icon-category-row button:hover > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active > span:last-child {
  color: color-mix(in srgb, var(--mc-command-explore-color) 52%, rgb(248, 250, 252)) !important;
  text-shadow: 0 0 0.54rem var(--mc-command-explore-glow) !important;
}

/* v16_1247 — Command Explore optical label alignment.
   The SVG glyphs in the Command View Explore row read slightly to the right of the
   text centerline. Keep the current icon size/colors and optically nudge labels so
   each label sits directly under the visible icon glyph. */
html.mc-shell-command-slate .mc-command-icon-category-row button {
  --mc-command-explore-label-offset: 0.86rem;
}

html.mc-shell-command-slate .mc-command-icon-category-row button[data-command-market-family="crypto"] {
  --mc-command-explore-label-offset: 0.12rem;
}

html.mc-shell-command-slate .mc-command-icon-category-row button > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:hover > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button:focus-visible > span:last-child,
html.mc-shell-command-slate .mc-command-icon-category-row button.is-active > span:last-child {
  left: 50% !important;
  transform: translateX(calc(-50% + var(--mc-command-explore-label-offset))) !important;
  text-align: center !important;
}

/* v16_1248 — Command AI Market Read center expansion trial.
   Keep the Evidence → Interpretation → Action row, but give AI Market Read more
   horizontal presence, stretch it to the Market Pulse height, remove the visible
   full-read CTA, and let the read content scroll inside the card when needed. */
html.mc-shell-command-slate .mc-command-workspace-layout {
  grid-template-columns: minmax(0, 1.16fr) minmax(28rem, 1.18fr) minmax(17rem, 0.72fr) !important;
  align-items: stretch !important;
}

html.mc-shell-command-slate .mc-command-workspace-layout > .mc-command-panel {
  align-self: stretch !important;
  height: auto !important;
}

html.mc-shell-command-slate .mc-command-read-preview {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  min-height: 100% !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-read-preview .mc-command-panel-head {
  flex: 0 0 auto !important;
}

html.mc-shell-command-slate .mc-command-ai-read-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.20rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(34, 211, 238, 0.38) rgba(15, 23, 42, 0.24) !important;
}

html.mc-shell-command-slate .mc-command-ai-read-scroll::-webkit-scrollbar {
  width: 0.38rem !important;
}

html.mc-shell-command-slate .mc-command-ai-read-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(34, 211, 238, 0.36) !important;
}

html.mc-shell-command-slate .mc-command-ai-read-scroll::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.24) !important;
}

html.mc-shell-command-slate .mc-command-read-preview h3 {
  max-height: none !important;
  overflow: visible !important;
  font-size: 1.12rem !important;
  line-height: 1.18 !important;
}

html.mc-shell-command-slate .mc-command-read-preview p,
html.mc-shell-command-slate .mc-command-read-preview ul {
  max-height: none !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-read-preview p {
  font-size: 0.78rem !important;
  line-height: 1.42 !important;
}

html.mc-shell-command-slate .mc-command-read-preview li {
  font-size: 0.70rem !important;
  line-height: 1.24 !important;
}

html.mc-shell-command-slate .mc-command-ai-read-action-row {
  display: none !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-workspace-layout {
    grid-template-columns: minmax(0, 1.08fr) minmax(23rem, 1.10fr) minmax(16rem, 0.82fr) !important;
  }
}

/* v16_1249 — Command AI Read sections + single Signal Radar rail.
   Desktop Command View now uses one right-side Signal Radar panel instead of
   showing both AI Signal and a separate lower Signal Radar module. Add the
   mobile-style Key Signals / Watch Next labels to AI Market Read and keep the
   center read scrollable. */
html.mc-shell-command-slate .mc-command-ai-read-block {
  margin-top: 0.62rem !important;
}

html.mc-shell-command-slate .mc-command-ai-read-section-title {
  display: block !important;
  margin: 0 0 0.32rem !important;
  color: #67e8f9 !important;
  font-size: 0.64rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-ai-read-block ul {
  margin-top: 0 !important;
}

html.mc-shell-command-slate .mc-command-read-preview .mc-command-ai-read-block + .mc-command-ai-read-block {
  padding-top: 0.08rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview {
  position: relative !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-panel-head span {
  letter-spacing: 0.18em !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-panel-head b {
  color: #67e8f9 !important;
  border-color: rgba(34, 211, 238, 0.32) !important;
  background: rgba(8, 47, 73, 0.34) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-kicker {
  margin: -0.08rem 0 0.52rem !important;
  color: rgba(148, 163, 184, 0.84) !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-list {
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.16rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(34, 211, 238, 0.34) rgba(15, 23, 42, 0.22) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-list::-webkit-scrollbar {
  width: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-list::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(34, 211, 238, 0.34) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-empty {
  min-height: 3.8rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-summary {
  border-color: rgba(34, 211, 238, 0.18) !important;
  background: linear-gradient(135deg, rgba(2, 6, 23, 0.46), rgba(8, 47, 73, 0.16)) !important;
}

html.mc-shell-command-slate .mc-command-lower-grid {
  grid-template-columns: minmax(16rem, 1.05fr) minmax(15rem, 0.95fr) minmax(18rem, 1.10fr) !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-lower-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* v16_1250 — Command View Signal Radar detector restored inside the single rail.
   Keep one right-side Signal Radar panel, but bring back the radar detector visual
   the user liked from the former lower module. Existing AI Signal IDs remain so
   live candidate data still populates the merged panel. */
html.mc-shell-command-slate .mc-command-signal-radar-shell {
  display: grid !important;
  grid-template-columns: minmax(5.75rem, 0.58fr) minmax(0, 1fr) !important;
  gap: 0.78rem !important;
  align-items: start !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector {
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 0.16rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  width: min(6.95rem, 100%) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto 0.55rem !important;
  box-shadow: 0 0 2rem rgba(34, 211, 238, 0.12) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
  max-width: 7.2rem !important;
  margin: 0 auto !important;
  color: rgba(226, 232, 240, 0.94) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  line-height: 1.22 !important;
  letter-spacing: 0.08em !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list {
  max-height: 8.2rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty {
  margin-top: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty strong[id^="mcCommandRadar"] {
  color: rgba(103, 232, 249, 0.95) !important;
}

@media (max-width: 1420px) {
  html.mc-shell-command-slate .mc-command-signal-radar-shell {
    grid-template-columns: 1fr !important;
    gap: 0.64rem !important;
  }

  html.mc-shell-command-slate .mc-command-signal-radar-detector {
    display: grid !important;
    grid-template-columns: 4.6rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.62rem !important;
    padding-top: 0 !important;
  }

  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
    width: 4.6rem !important;
    margin-bottom: 0 !important;
  }

  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
    text-align: left !important;
    margin: 0 !important;
  }
}

/* v16_1251 — Command View Signal Radar width rebalance.
   Give the right-side Signal Radar rail a little more horizontal room so the
   detector/candidate card does not feel squeezed by the centered AI Market Read. */
html.mc-shell-command-slate .mc-command-workspace-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(26rem, 1.08fr) minmax(20rem, 0.88fr) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview {
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-panel-head,
html.mc-shell-command-slate .mc-command-signal-radar-shell,
html.mc-shell-command-slate .mc-command-signal-radar-content,
html.mc-shell-command-slate .mc-command-signal-list,
html.mc-shell-command-slate .mc-command-radar-honesty {
  min-width: 0 !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-workspace-layout {
    grid-template-columns: minmax(0, 1.02fr) minmax(22rem, 1.03fr) minmax(18rem, 0.92fr) !important;
  }
}


/* v16_1252 — Command View timeline slot polish.
   Slightly larger replay chips and click-to-center selection behavior. */
html.mc-shell-command-slate .mc-command-timeline-rail-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-quarter-controls {
  gap: 0.56rem !important;
  min-height: 2.48rem !important;
  padding: 0.05rem 0.10rem 0.16rem !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: 50% !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button {
  flex-basis: 5.02rem !important;
  min-width: 5.02rem !important;
  min-height: 2.32rem !important;
  border-radius: 0.82rem !important;
  padding: 0.34rem 0.48rem !important;
  scroll-snap-align: center !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button b {
  font-size: 0.78rem !important;
}

html.mc-shell-command-slate .mc-command-timeline-rail-card .mc-command-strip-timeline-button span {
  margin-top: 0.18rem !important;
  font-size: 0.50rem !important;
}

/* v16_1253 — Command View Snapshot Timeline real chip sizing + click centering.
   The prior v16_1252 selector targeted an older rail-card wrapper, so the live
   Market Snapshot rail still looked small. Apply the sizing to the actual
   .mc-command-snapshot-card timeline and keep each selected chip snap-centered. */
html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  gap: 0.66rem !important;
  min-height: 2.86rem !important;
  padding: 0.12rem 0.18rem 0.20rem !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: 50% !important;
  align-items: center !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button {
  flex: 0 0 5.36rem !important;
  flex-basis: 5.36rem !important;
  min-width: 5.36rem !important;
  max-width: 5.36rem !important;
  min-height: 2.42rem !important;
  border-radius: 0.92rem !important;
  padding: 0.34rem 0.48rem !important;
  scroll-snap-align: center !important;
  scroll-snap-stop: always !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button b {
  font-size: 0.82rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button span {
  margin-top: 0.20rem !important;
  font-size: 0.54rem !important;
  line-height: 1.05 !important;
}

/* v16_1254 — Command View Snapshot Timeline active/latest cleanup.
   Make the live chips slightly larger and ensure Latest is not highlighted
   when a historical slot is selected. */
html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  gap: 0.72rem !important;
  min-height: 3.02rem !important;
  padding: 0.14rem 0.20rem 0.22rem !important;
  scroll-padding-inline: calc(50% - 3.0rem) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button {
  flex: 0 0 5.82rem !important;
  flex-basis: 5.82rem !important;
  min-width: 5.82rem !important;
  max-width: 5.82rem !important;
  min-height: 2.58rem !important;
  border-radius: 1.0rem !important;
  padding: 0.40rem 0.54rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button b {
  font-size: 0.88rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button span {
  margin-top: 0.22rem !important;
  font-size: 0.57rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button.is-now:not(.is-selected) {
  border-color: rgba(38, 198, 218, 0.22) !important;
  background: rgba(8, 13, 29, 0.82) !important;
  box-shadow: none !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button.is-now:not(.is-selected) b {
  color: rgba(230, 237, 247, 0.86) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button.is-now:not(.is-selected) span {
  color: rgba(103, 232, 249, 0.78) !important;
}

/* v16_1255 — Command View timeline fluid recenter + Signal Radar vertical stack.
   Restore a smoother selected-slot motion, make live timeline chips a touch
   larger, and place the radar detector underneath the full-width Signal Radar
   candidate/status containers. */
html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  gap: 0.78rem !important;
  min-height: 3.18rem !important;
  padding: 0.16rem 0.22rem 0.24rem !important;
  scroll-snap-type: x proximity !important;
  scroll-padding-inline: 50% !important;
  scroll-behavior: smooth !important;
  align-items: center !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button {
  flex: 0 0 6.14rem !important;
  flex-basis: 6.14rem !important;
  min-width: 6.14rem !important;
  max-width: 6.14rem !important;
  min-height: 2.74rem !important;
  border-radius: 1.06rem !important;
  padding: 0.43rem 0.58rem !important;
  scroll-snap-align: center !important;
  scroll-snap-stop: normal !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button b {
  font-size: 0.92rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-timeline-button span {
  margin-top: 0.23rem !important;
  font-size: 0.58rem !important;
  line-height: 1.05 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-shell {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.86rem !important;
  align-items: stretch !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content {
  order: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list,
html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty {
  width: 100% !important;
  max-width: none !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list {
  max-height: 9.1rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector {
  order: 2 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0.08rem !important;
  padding-bottom: 0.10rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  width: min(8.15rem, 48%) !important;
  max-width: 8.15rem !important;
  min-width: 5.8rem !important;
  margin: 0 auto 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
  max-width: none !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}

@media (max-width: 1420px) {
  html.mc-shell-command-slate .mc-command-signal-radar-detector {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
    width: min(7.2rem, 44%) !important;
    margin: 0 auto 0.54rem !important;
  }

  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
    text-align: center !important;
    margin: 0 auto !important;
  }
}

/* v16_1256 — Command View Signal Radar dot detector.
   Remove replay-linked scan label, turn radar into a live confidence map, and
   show signal strength/name/price/change when a radar dot is highlighted. */
html.mc-shell-command-slate .mc-command-signal-radar-kicker {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector {
  padding-top: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  position: relative !important;
  overflow: visible !important;
  margin-top: 0.36rem !important;
  isolation: isolate !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar::after {
  content: "";
  position: absolute;
  inset: 10.5%;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(34, 211, 238, 0.0) 0 14%, rgba(34, 211, 238, 0.16) 14.4% 14.9%, transparent 15.2% 100%),
    radial-gradient(circle, transparent 0 28%, rgba(34, 211, 238, 0.13) 28.4% 29.0%, transparent 29.4% 100%),
    radial-gradient(circle, transparent 0 43%, rgba(34, 211, 238, 0.13) 43.4% 44.0%, transparent 44.4% 100%),
    radial-gradient(circle, transparent 0 58%, rgba(34, 211, 238, 0.12) 58.4% 59.0%, transparent 59.4% 100%),
    radial-gradient(circle, transparent 0 73%, rgba(34, 211, 238, 0.11) 73.4% 74.0%, transparent 74.4% 100%);
  pointer-events: none;
  z-index: 1;
}

html.mc-shell-command-slate .mc-command-radar-dots {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}

html.mc-shell-command-slate .mc-command-radar-dot {
  position: absolute;
  left: var(--radar-dot-x, 50%);
  top: var(--radar-dot-y, 50%);
  width: 1rem;
  height: 1rem;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 999px;
  background: transparent;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
  z-index: 5;
  --radar-dot-core: #facc15;
  --radar-dot-glow: rgba(250, 204, 21, 0.58);
  --radar-dot-glow-soft: rgba(250, 204, 21, 0.56);
}


html.mc-shell-command-slate .mc-command-radar-dot-core {
  position: absolute;
  inset: 0.2rem;
  border-radius: 999px;
  background: var(--radar-dot-core);
  box-shadow: 0 0 0 0 var(--radar-dot-glow), 0 0 1.15rem var(--radar-dot-glow-soft);
  animation: mcCommandRadarDotPulse 1.35s ease-out infinite;
}

html.mc-shell-command-slate .mc-command-radar-dot:nth-child(2n) {
  --radar-dot-core: #22d3ee;
  --radar-dot-glow: rgba(34, 211, 238, 0.58);
  --radar-dot-glow-soft: rgba(34, 211, 238, 0.52);
}

html.mc-shell-command-slate .mc-command-radar-dot:nth-child(2n) .mc-command-radar-dot-core {
  animation-delay: 0.18s;
}

html.mc-shell-command-slate .mc-command-radar-dot:nth-child(3n) {
  --radar-dot-core: #34d399;
  --radar-dot-glow: rgba(52, 211, 153, 0.58);
  --radar-dot-glow-soft: rgba(52, 211, 153, 0.52);
}

html.mc-shell-command-slate .mc-command-radar-dot:nth-child(3n) .mc-command-radar-dot-core {
  animation-delay: 0.32s;
}

html.mc-shell-command-slate .mc-command-radar-dot:hover .mc-command-radar-dot-core,
html.mc-shell-command-slate .mc-command-radar-dot:focus-visible .mc-command-radar-dot-core {
  inset: 0.1rem;
  animation-duration: 0.72s;
}

html.mc-shell-command-slate .mc-command-radar-dot:focus-visible {
  outline: 1px solid rgba(34, 211, 238, 0.75);
  outline-offset: 0.2rem;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.52rem);
  width: max-content;
  min-width: 10.6rem;
  max-width: 14rem;
  transform: translateX(-50%) translateY(0.35rem) scale(0.96);
  transform-origin: 50% 100%;
  opacity: 0;
  pointer-events: none;
  display: grid;
  gap: 0.18rem;
  padding: 0.64rem 0.72rem;
  border: 1px solid rgba(34, 211, 238, 0.38);
  border-radius: 0.92rem;
  background: rgba(3, 10, 24, 0.96);
  box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.38), 0 0 1.4rem rgba(34, 211, 238, 0.12);
  color: rgba(226, 232, 240, 0.94);
  text-align: left;
  z-index: 12;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0.56rem;
  height: 0.56rem;
  transform: translate(-50%, -50%) rotate(45deg);
  border-right: 1px solid rgba(34, 211, 238, 0.32);
  border-bottom: 1px solid rgba(34, 211, 238, 0.32);
  background: rgba(3, 10, 24, 0.96);
}

html.mc-shell-command-slate .mc-command-radar-dot:hover .mc-command-radar-dot-tip,
html.mc-shell-command-slate .mc-command-radar-dot:focus-visible .mc-command-radar-dot-tip {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

html.mc-shell-command-slate .mc-command-radar-dot-tip strong {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  color: #f8fafc;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.02em;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip strong em {
  color: #22d3ee;
  font-style: normal;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip small {
  color: rgba(203, 213, 225, 0.82);
  font-size: 0.68rem;
  font-weight: 850;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip b {
  display: flex;
  justify-content: space-between;
  gap: 0.85rem;
  color: rgba(226, 232, 240, 0.94);
  font-size: 0.68rem;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip i {
  font-style: normal;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip i.is-green {
  color: #34d399;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip i.is-red {
  color: #fb7185;
}

@keyframes mcCommandRadarDotPulse {
  0% {
    box-shadow: 0 0 0 0 var(--radar-dot-glow), 0 0 1.15rem var(--radar-dot-glow-soft);
    filter: brightness(1.15);
  }
  70% {
    box-shadow: 0 0 0 0.52rem rgba(250, 204, 21, 0), 0 0 1.45rem var(--radar-dot-glow-soft);
    filter: brightness(1.35);
  }
  100% {
    box-shadow: 0 0 0 0.7rem rgba(250, 204, 21, 0), 0 0 1.15rem var(--radar-dot-glow-soft);
    filter: brightness(1.05);
  }
}

@media (max-width: 1420px) {
  html.mc-shell-command-slate .mc-command-radar-dot-tip {
    min-width: 9.8rem;
    max-width: 12.4rem;
    font-size: 0.66rem;
  }
}

/* v16_1257 — Signal Radar dot details click-only + stronger detector pulse */
html.mc-shell-command-slate .mc-command-radar-dot {
  width: 1.18rem !important;
  height: 1.18rem !important;
}

html.mc-shell-command-slate .mc-command-radar-dot-core {
  inset: 0.24rem !important;
  animation: mcCommandRadarDotGlowClickOnly 1.08s ease-in-out infinite !important;
}

html.mc-shell-command-slate .mc-command-radar-dot-core::before,
html.mc-shell-command-slate .mc-command-radar-dot-core::after {
  content: "";
  position: absolute;
  inset: -0.26rem;
  border-radius: 999px;
  border: 1px solid var(--radar-dot-glow);
  opacity: 0.78;
  transform: scale(0.55);
  animation: mcCommandRadarDotRingFlash 1.08s ease-out infinite;
  pointer-events: none;
}

html.mc-shell-command-slate .mc-command-radar-dot-core::after {
  inset: -0.45rem;
  opacity: 0.46;
  animation-delay: 0.18s;
}

html.mc-shell-command-slate .mc-command-radar-dot:hover .mc-command-radar-dot-core,
html.mc-shell-command-slate .mc-command-radar-dot:focus-visible .mc-command-radar-dot-core,
html.mc-shell-command-slate .mc-command-radar-dot.is-open .mc-command-radar-dot-core {
  inset: 0.17rem !important;
  animation-duration: 0.74s !important;
}

html.mc-shell-command-slate .mc-command-radar-dot:hover .mc-command-radar-dot-tip,
html.mc-shell-command-slate .mc-command-radar-dot:focus-visible .mc-command-radar-dot-tip {
  opacity: 0 !important;
  transform: translateX(-50%) translateY(0.35rem) scale(0.96) !important;
  pointer-events: none !important;
}

html.mc-shell-command-slate .mc-command-radar-dot.is-open .mc-command-radar-dot-tip,
html.mc-shell-command-slate .mc-command-radar-dot.is-open:focus-visible .mc-command-radar-dot-tip,
html.mc-shell-command-slate .mc-command-radar-dot.is-open:hover .mc-command-radar-dot-tip {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip {
  bottom: calc(100% + 0.72rem) !important;
}

@keyframes mcCommandRadarDotGlowClickOnly {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(250, 204, 21, 0), 0 0 0.82rem var(--radar-dot-glow-soft);
    filter: brightness(1.05);
    transform: scale(0.92);
  }
  45% {
    box-shadow: 0 0 0 0.34rem var(--radar-dot-glow), 0 0 1.55rem var(--radar-dot-glow-soft);
    filter: brightness(1.48);
    transform: scale(1.18);
  }
  72% {
    box-shadow: 0 0 0 0.72rem rgba(250, 204, 21, 0), 0 0 1.25rem var(--radar-dot-glow-soft);
    filter: brightness(1.16);
    transform: scale(1.02);
  }
}

@keyframes mcCommandRadarDotRingFlash {
  0% {
    opacity: 0.78;
    transform: scale(0.54);
  }
  72% {
    opacity: 0;
    transform: scale(1.84);
  }
  100% {
    opacity: 0;
    transform: scale(2.08);
  }
}

/* v16_1258 — Command View Signal Radar rotating detector blades.
   Keep the score dots fixed to their confidence rings while the detector sweep
   blades rotate underneath them. */
html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  background:
    radial-gradient(circle, rgba(52, 211, 153, 0.98) 0 9%, rgba(52, 211, 153, 0.34) 9.6% 10.8%, transparent 11.2% 100%),
    repeating-radial-gradient(circle, rgba(34, 211, 238, 0.18) 0 1px, transparent 1px 1.55rem),
    linear-gradient(135deg, rgba(2, 8, 23, 0.74), rgba(8, 47, 73, 0.18)) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    conic-gradient(from 36deg,
      transparent 0deg 218deg,
      rgba(34, 211, 238, 0.72) 218deg 237deg,
      rgba(34, 211, 238, 0.30) 237deg 247deg,
      transparent 247deg 284deg,
      rgba(52, 211, 153, 0.58) 284deg 306deg,
      rgba(52, 211, 153, 0.20) 306deg 318deg,
      transparent 318deg 360deg);
  filter: drop-shadow(0 0 0.46rem rgba(34, 211, 238, 0.30));
  transform-origin: 50% 50%;
  animation: mcCommandRadarBladeRotate 5.8s linear infinite;
  pointer-events: none;
  z-index: 2;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar::after {
  z-index: 3 !important;
}

html.mc-shell-command-slate .mc-command-radar-dots {
  z-index: 5 !important;
}

@keyframes mcCommandRadarBladeRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar::before {
    animation-duration: 18s !important;
  }
}

/* v16_1261 — Command View Market Pulse condition gauges restore.
   The global snapshot-strip metric tile grid-area rules were bleeding into the
   Market Pulse condition tiles, which could push VIX/10Y off the visible grid.
   Reset the nested gauge tiles so VIX, 10Y Yield, and Oil all render in-row. */
html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-vix-tile,
html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-tnx-tile,
html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-oil-tile {
  grid-area: auto !important;
  min-width: 0 !important;
  border-right: 1px solid rgba(51, 65, 85, 0.58) !important;
  padding-right: 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-oil-tile {
  border-right: 1px solid rgba(51, 65, 85, 0.58) !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-grid {
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  overflow: visible !important;
}

/* v16_1311: Flatten Command View social rows; remove inherited rail span capsules. */
html.mc-shell-command-slate .mc-command-social-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.32rem;
  margin-top: 0.58rem;
}

html.mc-shell-command-slate .mc-command-social-card a {
  display: grid;
  grid-template-columns: 1.08rem minmax(0, 1fr) 0.78rem;
  align-items: center;
  column-gap: 0.52rem;
  min-height: 2.05rem;
  border: 0 !important;
  border-radius: 0.78rem;
  background: transparent !important;
  color: rgba(226, 232, 240, 0.92);
  padding: 0.34rem 0.45rem;
  text-decoration: none;
  box-shadow: none !important;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

html.mc-shell-command-slate .mc-command-social-card a:hover,
html.mc-shell-command-slate .mc-command-social-card a:focus-visible {
  background: rgba(8, 145, 178, 0.10) !important;
  color: #f8fafc;
  transform: translateX(1px);
  outline: none;
}

html.mc-shell-command-slate .mc-command-social-card svg {
  width: 1rem;
  height: 1rem;
  color: #67e8f9;
  filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.18));
}

html.mc-shell-command-slate .mc-command-social-card a[data-command-social="youtube"] svg {
  color: #fb7185;
  filter: drop-shadow(0 0 8px rgba(248, 113, 113, 0.18));
}

html.mc-shell-command-slate .mc-command-social-card span,
html.mc-shell-command-slate .mc-command-social-handle,
html.mc-shell-command-slate .mc-command-social-arrow {
  display: block !important;
  align-items: initial !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html.mc-shell-command-slate .mc-command-social-card span::before,
html.mc-shell-command-slate .mc-command-social-handle::before,
html.mc-shell-command-slate .mc-command-social-arrow::before {
  content: none !important;
  display: none !important;
}

html.mc-shell-command-slate .mc-command-social-handle {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  color: rgba(226, 232, 240, 0.88);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.006em;
  line-height: 1;
}

html.mc-shell-command-slate .mc-command-social-arrow {
  justify-self: end;
  color: rgba(103, 232, 249, 0.64);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-0.02rem);
  transition: color 160ms ease, transform 160ms ease;
}

html.mc-shell-command-slate .mc-command-social-card a:hover .mc-command-social-arrow,
html.mc-shell-command-slate .mc-command-social-card a:focus-visible .mc-command-social-arrow {
  color: #67e8f9;
  transform: translate(1px, -1px);
}

@media (max-height: 820px) and (min-width: 1024px) and (pointer: fine) {
  html.mc-shell-command-slate .mc-command-social-card {
    gap: 0.24rem;
    margin-top: 0.46rem;
  }

  html.mc-shell-command-slate .mc-command-social-card a {
    min-height: 1.92rem;
    padding: 0.28rem 0.42rem;
  }

  html.mc-shell-command-slate .mc-command-social-handle {
    font-size: 0.63rem;
  }
}

html.mc-shell-command-slate .mc-command-mobile-companion-card {
  margin-top: 0.58rem !important;
  margin-bottom: 0.28rem !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card + .mc-command-rail-status {
  margin-top: 0.42rem !important;
}

@media (min-width: 1024px) and (pointer: fine) {
  html.mc-shell-command-slate .mc-command-foundation-rail {
    align-content: start;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(34, 211, 238, 0.30) rgba(15, 23, 42, 0.18);
  }
}

/* v16_1263 — Command View left rail companion fit polish.
   Keep the Mobile Companion card from being clipped in Chrome and center its title. */
html.mc-shell-command-slate .mc-command-left-rail {
  min-height: calc(100vh - 4.85rem) !important;
  height: calc(100vh - 4.85rem) !important;
  max-height: calc(100vh - 4.85rem) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding-bottom: 1.05rem !important;
  scroll-padding-bottom: 1.4rem;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card {
  flex: 0 0 auto !important;
  margin-top: 0.52rem !important;
  margin-bottom: 0.54rem !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card > span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  letter-spacing: 0.16em !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card button[data-command-mobile-companion-link] {
  margin-bottom: 0.02rem !important;
}

@media (max-height: 820px) and (min-width: 1024px) and (pointer: fine) {
  html.mc-shell-command-slate .mc-command-left-rail {
    min-height: calc(100vh - 4.35rem) !important;
    height: calc(100vh - 4.35rem) !important;
    max-height: calc(100vh - 4.35rem) !important;
    padding-bottom: 1.2rem !important;
  }

  html.mc-shell-command-slate .mc-command-mobile-companion-card {
    margin-bottom: 0.62rem !important;
  }
}

/* v16_1269: Command View Snapshot date controls */
html.mc-shell-command-slate .mc-command-snapshot-date-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.42rem;
  min-width: 0;
}

html.mc-shell-command-slate .mc-command-snapshot-date-nav,
html.mc-shell-command-slate .mc-command-snapshot-date-picker input {
  min-height: 1.7rem;
  border: 1px solid rgba(34, 211, 238, 0.26);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: rgba(226, 232, 240, 0.92);
  font-size: 0.64rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  outline: none;
}

html.mc-shell-command-slate .mc-command-snapshot-date-nav {
  padding: 0 0.68rem;
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-snapshot-date-picker input {
  width: 8.6rem;
  padding: 0 0.62rem;
  color-scheme: dark;
}

html.mc-shell-command-slate .mc-command-snapshot-date-nav:hover,
html.mc-shell-command-slate .mc-command-snapshot-date-nav:focus-visible,
html.mc-shell-command-slate .mc-command-snapshot-date-picker input:hover,
html.mc-shell-command-slate .mc-command-snapshot-date-picker input:focus-visible {
  border-color: rgba(34, 211, 238, 0.62);
  background: rgba(8, 145, 178, 0.20);
  color: #ffffff;
}

html.mc-shell-command-slate .mc-command-snapshot-date-nav:disabled,
html.mc-shell-command-slate .mc-command-snapshot-date-nav[aria-disabled="true"] {
  opacity: 0.45;
  cursor: not-allowed;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
    align-items: flex-start !important;
    flex-direction: column;
  }

  html.mc-shell-command-slate .mc-command-snapshot-date-controls {
    justify-content: flex-start;
    width: 100%;
  }
}

/* v16_1273 — Command View Signal Radar definition meter + clearer stats.
   Make the active threshold/horizon visible and reduce rail clipping. */
html.mc-shell-command-slate .mc-command-signal-definition {
  display: grid !important;
  gap: 0.42rem !important;
  margin-bottom: 0.62rem !important;
  padding: 0.68rem 0.78rem !important;
  border: 1px solid rgba(34, 211, 238, 0.18) !important;
  border-radius: 0.92rem !important;
  background: linear-gradient(135deg, rgba(2, 8, 23, 0.58), rgba(8, 47, 73, 0.18)) !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-signal-definition > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-definition span {
  color: #67e8f9 !important;
  font-size: 0.62rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-signal-definition strong {
  color: #f8fafc !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  text-align: right !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-signal-definition-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.52rem !important;
}

html.mc-shell-command-slate .mc-command-signal-definition-meta span {
  min-width: 0 !important;
  color: rgba(148, 163, 184, 0.92) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.07em !important;
}

html.mc-shell-command-slate .mc-command-signal-definition-meta b {
  color: #fbbf24 !important;
  font-weight: 950 !important;
}

html.mc-shell-command-slate .mc-command-signal-threshold-meter {
  position: relative !important;
  height: 0.44rem !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(51, 65, 85, 0.72), rgba(14, 165, 233, 0.28), rgba(52, 211, 153, 0.52)) !important;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.12) !important;
}

html.mc-shell-command-slate .mc-command-signal-threshold-meter::before {
  content: "";
  position: absolute;
  left: var(--signal-threshold-pct, 67%);
  top: 50%;
  width: 0.72rem;
  height: 0.72rem;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: #fbbf24;
  box-shadow: 0 0 0 0.22rem rgba(251, 191, 36, 0.13), 0 0 1rem rgba(251, 191, 36, 0.35);
}

html.mc-shell-command-slate .mc-command-signal-threshold-meter i {
  position: absolute !important;
  left: var(--signal-threshold-pct, 67%) !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  border-radius: 999px !important;
  background: rgba(52, 211, 153, 0.20) !important;
}

html.mc-shell-command-slate .mc-command-signal-definition em {
  color: rgba(148, 163, 184, 0.90) !important;
  font-size: 0.62rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.26 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list {
  max-height: 7.65rem !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-list .mc-command-signal-card {
  min-height: 2.84rem !important;
  padding-top: 0.48rem !important;
  padding-bottom: 0.48rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty {
  grid-template-columns: minmax(0, 1fr) auto !important;
  row-gap: 0.45rem !important;
  margin-top: 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty strong {
  color: rgba(248, 250, 252, 0.96) !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty #mcCommandSignalThresholdSummary,
html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty #mcCommandRadarTopScore {
  color: #67e8f9 !important;
}

@media (max-width: 1420px) {
  html.mc-shell-command-slate .mc-command-signal-definition {
    padding: 0.58rem 0.66rem !important;
    gap: 0.36rem !important;
  }

  html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list {
    max-height: 6.85rem !important;
  }

  html.mc-shell-command-slate .mc-command-signal-definition strong {
    font-size: 0.68rem !important;
  }
}

/* v16_1274 — Command View Signal Radar + Market Pulse readability polish.
   Fix partial candidate clipping in Signal Radar and align/size the Market Pulse
   conditions block so VIX, 10Y Yield, and Oil are readable. */
html.mc-shell-command-slate .mc-command-workspace-layout {
  align-items: start !important;
}

html.mc-shell-command-slate .mc-command-workspace-layout > .mc-command-panel {
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview {
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  gap: 0.64rem !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-panel-head {
  margin-bottom: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 0.58rem !important;
  padding: 0.72rem 0.76rem !important;
  border-radius: 0.96rem !important;
  min-height: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-head {
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-head span {
  font-size: 0.72rem !important;
  line-height: 1.08 !important;
  letter-spacing: 0.14em !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-head small {
  max-width: none !important;
  font-size: 0.66rem !important;
  line-height: 1.2 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.54rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile {
  grid-template-columns: minmax(4.75rem, 1fr) auto !important;
  min-height: 3.05rem !important;
  padding: 0.52rem 0.58rem !important;
  border-radius: 0.78rem !important;
  column-gap: 0.46rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile small {
  font-size: 0.60rem !important;
  line-height: 1.05 !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile b {
  font-size: 0.98rem !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile span {
  align-self: center !important;
  font-size: 0.66rem !important;
  line-height: 1.05 !important;
  max-width: 4.15rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-large-chart {
  height: 6.15rem !important;
  min-height: 6.15rem !important;
  max-height: 6.15rem !important;
  margin-top: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-pulse-footer {
  margin-top: 0.10rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview {
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-shell {
  gap: 0.62rem !important;
}

html.mc-shell-command-slate .mc-command-signal-definition {
  margin-bottom: 0.50rem !important;
  padding: 0.58rem 0.70rem !important;
  gap: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-signal-definition em {
  font-size: 0.58rem !important;
  line-height: 1.18 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list {
  max-height: 10.05rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.16rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-list .mc-command-signal-card {
  min-height: 2.62rem !important;
  padding: 0.42rem 0.62rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-symbol {
  font-size: 0.96rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-copy strong {
  font-size: 0.74rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-copy em {
  font-size: 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-preview .mc-command-signal-card b {
  width: 2.02rem !important;
  height: 2.02rem !important;
  font-size: 0.76rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty {
  margin-top: 0.52rem !important;
  padding: 0.62rem 0.70rem !important;
  row-gap: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty span,
html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty strong {
  font-size: 0.68rem !important;
  line-height: 1.12 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  width: min(6.85rem, 46%) !important;
  max-width: 6.85rem !important;
  min-width: 5.35rem !important;
  margin: 0 auto 0.42rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
  font-size: 0.64rem !important;
  line-height: 1.12 !important;
}

@media (max-width: 1360px) {
  html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-grid {
    gap: 0.42rem !important;
  }

  html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile {
    grid-template-columns: minmax(4.35rem, 1fr) auto !important;
    padding-left: 0.50rem !important;
    padding-right: 0.50rem !important;
  }

  html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile span {
    max-width: 3.7rem !important;
    font-size: 0.62rem !important;
  }
}

/* v16_1275 — Command View Market Pulse section grid.
   Mirrors the mobile Pulse order inside desktop Command View: selected instrument
   snapshot/chart, breadth, pressure gauges, then movers. Desktop only. */
html.mc-shell-command-slate .mc-command-pulse-preview {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.58rem !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-pulse-preview .mc-command-panel-head {
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-section-grid {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.58rem !important;
  align-content: start !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.14rem !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 211, 238, 0.55) rgba(15, 23, 42, 0.30);
}

html.mc-shell-command-slate .mc-command-pulse-section-grid::-webkit-scrollbar {
  width: 0.34rem;
}

html.mc-shell-command-slate .mc-command-pulse-section-grid::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.55);
}

html.mc-shell-command-slate .mc-command-pulse-section {
  min-width: 0 !important;
  border: 1px solid rgba(51, 65, 85, 0.72) !important;
  border-radius: 0.92rem !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.54), rgba(2, 6, 23, 0.52)) !important;
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.05) !important;
  padding: 0.72rem 0.78rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-section-head {
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.62rem !important;
  margin-bottom: 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-section-head span {
  color: #67e8f9 !important;
  font-size: 0.70rem !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-pulse-section-head small {
  color: rgba(148, 163, 184, 0.92) !important;
  font-size: 0.62rem !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  text-align: right !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.56rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-section .mc-command-large-chart {
  order: 1 !important;
  height: 5.85rem !important;
  min-height: 5.85rem !important;
  max-height: 5.85rem !important;
  margin: 0 !important;
  border-radius: 0.74rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-section .mc-command-large-chart svg {
  min-height: 0 !important;
  height: calc(100% - 1.46rem) !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-copy {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "label label"
    "name price"
    "change change" !important;
  align-items: end !important;
  gap: 0.12rem 0.76rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-copy small {
  grid-area: label !important;
  color: rgba(148, 163, 184, 0.92) !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-copy strong {
  grid-area: name !important;
  min-width: 0 !important;
  color: rgba(248, 250, 252, 0.98) !important;
  font-size: 0.90rem !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-copy b {
  grid-area: price !important;
  color: #f8fafc !important;
  font-size: 1.28rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-pulse-instrument-copy em {
  grid-area: change !important;
  font-style: normal !important;
  font-size: 0.72rem !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-breadth-detail {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.70rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section .mc-command-breadth-ring {
  width: 4.65rem !important;
  height: 4.65rem !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.20rem !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown b {
  color: #f8fafc !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown span,
html.mc-shell-command-slate .mc-command-breadth-breakdown small {
  color: rgba(203, 213, 225, 0.86) !important;
  font-size: 0.64rem !important;
  line-height: 1.16 !important;
  font-weight: 850 !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown i {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 0.44rem !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(248, 113, 113, 0.76) !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown i em {
  display: block !important;
  width: var(--mc-command-breadth-adv-pct, 50%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: rgba(52, 211, 153, 0.92) !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions {
  display: grid !important;
  gap: 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
  gap: 0.54rem !important;
  min-width: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 4.05rem !important;
  gap: 0.16rem !important;
  padding: 0.60rem 0.66rem !important;
  overflow: visible !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile small {
  font-size: 0.62rem !important;
  line-height: 1.05 !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile b {
  font-size: 1.06rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile span {
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
  font-size: 0.60rem !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-pulse-movers-list {
  display: grid !important;
  gap: 0.34rem !important;
  max-height: 8.6rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0.12rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-row {
  min-height: 2.24rem !important;
  padding-top: 0.34rem !important;
  padding-bottom: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-symbol strong,
html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-move b {
  font-size: 0.74rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-symbol small,
html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-move small {
  font-size: 0.56rem !important;
}

@media (min-width: 1320px) {
  html.mc-shell-command-slate .mc-command-pulse-section-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  html.mc-shell-command-slate .mc-command-pulse-instrument-section,
  html.mc-shell-command-slate .mc-command-pulse-conditions {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 1360px) {
  html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-conditions-grid {
    gap: 0.42rem !important;
  }

  html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile {
    padding-left: 0.52rem !important;
    padding-right: 0.52rem !important;
  }

  html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile b {
    font-size: 0.98rem !important;
  }

  html.mc-shell-command-slate .mc-command-pulse-conditions .mc-command-metric-tile span {
    font-size: 0.56rem !important;
  }
}

/* v16_1276 — Command View Market Pulse breadth + movers refinement.
   Breadth spans like Market Conditions, and Pulse movers gain mobile-style tabs
   with an expandable scrollable list. Desktop Command View only. */
html.mc-shell-command-slate .mc-command-pulse-breadth-section,
html.mc-shell-command-slate .mc-command-pulse-movers-section {
  grid-column: 1 / -1 !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section {
  padding: 0.74rem 0.86rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section .mc-command-pulse-section-head {
  margin-bottom: 0.50rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section .mc-command-pulse-section-head span {
  white-space: normal !important;
}

html.mc-shell-command-slate .mc-command-breadth-detail {
  grid-template-columns: minmax(4.8rem, 5.35rem) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0.82rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section .mc-command-breadth-ring {
  width: 100% !important;
  min-height: 4.85rem !important;
  height: auto !important;
  border-radius: 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown {
  align-content: center !important;
  grid-template-columns: minmax(4.8rem, auto) minmax(0, 1fr) !important;
  grid-template-areas:
    "pair label"
    "meter meter"
    "mix mix" !important;
  column-gap: 0.72rem !important;
  row-gap: 0.26rem !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown b {
  grid-area: pair !important;
  font-size: 1.08rem !important;
  align-self: end !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown span {
  grid-area: label !important;
  align-self: end !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown i {
  grid-area: meter !important;
  height: 0.52rem !important;
}

html.mc-shell-command-slate .mc-command-breadth-breakdown small {
  grid-area: mix !important;
  white-space: normal !important;
  font-size: 0.66rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-head {
  align-items: center !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-expand {
  border: 1px solid rgba(34, 211, 238, 0.30) !important;
  border-radius: 999px !important;
  background: rgba(14, 165, 233, 0.10) !important;
  color: #67e8f9 !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  padding: 0.34rem 0.56rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.36rem !important;
  margin: -0.10rem 0 0.52rem !important;
  border-bottom: 1px solid rgba(51, 65, 85, 0.72) !important;
  padding-bottom: 0.44rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-tabs button {
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0.58rem !important;
  background: transparent !important;
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 0.66rem !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  padding: 0.38rem 0.28rem !important;
  text-align: center !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-tabs button.is-active {
  background: rgba(34, 211, 238, 0.12) !important;
  color: #22d3ee !important;
  box-shadow: inset 0 -2px 0 rgba(34, 211, 238, 0.95) !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-pulse-movers-list {
  max-height: 9.9rem !important;
  min-height: 7.4rem !important;
  padding-right: 0.28rem !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 211, 238, 0.56) rgba(15, 23, 42, 0.24);
}

html.mc-shell-command-slate .mc-command-pulse-movers-section.is-expanded .mc-command-pulse-movers-list {
  max-height: 17.5rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-pulse-movers-list::-webkit-scrollbar {
  width: 0.32rem;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-pulse-movers-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(34, 211, 238, 0.56);
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-row {
  min-height: 2.34rem !important;
  grid-template-columns: minmax(0, 1fr) minmax(4.9rem, auto) !important;
}

/* v16_1277 — Command View Market Pulse chart/modal and movers readability polish. */
html.mc-shell-command-slate .mc-command-pulse-chart-button {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  display: block !important;
  cursor: pointer !important;
  text-align: inherit !important;
  padding: 0 !important;
}

html.mc-shell-command-slate .mc-command-pulse-chart-button:hover,
html.mc-shell-command-slate .mc-command-pulse-chart-button:focus-visible {
  border-color: rgba(34, 211, 238, 0.62) !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html.mc-shell-command-slate .mc-command-pulse-chart-button.is-red .mc-chart-area-blue,
html.mc-shell-command-slate .mc-command-pulse-chart-modal-canvas.is-red .mc-chart-area-blue {
  fill: rgba(248, 113, 113, 0.16) !important;
}

html.mc-shell-command-slate .mc-command-pulse-chart-button.is-red .mc-chart-line-blue,
html.mc-shell-command-slate .mc-command-pulse-chart-modal-canvas.is-red .mc-chart-line-blue {
  stroke: #fb7185 !important;
  filter: drop-shadow(0 0 8px rgba(248, 113, 113, 0.32)) !important;
}

html.mc-shell-command-slate .mc-command-pulse-chart-button.is-red .mc-chart-dot,
html.mc-shell-command-slate .mc-command-pulse-chart-modal-canvas.is-red .mc-chart-dot {
  fill: #fb7185 !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section .mc-command-breadth-ring {
  min-width: 7.4rem !important;
  max-width: 8.4rem !important;
  padding: 0.68rem 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section .mc-command-breadth-ring strong {
  font-size: 1.18rem !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-pulse-breadth-section .mc-command-breadth-ring small {
  display: block !important;
  max-width: 100% !important;
  margin-top: 0.08rem !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  font-size: 0.56rem !important;
  line-height: 1.05 !important;
  letter-spacing: 0.02em !important;
}

html.mc-shell-command-slate .mc-command-breadth-detail {
  grid-template-columns: minmax(7.4rem, 8.4rem) minmax(0, 1fr) !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-table-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(4.4rem, 0.55fr) minmax(4.4rem, 0.65fr) !important;
  gap: 0.46rem !important;
  align-items: center !important;
  padding: 0.12rem 0.22rem 0.42rem !important;
  border-bottom: 1px solid rgba(51, 65, 85, 0.72) !important;
  color: rgba(226, 232, 240, 0.96) !important;
  font-size: 0.62rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-table-head span:nth-child(2),
html.mc-shell-command-slate .mc-command-pulse-movers-table-head span:nth-child(3) {
  text-align: right !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-pulse-movers-list {
  margin-top: 0.04rem !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-pulse-mover-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(4.4rem, 0.55fr) minmax(4.4rem, 0.65fr) !important;
  gap: 0.46rem !important;
  min-height: 2.38rem !important;
  align-items: center !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-change,
html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-volume {
  min-width: 0 !important;
  text-align: right !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-change b,
html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-volume b {
  display: block !important;
  font-size: 0.74rem !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-change.is-green b {
  color: #34d399 !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-change.is-red b {
  color: #fb7185 !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-section .mc-command-mover-volume b {
  color: rgba(226, 232, 240, 0.98) !important;
}

html.mc-shell-command-slate .mc-command-pulse-movers-tabs button.is-active {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -2px 0 rgba(34, 211, 238, 0.95) !important;
}

.mc-command-pulse-chart-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(2, 6, 23, 0.74);
  backdrop-filter: blur(12px);
}

.mc-command-pulse-chart-overlay.is-open {
  display: flex;
}

.mc-command-pulse-chart-modal {
  width: min(62rem, calc(100vw - 3rem));
  border: 1px solid rgba(34, 211, 238, 0.28);
  border-radius: 1.2rem;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98));
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  padding: 1rem;
}

.mc-command-pulse-chart-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.82rem;
}

.mc-command-pulse-chart-modal-head small,
.mc-command-pulse-chart-modal-head span {
  display: block;
  color: rgba(148, 163, 184, 0.92);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mc-command-pulse-chart-modal-head strong {
  display: block;
  margin-top: 0.14rem;
  color: #f8fafc;
  font-size: 1.16rem;
  font-weight: 950;
}

.mc-command-pulse-chart-modal-head button {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1px solid rgba(51, 65, 85, 0.95);
  background: rgba(15, 23, 42, 0.78);
  color: #cbd5e1;
  font-size: 1.1rem;
  line-height: 1;
}

.mc-command-pulse-chart-modal-canvas {
  height: min(22rem, 54vh);
  border: 1px solid rgba(51, 65, 85, 0.72);
  border-radius: 0.92rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(8, 47, 73, 0.28), rgba(2, 6, 23, 0.40));
}

.mc-command-pulse-chart-modal-canvas svg {
  width: 100%;
  height: 100%;
  display: block;
}

.mc-command-pulse-chart-modal-foot {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  color: rgba(148, 163, 184, 0.88);
  font-size: 0.68rem;
  font-weight: 850;
  padding: 0.58rem 0.18rem 0;
}

/* v16_1281 — Command Signal Radar active-dot-only visual polish.
   Candidate list can show watch candidates, but the radar detector only plots
   active signals at/above the visible threshold. Enlarge and lower the radar. */
html.mc-shell-command-slate .mc-command-signal-radar-detector {
  padding-top: 0.52rem !important;
  padding-bottom: 0.20rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  width: min(8.85rem, 68%) !important;
  max-width: 8.85rem !important;
  min-width: 7.1rem !important;
  margin: 0.46rem auto 0.50rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
  display: block !important;
  margin-top: 0.10rem !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.13em !important;
}

@media (max-width: 1420px) {
  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
    width: min(8.05rem, 64%) !important;
    max-width: 8.05rem !important;
    min-width: 6.75rem !important;
  }
}

/* v16_1282 — Command Signal Radar stats shield + larger detector.
   Keep the radar sweep/glow from visually bleeding behind the Radar strength
   stats container, then make the detector larger and slightly lower. */
html.mc-shell-command-slate .mc-command-signal-radar-content {
  position: relative !important;
  z-index: 4 !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty {
  position: relative !important;
  z-index: 6 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(2, 6, 23, 0.98), rgba(5, 12, 26, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(34, 211, 238, 0.16),
    0 0.75rem 1.45rem rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: none !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty::before,
html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty::after {
  content: none !important;
  display: none !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0.48rem !important;
  padding-top: 0.72rem !important;
  padding-bottom: 0.26rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  width: min(10.25rem, 82%) !important;
  max-width: 10.25rem !important;
  min-width: 8.2rem !important;
  margin: 0.36rem auto 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
  margin-top: 0.18rem !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.145em !important;
}

@media (max-width: 1420px) {
  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
    width: min(9.25rem, 76%) !important;
    max-width: 9.25rem !important;
    min-width: 7.7rem !important;
  }
}

/* v16_1283 — Command Signal Radar scan/panel polish.
   Clip the scrollable candidate list so partial score circles cannot bleed
   behind the stats shield, then scale the detector up a little more. */
html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list {
  position: relative !important;
  z-index: 2 !important;
  max-height: 8.72rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  contain: paint !important;
  clip-path: inset(0 round 0.92rem) !important;
  padding-bottom: 0.04rem !important;
  background: rgba(2, 6, 23, 0.10) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-radar-honesty {
  z-index: 20 !important;
  margin-top: 0.88rem !important;
  background: #020617 !important;
  box-shadow:
    0 0 0 1px rgba(34, 211, 238, 0.24),
    0 -0.52rem 0.72rem rgba(2, 6, 23, 0.96),
    0 0.85rem 1.55rem rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector {
  margin-top: 0.74rem !important;
  padding-top: 0.88rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
  width: min(11.65rem, 88%) !important;
  max-width: 11.65rem !important;
  min-width: 8.65rem !important;
  margin: 0.40rem auto 0.72rem !important;
}

html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar-total {
  font-size: 0.74rem !important;
  letter-spacing: 0.15em !important;
}

@media (max-width: 1420px) {
  html.mc-shell-command-slate .mc-command-signal-radar-content .mc-command-signal-list {
    max-height: 8.35rem !important;
  }

  html.mc-shell-command-slate .mc-command-signal-radar-detector .mc-command-radar {
    width: min(10.4rem, 82%) !important;
    max-width: 10.4rem !important;
    min-width: 8rem !important;
  }
}

/* v16_1293 — Command radar dots are decorative, not touch targets.
   The signal cards/list above the radar provide the accessible candidate text.
   This keeps the visual radar dots small while removing undersized button
   targets from Lighthouse/PageSpeed accessibility audits. */
html.mc-shell-command-slate .mc-command-radar-dot {
  cursor: default !important;
  pointer-events: none !important;
  user-select: none !important;
}

html.mc-shell-command-slate .mc-command-radar-dot:focus-visible {
  outline: none !important;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip {
  display: none !important;
}


/* v16_1294 — Before the open, Command View may show yesterday's last
   completed context while today's timeline remains on today's market date. */
html.mc-shell-command-slate body[data-command-preopen-previous-close="1"] .mc-command-snapshot-sync-label {
  border-color: rgba(250, 204, 21, 0.36);
  background: rgba(120, 53, 15, 0.24);
  color: rgba(254, 240, 138, 0.92);
}


/* v16_1296 — Command Signal Radar shows only the top 3 active dots,
   but those dots are interactive again with PageSpeed-safe touch targets.
   The larger button target keeps accessibility clean while the visual core
   remains a compact radar point. */
html.mc-shell-command-slate .mc-command-radar-dots {
  pointer-events: none !important;
}

html.mc-shell-command-slate .mc-command-radar-dot {
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  display: block !important;
  touch-action: manipulation !important;
}

html.mc-shell-command-slate .mc-command-radar-dot:focus-visible {
  outline: 2px solid rgba(34, 211, 238, 0.82) !important;
  outline-offset: 0.12rem !important;
}

html.mc-shell-command-slate .mc-command-radar-dot-core {
  inset: 0.92rem !important;
}

html.mc-shell-command-slate .mc-command-radar-dot:hover .mc-command-radar-dot-core,
html.mc-shell-command-slate .mc-command-radar-dot:focus-visible .mc-command-radar-dot-core,
html.mc-shell-command-slate .mc-command-radar-dot.is-open .mc-command-radar-dot-core {
  inset: 0.84rem !important;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip {
  display: grid !important;
  bottom: calc(100% + 0.35rem) !important;
}

html.mc-shell-command-slate .mc-command-radar-dot:hover .mc-command-radar-dot-tip,
html.mc-shell-command-slate .mc-command-radar-dot:focus-visible .mc-command-radar-dot-tip {
  opacity: 0 !important;
  transform: translateX(-50%) translateY(0.35rem) scale(0.96) !important;
  pointer-events: none !important;
}

html.mc-shell-command-slate .mc-command-radar-dot.is-open .mc-command-radar-dot-tip,
html.mc-shell-command-slate .mc-command-radar-dot.is-open:focus-visible .mc-command-radar-dot-tip,
html.mc-shell-command-slate .mc-command-radar-dot.is-open:hover .mc-command-radar-dot-tip {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

/* v16_1297 — Signal Radar selected-dot details are now a stable panel
   above the detector instead of a floating tooltip attached to the dot.
   This prevents clipping when a top radar dot is close to the stats card. */
html.mc-shell-command-slate .mc-command-radar-selected {
  width: min(15.75rem, 94%) !important;
  margin: 0.02rem auto 0.72rem !important;
  padding: 0.62rem 0.72rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.16rem 0.7rem !important;
  align-items: center !important;
  border: 1px solid rgba(34, 211, 238, 0.28) !important;
  border-radius: 0.95rem !important;
  background: linear-gradient(180deg, rgba(7, 16, 33, 0.98), rgba(2, 6, 23, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.72),
    0 0.84rem 1.55rem rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  position: relative !important;
  z-index: 24 !important;
  overflow: hidden !important;
}

html.mc-shell-command-slate .mc-command-radar-selected[hidden] {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-radar-selected::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 0.18rem !important;
  background: linear-gradient(180deg, #22d3ee, #2dd4bf) !important;
  opacity: 0.92 !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > span {
  grid-column: 1 / -1 !important;
  color: rgba(103, 232, 249, 0.92) !important;
  font-size: 0.58rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.17em !important;
  text-transform: uppercase !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > strong {
  color: rgba(248, 250, 252, 0.98) !important;
  font-size: 1.02rem !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > small {
  color: rgba(226, 232, 240, 0.82) !important;
  font-size: 0.64rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > b {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.34rem 0.56rem !important;
  align-items: baseline !important;
  margin-top: 0.12rem !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > b em,
html.mc-shell-command-slate .mc-command-radar-selected > b i {
  font-style: normal !important;
  color: rgba(226, 232, 240, 0.94) !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > b i.is-green {
  color: #34d399 !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > b i.is-red {
  color: #fb7185 !important;
}

html.mc-shell-command-slate .mc-command-radar-selected > mark {
  justify-self: end !important;
  align-self: center !important;
  padding: 0.26rem 0.46rem !important;
  border: 1px solid rgba(45, 212, 191, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(6, 78, 59, 0.28) !important;
  color: #67e8f9 !important;
  font-size: 0.62rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-radar-dot-tip {
  display: none !important;
}

html.mc-shell-command-slate .mc-command-radar-dot.is-open .mc-command-radar-dot-core {
  box-shadow:
    0 0 0 0.16rem rgba(34, 211, 238, 0.22),
    0 0 1.15rem rgba(34, 211, 238, 0.55),
    inset 0 0 0 1px rgba(255, 255, 255, 0.38) !important;
}

/* v16_1302 — Command View timeline NOW/LATEST slot language.
   Mirrors the mobile Snapshot timeline: the live wall-clock bucket displays
   as NOW, the newest completed package displays as LATEST, and inactive slots
   keep explicit READY / WAITING / FUTURE / NO DATA state text. */
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-wall-clock-now {
  opacity: 0.96 !important;
  border-color: rgba(34, 211, 238, 0.66) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.24), transparent 5rem),
    linear-gradient(180deg, rgba(8, 47, 73, 0.76), rgba(2, 8, 23, 0.56)) !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.16), 0 0 1.05rem rgba(34, 211, 238, 0.18) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-wall-clock-now b {
  color: #67e8f9 !important;
  letter-spacing: 0.035em !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-wall-clock-now span {
  color: #fbbf24 !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-latest-ready:not(.is-wall-clock-now) {
  opacity: 0.98 !important;
  border-color: rgba(45, 212, 191, 0.54) !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-latest-ready:not(.is-wall-clock-now) span {
  color: #67e8f9 !important;
}

/* v16_1312: Extra-clean Command View Mobile Companion copy. */
html.mc-shell-command-slate .mc-command-mobile-companion-card > span {
  line-height: 1.16 !important;
  margin-bottom: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card strong {
  display: block !important;
  margin-top: 0.22rem !important;
  color: rgba(241, 245, 249, 0.94) !important;
  font-size: 0.68rem !important;
  line-height: 1.18 !important;
  text-align: left !important;
}

html.mc-shell-command-slate .mc-command-mobile-companion-card button[data-command-mobile-companion-link] {
  margin-top: 0.42rem !important;
}

/* v16_1317 — Command View market-status selector restored to the top-right action bar. */
html.mc-shell-command-slate .mc-command-topbar {
  position: relative;
  z-index: 40;
  overflow: visible;
}

html.mc-shell-command-slate .mc-command-top-actions {
  position: relative;
  overflow: visible;
}

html.mc-shell-command-slate .mc-command-market-status {
  position: relative;
  flex: 0 0 auto;
  width: auto;
  min-width: 8.85rem;
  margin: 0 !important;
  border: 1px solid rgba(51, 65, 85, 0.82);
  border-radius: 0.9rem;
  background: rgba(2, 8, 23, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: visible;
}

html.mc-shell-command-slate .mc-command-market-status summary,
html.mc-shell-command-slate .mc-command-market-status summary::-webkit-details-marker {
  list-style: none;
}

html.mc-shell-command-slate .mc-command-market-status-pill {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.42rem;
  min-height: 2.05rem;
  padding: 0.34rem 0.62rem;
  cursor: pointer;
  user-select: none;
}

html.mc-shell-command-slate .mc-command-market-status-primary {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 0.36rem;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.005em;
  line-height: 1.05;
}

html.mc-shell-command-slate .mc-command-market-status-dot {
  width: 0.55rem;
  height: 0.55rem;
  flex: 0 0 auto;
  border-radius: 999px;
  box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.10), 0 0 16px rgba(52, 211, 153, 0.28);
}

html.mc-shell-command-slate .mc-command-market-status-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-market-status-next-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  gap: 0.24rem;
  color: rgba(203, 213, 225, 0.86);
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

html.mc-shell-command-slate .mc-command-market-status-chevron {
  color: rgba(148, 163, 184, 0.72);
  font-size: 0.74rem;
  transition: transform 160ms ease, color 160ms ease;
}

html.mc-shell-command-slate .mc-command-market-status[open] .mc-command-market-status-chevron {
  transform: rotate(180deg);
  color: rgba(34, 211, 238, 0.88);
}

html.mc-shell-command-slate .mc-command-market-status-detail {
  position: absolute;
  right: 0;
  top: calc(100% + 0.5rem);
  z-index: 80;
  display: grid;
  width: 17rem;
  gap: 0.52rem;
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 1rem;
  padding: 0.72rem 0.82rem 0.78rem;
  background: linear-gradient(180deg, rgba(8, 20, 37, 0.98), rgba(2, 8, 23, 0.96));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.045);
  color: rgba(203, 213, 225, 0.86);
  font-size: 0.74rem;
  line-height: 1.15;
}

html.mc-shell-command-slate .mc-command-market-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
}

html.mc-shell-command-slate .mc-command-market-status-row > span:last-child {
  flex: 0 0 auto;
  color: rgba(241, 245, 249, 0.94);
  font-weight: 900;
  text-align: right;
}

html.mc-shell-command-slate .mc-command-market-status-live-text {
  color: #5eead4 !important;
}

html.mc-shell-command-slate .mc-command-market-status-primary.text-emerald-300 { color: #34d399; }
html.mc-shell-command-slate .mc-command-market-status-primary.text-cyan-300 { color: #67e8f9; }
html.mc-shell-command-slate .mc-command-market-status-primary.text-amber-300 { color: #fcd34d; }
html.mc-shell-command-slate .mc-command-market-status-primary.text-slate-300 { color: rgba(203, 213, 225, 0.86); }

html.mc-shell-command-slate .mc-command-market-status-dot.bg-emerald-400 {
  background: #34d399;
  box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.10), 0 0 16px rgba(52, 211, 153, 0.28);
}
html.mc-shell-command-slate .mc-command-market-status-dot.bg-cyan-400 {
  background: #22d3ee;
  box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.10), 0 0 16px rgba(34, 211, 238, 0.28);
}
html.mc-shell-command-slate .mc-command-market-status-dot.bg-amber-400 {
  background: #fbbf24;
  box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.10), 0 0 16px rgba(251, 191, 36, 0.25);
}
html.mc-shell-command-slate .mc-command-market-status-dot.bg-slate-500 {
  background: #64748b;
  box-shadow: 0 0 0 0.2rem rgba(100, 116, 139, 0.12);
}

/* v16_1318 — make Mobile Companion preview semantically a real button without changing the visual card. */
html.mc-shell-command-slate .mc-command-mobile-companion-preview-button {
  display: block;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.72rem;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

html.mc-shell-command-slate .mc-command-mobile-companion-preview-button:focus-visible {
  outline: 2px solid rgba(34, 211, 238, 0.82);
  outline-offset: 3px;
}

html.mc-shell-command-slate .mc-command-mobile-companion-preview-button:focus-visible .mc-command-mobile-companion-preview,
html.mc-shell-command-slate .mc-command-mobile-companion-preview-button:hover .mc-command-mobile-companion-preview {
  border-color: rgba(34, 211, 238, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 28px rgba(2, 132, 199, 0.14);
}


/* v16_1320 — Command View lower-row simplification.
   Group Heat was removed; the lower zone now keeps News Feed as the only
   lower module and lets it use the available width cleanly. */
html.mc-shell-command-slate .mc-command-lower-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 1320px) {
  html.mc-shell-command-slate .mc-command-lower-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v16_1321 — Command View Snapshot header alignment polish.
   Keep the Command View timeline logic unchanged while matching the cleaner
   mobile hierarchy: selected instrument + quote on top, centered date controls
   with the Snapshot Timeline label directly above them. */
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-card-head {
  display: grid !important;
  grid-template-columns: minmax(16rem, 25rem) minmax(10rem, 1fr) !important;
  align-items: end !important;
  gap: 0.9rem !important;
  width: 100% !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select-row {
  min-width: 0 !important;
  width: 100% !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
  padding: 0 0.05rem 0.08rem !important;
  color: rgba(226, 232, 240, 0.96) !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-price {
  color: rgba(241, 245, 249, 0.98) !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-change {
  color: rgba(52, 211, 153, 0.96) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-change.is-green {
  color: rgba(52, 211, 153, 0.98) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-change.is-red {
  color: rgba(248, 113, 113, 0.98) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.40rem !important;
  width: 100% !important;
  margin-bottom: 0.54rem !important;
  padding-top: 0.54rem !important;
  text-align: center !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineLabel {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-date-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.46rem !important;
  width: 100% !important;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-card-head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
    justify-content: flex-start !important;
    padding-top: 0.12rem !important;
  }
}

/* v16_1322 — Command View Snapshot vertical tighten.
   Move the Snapshot Timeline label/date controls into the top control row so
   they visually line up with the index selector, then pull the slot rail up. */
html.mc-shell-command-slate .mc-command-snapshot-card {
  display: grid !important;
  grid-template-columns: minmax(17rem, 31rem) minmax(25rem, 1fr) minmax(12rem, 16rem) !important;
  grid-template-areas:
    "selector timelineControls quote"
    "timelineRail timelineRail timelineRail" !important;
  align-items: end !important;
  column-gap: 1.05rem !important;
  row-gap: 0.44rem !important;
  padding-top: 0.64rem !important;
  padding-bottom: 0.58rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-card-head,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile {
  display: contents !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block {
  grid-area: selector !important;
  align-self: end !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
  grid-area: quote !important;
  align-self: end !important;
  justify-content: flex-end !important;
  padding-bottom: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  grid-area: timelineControls !important;
  align-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.36rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0.02rem !important;
  text-align: center !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineLabel {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-date-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.44rem !important;
  width: 100% !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-scroll-shell {
  grid-area: timelineRail !important;
  margin-top: 0.10rem !important;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "selector"
      "quote"
      "timelineControls"
      "timelineRail" !important;
    align-items: stretch !important;
    row-gap: 0.54rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
    justify-content: flex-start !important;
    padding-bottom: 0 !important;
  }
}

/* v16_1323 — Command View Snapshot best-layout alignment.
   Shorten the index selector and balance the left/right control columns so the
   Snapshot Timeline label and date selector sit visually dead center above the
   full-width timeline rail. */
html.mc-shell-command-slate .mc-command-snapshot-card {
  grid-template-columns: minmax(14rem, 22rem) minmax(30rem, 1fr) minmax(14rem, 22rem) !important;
  grid-template-areas:
    "selector timelineControls quote"
    "timelineRail timelineRail timelineRail" !important;
  column-gap: 1rem !important;
  row-gap: 0.36rem !important;
  align-items: end !important;
  padding-top: 0.64rem !important;
  padding-bottom: 0.55rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block {
  grid-area: selector !important;
  width: 100% !important;
  max-width: 22rem !important;
  min-width: 0 !important;
  align-self: end !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select-row,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select {
  width: 100% !important;
  max-width: 22rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  grid-area: timelineControls !important;
  justify-self: center !important;
  align-self: end !important;
  width: min(100%, 34rem) !important;
  max-width: 34rem !important;
  padding: 0 0 0.02rem !important;
  margin: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineLabel {
  font-size: 0.70rem !important;
  letter-spacing: 0.13em !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-date-controls {
  justify-content: center !important;
  gap: 0.44rem !important;
  width: 100% !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
  grid-area: quote !important;
  justify-self: end !important;
  align-self: end !important;
  width: 100% !important;
  max-width: 22rem !important;
  justify-content: flex-end !important;
  padding-bottom: 0.34rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-scroll-shell {
  grid-area: timelineRail !important;
  margin-top: 0.08rem !important;
}

@media (max-width: 1380px) {
  html.mc-shell-command-slate .mc-command-snapshot-card {
    grid-template-columns: minmax(13rem, 19rem) minmax(27rem, 1fr) minmax(13rem, 19rem) !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select-row,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
    max-width: 19rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
    width: min(100%, 32rem) !important;
    max-width: 32rem !important;
  }
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "selector"
      "quote"
      "timelineControls"
      "timelineRail" !important;
    align-items: stretch !important;
    row-gap: 0.54rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select-row,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
    max-width: 100% !important;
    width: 100% !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
    justify-self: stretch !important;
    justify-content: flex-start !important;
    padding-bottom: 0 !important;
  }
}

/* v16_1324 — Command View Snapshot timeline spacing polish.
   Keep the centered Snapshot Timeline/date controls from v16_1323, but add a
   small amount of breathing room before the full-width slot rail so the time
   capsules do not feel squeezed against the controls above. */
html.mc-shell-command-slate .mc-command-snapshot-card {
  row-gap: 0.48rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-scroll-shell {
  margin-top: 0.22rem !important;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card {
    row-gap: 0.58rem !important;
  }
}

/* v16_1325 — Command Snapshot header-row refine.
   Align the Snapshot Timeline label with the selector label row, keep the
   date selector centered on the second line, and add a touch more breathing
   room above/below the timeline rail without changing timeline behavior. */
html.mc-shell-command-slate .mc-command-snapshot-card {
  align-items: stretch !important;
  row-gap: 0.66rem !important;
  padding-bottom: 0.76rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  align-self: stretch !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 0.38rem !important;
  min-height: 3.18rem !important;
  width: min(100%, 36rem) !important;
  max-width: 36rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineLabel {
  align-self: start !important;
  padding-top: 0.02rem !important;
  line-height: 1.12 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-date-controls {
  align-self: end !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
  align-self: end !important;
  padding-bottom: 0.32rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-scroll-shell {
  margin-top: 0.32rem !important;
  margin-bottom: 0.10rem !important;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card {
    row-gap: 0.64rem !important;
    padding-bottom: 0.74rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* v16_1326 — Command Snapshot timeline controls nudge.
   Move only the Snapshot Timeline label/date-control group slightly lower so it
   visually lines up better with the selector row, while preserving the timeline
   rail breathing room from v16_1325. */
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  transform: translateY(0.34rem) !important;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
    transform: none !important;
  }
}

/* v16_1327 — Command Snapshot selector width centering.
   Shorten the left market/index selector and balance the right quote column so
   the Snapshot Timeline label/date controls sit closer to the true visual
   center of the Command View Snapshot panel. Timeline rail behavior unchanged. */
html.mc-shell-command-slate .mc-command-snapshot-card {
  grid-template-columns: minmax(12rem, 18rem) minmax(31rem, 1fr) minmax(12rem, 18rem) !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select-row,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
  max-width: 18rem !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  width: min(100%, 37rem) !important;
  max-width: 37rem !important;
}

@media (max-width: 1380px) {
  html.mc-shell-command-slate .mc-command-snapshot-card {
    grid-template-columns: minmax(11rem, 16rem) minmax(28rem, 1fr) minmax(11rem, 16rem) !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select-row,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
    max-width: 16rem !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
    width: min(100%, 35rem) !important;
    max-width: 35rem !important;
  }
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select-row,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-select,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head,
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* v16_1328 — Command Snapshot timeline controls true-center polish.
   Center the Snapshot Timeline label/date selector over the full timeline rail
   instead of only the middle grid column, so the date capsule visually lands
   between the middle timeline slots. Timeline rail spacing/behavior unchanged. */
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  align-self: start !important;
  width: min(100%, 38rem) !important;
  max-width: 38rem !important;
  transform: translateY(0.34rem) !important;
  z-index: 1 !important;
}

html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-selector-block,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-snapshot-top-quote {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

/* v16_1329 — Command Snapshot controls rail-center correction.
   Shift the Snapshot Timeline label/date selector group left from full-card
   center so the date capsule visually lands over the middle timeline slots
   around the 2:30/2:45 midpoint. Timeline slots/behavior unchanged. */
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
  --mc-command-snapshot-control-shift: clamp(3.75rem, 6vw, 6.5rem);
  transform: translateX(calc(-1 * var(--mc-command-snapshot-control-shift))) translateY(0.34rem) !important;
}

@media (max-width: 1180px) {
  html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-timeline-tile-head {
    --mc-command-snapshot-control-shift: 0rem;
    transform: none !important;
  }
}


/* v16_1330: Final close snapshot slot should read 4:00 PM / CLOSED · READY, not NOW. */
html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-closed-ready-final span {
  color: #67e8f9 !important;
  font-size: 0.52rem !important;
  letter-spacing: 0.070em !important;
  white-space: nowrap !important;
}

html.mc-shell-command-slate .mc-command-strip-quarter-controls .mc-command-strip-timeline-button.is-closed-ready-final b {
  color: rgba(226, 232, 240, 0.96) !important;
}

/* v16_1333 COMMAND VIEW LEFT RAIL TITLE POLISH
   Make the desktop rail title read as the active cockpit mode instead of a quiet section label. */
html.mc-shell-command-slate .mc-command-left-rail > .mc-command-rail-label:first-child {
  position: relative;
  margin: 0 0 0.78rem !important;
  padding: 0.16rem 0 0.18rem 0.72rem !important;
  font-size: 0.78rem !important;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #67e8f9;
  text-shadow: 0 0 1.05rem rgba(34, 211, 238, 0.42);
}

html.mc-shell-command-slate .mc-command-left-rail > .mc-command-rail-label:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.12rem;
  bottom: 0.1rem;
  width: 0.18rem;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(103, 232, 249, 1), rgba(34, 211, 238, 0.35));
  box-shadow: 0 0 0.9rem rgba(34, 211, 238, 0.45);
}

@media (max-height: 820px) and (min-width: 1024px) and (pointer: fine) {
  html.mc-shell-command-slate .mc-command-left-rail > .mc-command-rail-label:first-child {
    margin-bottom: 0.58rem !important;
    font-size: 0.74rem !important;
  }
}

/* v16_1336 — Command View final-close timeline breathing room.
   Give the right edge of the Snapshot Timeline rail enough scrollable padding
   so the 4:00 PM CLOSED · READY chip does not look clipped on refresh load. */
html.mc-shell-command-slate .mc-command-snapshot-card #mcCommandTimelineSlots,
html.mc-shell-command-slate .mc-command-snapshot-card .mc-command-strip-quarter-controls {
  padding-right: 1.15rem !important;
  scroll-padding-right: 1.15rem !important;
}