/* ============================================================
   DS COMPONENT · Status Badge — статичный бейдж статуса сущности.
   Слой: assets/ds/components/  (независимый Design System).
   Источник внешнего вида: эталон §11 .badge (h22 / radius999 / font 500).
   Извлечён из живого dashboard .adx-inbox__badge (в коде помечен «канон по §11»).
   СТАТИЧНЫЙ — без hover/focus/disabled.

   ВАЖНО про варианты: имена = состояние рабочего процесса заявки, НЕ success/
   warning/danger. Цвет назначается ВНУТРИ компонента и сохранён 1:1 из legacy
   (0-visual). Созданы только 3 варианта под ЖИВЫЕ состояния «Входящих заявок»
   (viewing/selecting/selected) — без запаса вариантов без потребителей.
     viewing   — участник СМОТРИТ заявку (просмотр, ещё не действует)  → красный тинт
     selecting — участник В ПРОЦЕССЕ выбора приза                      → янтарь
     selected  — участник ЗАВЕРШИЛ выбор (выбрал/забронировал)         → зелёный
   Красный/янтарь здесь — не «ошибка/предупреждение», а привлечение внимания к
   стадии процесса; поэтому имена нейтральные, а не danger/warning.
   ============================================================ */
.ds-status-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:22px;
  padding:0 10px;
  border-radius:999px;
  font:500 11px/1 var(--ds-ui-font);
  white-space:nowrap;
}
.ds-status-badge__dot{
  width:6px; height:6px; border-radius:50%;
  background:currentColor; flex:none;
}

/* тёмная тема (эталон) */
.ds-status-badge--viewing{ background:rgba(255,51,51,.15); color:#ff6b6b; }
.ds-status-badge--selecting{ background:rgba(245,197,24,.16); color:#f5c518; }
.ds-status-badge--selected{ background:rgba(47,208,122,.16); color:#2fd07a; }

/* светлая тема — читаемые оттенки на белом (сохранены из legacy 1:1) */
:root[data-theme="light"] .ds-status-badge--viewing{ background:rgba(255,51,51,.12); color:#c62828; }
:root[data-theme="light"] .ds-status-badge--selecting{ background:rgba(214,158,0,.15); color:#8a6100; }
:root[data-theme="light"] .ds-status-badge--selected{ background:rgba(47,208,122,.16); color:#1a7d47; }