/* ============================================================
   DS COMPONENT · Switch — тумблер темы (солнце/луна)
   Слой: assets/ds/components/  (независимый Design System)
   Источник истины: эталон дизайна §12 (.theme-switch / .ts-thumb).
   Извлечён из legacy assets/dc-ui.css (.dcx-theme-switch) БЕЗ изменения
   поведения: та же геометрия 52x28, thumb 22px, translateX(24px) в light,
   солнце/луна по data-theme. Токены переведены на ядро --ds-*.
   Публичный API:
     .ds-theme-switch                — контейнер (button[role=switch])
     .ds-theme-switch__thumb         — ползунок
     .ds-theme-switch__moon / __sun  — иконки, показ по теме
   ============================================================ */
.ds-theme-switch{
  position:relative; flex:none;
  width:52px; height:28px; min-height:0;
  border-radius:999px; padding:0; cursor:pointer;
  background:var(--ds-seg-bg); border:1px solid var(--ds-seg-bd);
  box-shadow:none; transition:background var(--ds-dur);
  /* Кегль/начертание/цвет — свои, а не унаследованные от страницы: глобальные правила
     admin-core.css для `button` есть в админке и отсутствуют на ленте, из-за чего один и
     тот же компонент давал разный computed-style. Значения — канон админской кнопки. */
  font-size:11px; font-weight:480; color:var(--ds-muted,#4a5566);
}
.ds-theme-switch__thumb{
  position:absolute; top:2px; left:2px; width:22px; height:22px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--ds-brand-1),var(--ds-brand-2));
  display:grid; place-items:center;
  transition:transform .28s cubic-bezier(.4,1.1,.5,1);
}
:root[data-theme="light"] .ds-theme-switch__thumb{ transform:translateX(24px); }
.ds-theme-switch__thumb svg{
  width:13px; height:13px; stroke:#fff; fill:none;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
.ds-theme-switch__sun{ display:none; }
.ds-theme-switch__moon{ display:block; }
:root[data-theme="light"] .ds-theme-switch__sun{ display:block; }
:root[data-theme="light"] .ds-theme-switch__moon{ display:none; }

/* LEGACY-ОВЕРРАЙД (временный, НЕ часть чистого DS).
   Тумблер рендерится в админ-сайдбаре, где admin-core.css задаёт глобальное
   button{...!important}. Пока это правило не вычищено (будущий шаг чистки
   admin-core global !important), нужен !important — иначе кнопка станет
   оранжевой. Удалить этот блок вместе с глобальным !important в admin-core. */
body.admin-mode .ds-theme-switch{
  width:52px!important; height:28px!important; min-height:0!important;
  border-radius:999px!important; padding:0!important;
  background:var(--ds-seg-bg)!important; border:1px solid var(--ds-seg-bd)!important;
  box-shadow:none!important;
}