@use "../abstracts/variables" as *;

.no-chart-surface {
  position: relative;
  width: 100%;
}

.no-request-timeline {
  position: relative;
  width: 100%;
  min-height: 320px;
}

.no-request-timeline__chart {
  display: block;
  width: 100%;
  min-height: 320px;
}

.no-chart-surface canvas,
.no-kpi-card__sparkline canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.no-chart-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: $spacing-md;
  text-align: center;
  color: $color-text-muted;
  border: 1px dashed $color-border;
  border-radius: $radius-card;
  background: $color-card-bg;
  font-size: $font-size-md;
}

@media (max-width: 768px) {
  .no-request-timeline,
  .no-request-timeline__chart {
    min-height: 260px;
  }
}
