/* Crypnot Market Analysis v2.31 — polished financial line/view */
.cr-market-analysis-tv-stage{
  border-color:#dde0e3 !important;
  border-radius:17px !important;
  background:#fff !important;
}

/* Keep the live segment visually identical to the historical stroke. */
.cr-market-analysis-tv-chart canvas{
  image-rendering:auto;
}

/* A smaller, cleaner terminal marker like a native market chart. */
.cr-market-analysis-endpoint{
  width:8px !important;
  height:8px !important;
  margin:-4px 0 0 -4px !important;
  border:1.5px solid #fff !important;
  background:#0f0f0f !important;
  box-shadow:0 1px 4px rgba(0,0,0,.18) !important;
  transition:top .085s linear,left .18s linear,transform .15s ease,box-shadow .15s ease !important;
  will-change:left,top,transform !important;
}
.cr-market-analysis-endpoint.is-live-moving{
  transform:scale(1.14) !important;
  box-shadow:0 0 0 3px rgba(15,15,15,.055),0 1px 5px rgba(0,0,0,.18) !important;
}

/* Dots remain under the line, but read more like texture than a grid. */
.cr-market-analysis-tv-dots{
  opacity:.94 !important;
}
.cr-market-analysis-tv-dots .js-market-analysis-dot-area{
  opacity:.92 !important;
}

/* Give the plotted line a little more breathing room from the custom price rail. */
.cr-market-analysis-tv-chart{
  inset:0 68px 0 0 !important;
}
.cr-market-analysis-tv-dots{
  inset:0 68px 0 0 !important;
}
.cr-market-analysis-yaxis{
  right:7px !important;
  width:54px !important;
}
.cr-market-analysis-yaxis span{
  max-width:54px !important;
  color:#747474 !important;
  font-size:10px !important;
  font-weight:500 !important;
  letter-spacing:-.01em !important;
}

/* Make the watermark part of the chart rather than a competing element. */
.cr-market-analysis-watermark{
  opacity:.035 !important;
  width:min(205px,26%) !important;
}

/* Tooltip stays crisp and compact against the refined line. */
.cr-market-analysis-tooltip{
  border-color:rgba(17,17,17,.10) !important;
  border-radius:9px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.09) !important;
}

@media (max-width:640px){
  .cr-market-analysis-tv-stage{border-radius:14px !important;}
  .cr-market-analysis-tv-chart,
  .cr-market-analysis-tv-dots{right:56px !important;}
  .cr-market-analysis-yaxis{right:4px !important;width:46px !important;}
  .cr-market-analysis-yaxis span{max-width:46px !important;font-size:9.25px !important;}
  .cr-market-analysis-endpoint{width:7px !important;height:7px !important;margin:-3.5px 0 0 -3.5px !important;}
}
