/* Снапшот-режим: отключаем интерактивы, которые не работают в статике. */

/* Скрываем пункты меню «API ключи» (Settings) и «Log» */
aside nav a[href="/demo/settings"],
aside nav a[href="/demo/log"],
aside a[href="/demo/settings"],
aside a[href="/demo/log"] {
  display: none !important;
}

/* PeriodSelector — кнопки смены периода. Идентифицируем по типичным меткам. */
[data-snapshot-disabled],
button[aria-label*="период" i],
button[title*="период" i] {
  pointer-events: none !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Меньшая прозрачность для всей панели PeriodSelector если она есть */
.period-selector,
.PeriodSelector,
[data-period-selector] {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

/* Бейдж «снапшот» в правом нижнем углу */
.snapshot-badge {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 9999;
  background: rgba(34, 197, 94, 0.92);
  color: white;
  padding: 6px 12px;
  border-radius: 999px;
  font: 600 11px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  pointer-events: none;
}