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

/* Боковое меню рабочего места */

.ig-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: var(--size-sidebar);
}

.ig-nav__group {
  padding: var(--space-3) var(--space-3) var(--space-1);
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-600);
}

.ig-nav__item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  height: 36px;
  padding: 0 var(--space-3);
  border-radius: var(--radius-md);
  color: var(--ink-900);
  text-decoration: none;
  font-weight: 500;
}

.ig-nav__item:hover {
  background: var(--surface-100);
}

.ig-nav__item[aria-current="page"] {
  background: var(--brand-50);
  color: var(--brand-700);
}

.ig-nav__item .ig-icon {
  color: var(--ink-600);
}

.ig-nav__item[aria-current="page"] .ig-icon {
  color: var(--brand-600);
}

.ig-nav__count {
  margin-left: auto;
  font-size: 12px;
  color: var(--ink-600);
}