/* Общие состояния панелей: загрузка, ошибка, пустой список, демо-режим.
   Используются и в кабинете, и на карте мест лендинга. */

.panel-loading,
.panel-error,
.panel-empty {
  padding: 24px 0;
  font-size: 0.9rem;
  text-align: center;
}

.panel-loading {
  color: var(--color-text-secondary);
  animation: panel-pulse 1.4s ease-in-out infinite;
}

.panel-error {
  color: var(--color-danger);
}

.panel-empty {
  color: var(--color-text-muted);
}

@keyframes panel-pulse {
  0%, 100% { opacity: 0.45; }
  50%      { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .panel-loading {
    animation: none;
    opacity: 0.7;
  }
}

/* Предупреждение о работе на демо-данных */
.mock-notice {
  margin: 0 0 4px 0;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 0.85rem;
  color: var(--color-warning);
  background: rgba(255, 190, 60, 0.08);
  border: 1px solid rgba(255, 190, 60, 0.25);
}

.seat-mock-note {
  margin-top: 16px;
  font-size: 0.8rem;
  color: var(--color-warning);
  text-align: center;
}