/* Оформление админки поверх Bootstrap. Палитра графиков — в dashboard.js. */

body {
  background: var(--bs-body-bg);
}

.navbar {
  background: var(--bs-body-bg);
}

/* KPI-плитки */
.stat-card .card-body {
  padding: 1rem 1.15rem;
}
.stat-label {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0.25rem;
}
.stat-value {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.1;
}
.stat-sub {
  font-size: 0.78rem;
  margin-top: 0.2rem;
}

/* Числовые колонки выравниваем моноширинными цифрами */
.tabular {
  font-variant-numeric: tabular-nums;
}

/* Обёртка графика с фиксированной высотой — Chart.js растягивается по ней */
.chart-wrap {
  position: relative;
  height: 300px;
}

table tr[role="button"] {
  cursor: pointer;
}

/* QR-код привязки аутентификатора. SVG генерируется на сервере и вставляется инлайном —
   наружу за картинкой не ходим, секрет не должен покидать сервер. Белая подложка нужна,
   чтобы код читался и в тёмной теме: сканеры ждут тёмное на светлом. */
.qr-box {
  background: #fff;
  padding: 0.75rem;
  border-radius: 0.5rem;
  display: inline-block;
  line-height: 0;
}
.qr-box svg {
  width: 200px;
  height: 200px;
  display: block;
}