/* ============================================================
   CISMANGT MONITOR · GRÁFICO HISTÓRICO

   Estilos específicos para el gráfico BTC/USDT.
   ============================================================ */

.chart-live {
  height: 360px;
  min-height: 360px;

  margin:
    0
    18px
    10px;

  position: relative;
  overflow: hidden;

  border:
    1px solid rgba(79, 137, 221, 0.14);

  border-radius: 14px;

  background:
    rgba(4, 16, 30, 0.58);
}


.chart-live-message {
  position: absolute;
  inset: 0;

  z-index: 10;

  display: grid;
  place-items: center;

  padding: 24px;

  color: #93a8c7;

  font-size: 0.86rem;
  font-weight: 650;

  text-align: center;
  pointer-events: none;

  background:
    rgba(4, 16, 30, 0.72);
}


.chart-live-message.hidden {
  display: none;
}


.chart-live-message.error {
  color: #ffc2d0;

  background:
    rgba(45, 12, 25, 0.62);
}


.chart-history-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 16px;

  margin:
    0
    18px
    18px;

  color: #7187a8;

  font-size: 0.72rem;
  line-height: 1.4;
}


.chart-history-meta a {
  color: #7facdf;
  white-space: nowrap;
}


.chart-history-meta a:hover {
  color: #b8d8ff;
}


@media (max-width: 760px) {

  .chart-live {
    height: 320px;
    min-height: 320px;
  }


  .chart-history-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }
}