/* Блок ig-pill. Перенесён из выгрузки 2. Дизайн/1. этап/2026-09-19 (components.css, blocks/shell.css). */

/* Пилюли навигации и чипы */

.ig-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: var(--size-control);
  padding: 0 13px 0 11px;
  box-sizing: border-box;
  background: var(--surface-0);
  border: 1px solid var(--border-200);
  border-radius: var(--radius-pill);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-900);
  text-decoration: none;
  cursor: pointer;
}

.ig-pill:hover {
  border-color: var(--brand-200);
  background: var(--surface-100);
}

.ig-pill--active {
  background: var(--brand-50);
  border-color: var(--brand-200);
  color: var(--brand-700);
}

.ig-pill .ig-icon {
  color: var(--brand-600);
}

/* Пилюля «Управление» - видна только администратору, выделена рамкой */

.ig-pill--manage {
  border-color: #b9dde2;
  color: var(--brand-700);
}

/* Добавлено при переносе: раздел ещё не построен - пилюля без ссылки и без реакции на наведение */

.ig-pill[aria-disabled="true"] {
  cursor: default;
  color: var(--ink-400);
}

.ig-pill[aria-disabled="true"]:hover {
  border-color: var(--border-200);
  background: var(--surface-0);
}

.ig-pill[aria-disabled="true"] .ig-icon {
  color: var(--ink-400);
}