/**
 * Гостевые превью трекеров: приглушённая серая палитра (демо без «живых» цветов).
 * Подключается только на страницах трекеров для неавторизованных.
 */

:root {
  --guest-demo-accent: #6b7280;
  --guest-demo-accent-dark: #4b5563;
  --guest-demo-soft: #f3f4f6;
  --guest-demo-border: #e5e7eb;
  --guest-demo-muted: #9ca3af;
  --guest-demo-chart-bar: rgba(107, 114, 128, 0.55);
  --guest-demo-chart-line: #64748b;
  --guest-demo-chart-fill: rgba(100, 116, 139, 0.12);
  --guest-demo-goal: #9ca3af;
}

/* —— Статистика —— */
.stats-guest__preview .stats-period-switch {
  background: var(--guest-demo-soft);
}

.stats-guest__preview .stats-period-switch__btn.is-active {
  background: var(--guest-demo-accent);
  color: #fff;
}

.stats-guest__preview .stats-period-switch__btn:not(.is-active) {
  color: var(--guest-demo-muted);
}

.stats-guest__preview .stats-chart-card {
  border-color: var(--guest-demo-border);
}

/* —— Вода —— */
.water-guest__preview {
  --water-guest-accent: #bae6fd;
  --water-guest-accent-text: #64748b;
  --water-guest-soft: #f8fafc;
  --water-guest-border: #e8eef4;
  --water-guest-muted: #cbd5e1;
}

.water-guest__preview .water-progress {
  border-color: var(--water-guest-border);
}

.water-guest__preview .water-progress__ring {
  background: conic-gradient(
    var(--water-guest-accent) 0 var(--water-pct),
    #f0f9ff var(--water-pct) 100%
  );
}

.water-guest__preview .water-progress__bar {
  background: #eef4f8;
}

.water-guest__preview .water-progress__bar span {
  background: linear-gradient(90deg, #dbeafe, var(--water-guest-accent));
}

.water-guest__preview .water-progress__pct,
.water-guest__preview .water-progress__value {
  color: var(--water-guest-accent-text);
}

.water-guest__preview .water-progress__sub {
  color: #94a3b8;
}

.water-guest__preview .water-preset-btn {
  background: #f8fcff;
  border-color: #dbeafe;
  color: var(--water-guest-accent-text);
  opacity: 1;
}

.water-guest__preview .water-preset-btn:disabled {
  opacity: 1;
}

.water-guest__preview .water-preset-btn__hint,
.water-guest__preview .water-preset-btn__label {
  color: inherit;
}

.water-guest__preview .water-preset-btn__icon-wrap {
  display: flex;
}

.water-guest__preview .water-preset-btn__icon-wrap::before {
  display: none;
}

.water-guest__preview .water-preset-btn:disabled .water-preset-btn__icon-wrap {
  opacity: 0.72;
  transform: none;
}

.water-guest__preview .water-entries__item {
  border-color: var(--water-guest-border);
  background: var(--water-guest-soft);
}

.water-guest__preview .water-profile-target {
  background: var(--water-guest-soft);
  border-color: var(--water-guest-border);
}

/* —— Вес (превью): демо-макет; кнопка записи — серая (неактивна), акценты прогресса — как в журнале —— */
.weight-guest__preview .weight-streak__text strong {
  color: #111827;
}

.weight-guest__preview .weight-panel__goal-progress,
.weight-guest__preview .weight-panel__goal-link {
  color: #15803d;
}

.weight-guest__preview .weight-days__dot--filled {
  background: #22c55e;
  border-color: #22c55e;
}

.weight-guest__preview .weight-days__dot--active {
  outline-color: #86efac;
}

.weight-guest__preview .weight-days__dot--filled.weight-days__dot--active {
  background: #16a34a;
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #86efac;
}

.weight-guest__preview .weight-panel {
  border-color: #e5e7eb;
}

.weight-guest__preview .weight-form__save,
.weight-guest__preview .weight-form__save--guest-demo,
.weight-guest__preview .weight-form__save:disabled {
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  color: #9ca3af !important;
  font-weight: 600;
  opacity: 1 !important;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.weight-guest__preview .weight-badge--unlocked {
  background: var(--guest-demo-soft);
  border-color: var(--guest-demo-border);
}

.weight-guest__preview .weight-badge--unlocked .weight-badge__icon {
  color: var(--guest-demo-muted);
}

.weight-guest__preview .weight-delta--down,
.weight-guest__preview .weight-delta--up {
  color: var(--guest-demo-accent-dark);
}

.weight-guest__preview .weight-streak__flame {
  filter: grayscale(1);
  opacity: 0.65;
}

/* Кнопки [tracker_links] / переходы между трекерами — только tracker-links.css, без серой палитры. */

/* —— Дневник (демо серия и достижения для гостей) —— */
.diary-guest__preview .diary-streak,
.diary-guest__preview .diary-days,
.diary-guest__preview .diary-badges {
  border-color: var(--guest-demo-border);
  background: var(--guest-demo-soft);
}

.diary-guest__preview .diary-streak__text,
.diary-guest__preview .diary-streak__goal,
.diary-guest__preview .diary-badges__title,
.diary-guest__preview .diary-badge__label {
  color: var(--guest-demo-accent-dark);
}

.diary-guest__preview .diary-streak__text strong {
  color: var(--guest-demo-accent-dark);
}

.diary-guest__preview .diary-streak__goal {
  color: var(--guest-demo-muted);
}

.diary-guest__preview .diary-streak__flame {
  filter: grayscale(1);
  opacity: 0.65;
}

.diary-guest__preview .diary-days__dot {
  background: #e2e8f0;
}

.diary-guest__preview .diary-days__dot--filled {
  background: var(--guest-demo-muted);
}

.diary-guest__preview .diary-days__dot--active {
  outline-color: var(--guest-demo-accent);
}

.diary-guest__preview .diary-days__dot--filled.diary-days__dot--active {
  background: var(--guest-demo-accent-dark);
}

.diary-guest__preview .diary-badge {
  background: #f3f4f6;
  border-color: var(--guest-demo-border);
  opacity: 0.72;
  filter: grayscale(0.35);
}

.diary-guest__preview .diary-badge--unlocked {
  background: var(--guest-demo-soft);
  border-color: var(--guest-demo-border);
  opacity: 0.85;
  filter: grayscale(0.25);
}

.diary-guest__preview .diary-badge__icon {
  color: var(--guest-demo-muted);
}

.diary-guest__preview .diary-badge--unlocked .diary-badge__icon {
  color: var(--guest-demo-accent);
}