/* Investined mobile opportunities + provider alignment v6.
   Presentation only: no scanner/ranking logic. */

/* Keep Live Monitoring, connected exchange and Add Exchange aligned. */
.exchange-monitor{
  width:164px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  justify-items:stretch!important;
}
.exchange-monitor .monitor-pill{
  width:164px!important;
  height:58px!important;
  min-height:58px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.exchange-monitor .monitor-pill.provider{height:58px!important;min-height:58px!important;padding:9px 14px!important}
.exchange-monitor .provider-logo{
  display:block!important;
  width:118px!important;
  height:31px!important;
  max-width:118px!important;
  max-height:31px!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media (max-width:760px){
  .session-card-head{grid-template-columns:minmax(0,1fr) 132px!important;gap:14px!important}
  .exchange-monitor{width:132px!important;gap:8px!important}
  .exchange-monitor .monitor-pill{
    width:132px!important;
    height:54px!important;
    min-height:54px!important;
    padding:7px 9px!important;
    font-size:7px!important;
    letter-spacing:.035em!important;
  }
  .exchange-monitor .monitor-pill.provider{height:54px!important;min-height:54px!important;padding:8px 10px!important}
  .exchange-monitor .provider-logo{
    width:102px!important;
    height:27px!important;
    max-width:102px!important;
    max-height:27px!important;
  }

  /* Mobile card: symbol + direction/type, then ATR/RR/status and a real chart. */
  #opportunityFeed .opportunity-summary.investined-glance-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,.88fr) 64px!important;
    grid-template-areas:
      "symbol bias quality"
      "atr rr status"
      "chart chart status"!important;
    column-gap:12px!important;
    row-gap:15px!important;
    min-height:0!important;
    padding:22px 16px 20px!important;
    align-items:start!important;
  }
  #opportunityFeed .glance-rank{
    position:absolute!important;
    top:13px!important;
    left:14px!important;
    z-index:2!important;
    width:auto!important;
    text-align:left!important;
  }
  #opportunityFeed .glance-rank b{font-size:10px!important;color:#777!important}

  #opportunityFeed .glance-symbol{grid-area:symbol!important;padding-left:28px!important;min-width:0!important}
  #opportunityFeed .glance-symbol strong{font-size:21px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #opportunityFeed .glance-symbol small{margin-top:8px!important;font-size:9px!important;white-space:nowrap!important}

  #opportunityFeed .glance-bias{grid-area:bias!important;min-width:0!important;text-align:left!important}
  #opportunityFeed .glance-bias strong{font-size:16px!important;white-space:nowrap!important}
  #opportunityFeed .glance-trade-type{margin-top:8px!important;padding:4px 7px!important;font-size:7px!important;white-space:nowrap!important}

  #opportunityFeed .glance-quality{grid-area:quality!important;align-self:start!important;text-align:center!important}
  #opportunityFeed .quality-hex{width:50px!important;height:47px!important;font-size:21px!important}
  #opportunityFeed .glance-quality small{margin-top:5px!important;font-size:11px!important}

  #opportunityFeed .glance-atr{grid-area:atr!important;text-align:left!important;padding-top:4px!important}
  #opportunityFeed .glance-rr{grid-area:rr!important;text-align:left!important;padding-top:4px!important}
  #opportunityFeed .glance-atr strong,#opportunityFeed .glance-rr strong{font-size:17px!important}
  #opportunityFeed .glance-atr small,#opportunityFeed .glance-rr small{margin-top:6px!important;font-size:7px!important;line-height:1.25!important}
  #opportunityFeed .glance-atr:before,#opportunityFeed .glance-rr:before{
    display:block!important;
    margin-bottom:6px!important;
    color:#666!important;
    font-size:7px!important;
    font-weight:800!important;
    letter-spacing:.1em!important;
    text-transform:uppercase!important;
  }
  #opportunityFeed .glance-atr:before{content:'ATR %'}
  #opportunityFeed .glance-rr:before{content:'R/R POTENTIAL'}

  #opportunityFeed .glance-status{
    grid-area:status!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-width:0!important;
  }
  #opportunityFeed .glance-eta{font-size:9px!important;white-space:nowrap!important}
  #opportunityFeed .glance-eta:before{font-size:13px!important}
  #opportunityFeed .glance-status>strong{font-size:9px!important;line-height:1.25!important}
  #opportunityFeed .glance-progress{margin-top:1px!important}
  #opportunityFeed .glance-progress i{width:10px!important;height:10px!important}
  #opportunityFeed .glance-progress i+i{margin-left:9px!important}
  #opportunityFeed .glance-progress i+i:before{width:10px!important;right:9px!important;top:4px!important}
  #opportunityFeed .glance-plan{
    margin-top:auto!important;
    width:100%!important;
    min-width:0!important;
    padding:8px 5px!important;
    text-align:center!important;
    font-size:7px!important;
    white-space:nowrap!important;
  }

  #opportunityFeed .glance-chart{
    grid-area:chart!important;
    min-height:70px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    padding-top:2px!important;
  }
  #opportunityFeed .glance-chart svg{width:150px!important;height:66px!important;max-width:100%!important}
  #opportunityFeed .glance-chart-tf{margin-top:2px!important;font-size:7px!important}
  #opportunityFeed .glance-chart-empty{font-size:7px!important;color:#555!important;letter-spacing:.08em!important}
}

@media (max-width:390px){
  #opportunityFeed .opportunity-summary.investined-glance-row{
    grid-template-columns:minmax(0,1fr) minmax(0,.82fr) 58px!important;
    column-gap:9px!important;
    padding-left:13px!important;
    padding-right:13px!important;
  }
  #opportunityFeed .glance-symbol strong{font-size:19px!important}
  #opportunityFeed .glance-bias strong{font-size:14px!important}
  #opportunityFeed .quality-hex{width:46px!important;height:43px!important;font-size:19px!important}
  #opportunityFeed .glance-chart svg{width:136px!important;height:62px!important}
}

/* Engine logo sizing — intentionally scoped away from the Manifest. */
.engine-stage .sidebar .brand{
  width:100%!important;
  max-width:205px!important;
  height:145px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto 18px!important;
  transform:none!important;
}

@media (max-width:950px){
  .engine-stage .sidebar .brand{
    width:min(440px,94vw)!important;
    max-width:440px!important;
    height:165px!important;
    margin:0 auto!important;
    transform:scale(1.12)!important;
    transform-origin:center center!important;
  }
}

@media (max-width:620px){
  .engine-stage .sidebar .brand{
    width:min(420px,94vw)!important;
    max-width:420px!important;
    height:155px!important;
    transform:scale(1.15)!important;
  }
}