/* ============================================================
   ЦВЕТ ЦЕНТРА НА ВСЕХ ПЛАШКАХ v470 (07.10.2026, просьба владельца).
   Цвет — из «Администрирование → Центры», приходит переменной
   --center-color. Мерка та же, что у .center-chip: фон 14 %, текст
   цветом центра, рамка 30 %; в тёмной теме светлее. Без цвета плашка
   остаётся прежней.
   ============================================================ */

/* Страница сотрудника */
.employee-center[style*="--center-color"] {
  background: color-mix(in srgb, var(--center-color) 14%, transparent);
  color: var(--center-color);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--center-color) 30%, transparent);
}
[data-theme=dark] .employee-center[style*="--center-color"] {
  background: color-mix(in srgb, var(--center-color) 24%, transparent);
  color: color-mix(in srgb, var(--center-color) 55%, #ffffff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--center-color) 42%, transparent);
}

/* График: буква центра у смены в другом центре */
.sg-away[style*="--center-color"] { background: var(--center-color); color: #fff; }

/* Главная: плашки центров в приветствии. Название — цветом центра,
   точка по-прежнему показывает, открыт ли центр. */
.hg-chip.is-center[style*="--center-color"] {
  border-color: color-mix(in srgb, var(--center-color) 34%, var(--line));
  background: color-mix(in srgb, var(--center-color) 8%, var(--surface-card));
}
.hg-chip.is-center[style*="--center-color"] b { color: var(--center-color); font-weight: 800; }
[data-theme=dark] .hg-chip.is-center[style*="--center-color"] {
  border-color: color-mix(in srgb, var(--center-color) 45%, var(--line));
  background: color-mix(in srgb, var(--center-color) 16%, var(--surface-card));
}
[data-theme=dark] .hg-chip.is-center[style*="--center-color"] b { color: color-mix(in srgb, var(--center-color) 55%, #ffffff); }

/* --- общее с MAX (maxapp-v45.css) --- */
/* «Команда центра» (сайт и MAX): центры сотрудника в списке и в карточке */
.tc-chip.is-center[style*="--center-color"] {
  background: color-mix(in srgb, var(--center-color) 14%, transparent);
  color: var(--center-color);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--center-color) 30%, transparent);
}
[data-theme=dark] .tc-chip.is-center[style*="--center-color"] {
  background: color-mix(in srgb, var(--center-color) 24%, transparent);
  color: color-mix(in srgb, var(--center-color) 55%, #ffffff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--center-color) 42%, transparent);
}