:root {
  /* Основные цвета приложения */
  --wg-brand: #1f3b79;   /* фирменный синий цвет */
  --wg-line: #e7e9ee;    /* цвет границ/линий */
}

body {
  /* Базовый шрифт интерфейса */
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto,
               Helvetica, Arial, "Noto Sans", sans-serif;
}

.card {
  /* Карточки: тонкая серая рамка */
  border: 1px solid var(--wg-line);
}

.chart-box {
  /* Контейнер для графиков */
  position: relative;
  height: 320px;
  min-height: 260px;
  max-height: 420px;
}

/* График занимает всю ширину/высоту контейнера */
.chart-box canvas {
  width: 100% !important;
  height: 100% !important;
}

/* Переопределение высоты (если нужно фиксировать ниже) */
.chart-box {
  height: 260px;
}