/* © SNDR FX 2026 — All rights reserved · проприетарный код, копирование запрещено */
/* ───────────── Выбор сетки графиков: попап у кнопки в шапке ───────────── */
/* Как попап обновлений: стекло рядом с кнопкой, позиция инлайн из JS */
.gridpick-popup {
  position: fixed;
  z-index: 400;
  width: 212px;
  max-width: calc(100vw - 16px);
  background: var(--popup-bg);
  backdrop-filter: blur(22px) saturate(1.3);
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  box-shadow: var(--shadow-hover);
  padding: 12px;
  animation: mkRise 0.1s var(--ease) backwards;
  transform-origin: top right;
}
.gridpick-popup.hidden { display: none; }
.gridpick-popup[data-dir="bottom"] { transform-origin: bottom right; }
.gridpick-popup[data-dir="left"] { transform-origin: top left; }
.gridpick-popup[data-dir="right"] { transform-origin: top right; }

.gridpick-title {
  font-size: var(--fs-h);
  font-weight: 700;
  letter-spacing: -0.2px;
  color: var(--text-primary);
}
.gridpick-sub {
  margin-top: 1px;
  font-size: var(--fs-small);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

/* матрица 4×4: один квадрат — один график, строго 1:1 */
.gridpick-matrix {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 10px;
}
.gridpick-cell {
  aspect-ratio: 1;
  border-radius: 7px;
  border: 1px solid var(--border);
  background: var(--menu-hover);
  cursor: pointer;
  padding: 0;
  transition: background var(--transition), border-color var(--transition),
              box-shadow var(--transition), transform 0.08s var(--ease);
}
.gridpick-cell:hover { border-color: var(--text-secondary); }
.gridpick-cell:active { transform: scale(0.94); }
.gridpick-cell.lit {
  background: var(--accent);
  border-color: transparent;
  box-shadow: 0 0 10px var(--accent-glow);
}