/* Блок ig-bdays. Добавлен при переносе (решение Никиты 21.09.2026): экран «Дни рождения» -
   сетка месяца с именинниками по дням, только просмотр; в выгрузке дизайна экрана нет,
   стили собраны из токенов и ig-cal. */

.ig-bdays {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  overflow: auto;
}

.ig-bdays__nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.ig-bdays__nav .ig-cal__btn {
  color: var(--ink-900);
}

.ig-bdays__weekdays,
.ig-bdays__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.ig-bdays__weekday {
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-600);
}

.ig-bdays__weekday--weekend {
  color: var(--warning-700);
}

.ig-bdays__grid {
  flex: 1 1 auto;
  grid-auto-rows: minmax(96px, 1fr);
  gap: 1px;
  border: 1px solid var(--border-200);
  border-radius: var(--radius-md);
  background: var(--border-200);
  overflow: hidden;
}

.ig-bdays__day {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 10px;
  background: var(--surface-0);
}

.ig-bdays__day--other {
  background: var(--surface-50);
}

.ig-bdays__num {
  align-self: flex-start;
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink-900);
}

.ig-bdays__day--weekend .ig-bdays__num {
  color: var(--warning-700);
}

.ig-bdays__day--other .ig-bdays__num {
  color: var(--ink-400);
}

.ig-bdays__day--today .ig-bdays__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: var(--brand-600);
  color: var(--ink-0);
}

.ig-bdays__person {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 6px;
  border-radius: var(--radius-sm);
  background: var(--success-50);
  color: var(--success-600);
}

.ig-bdays__person .ig-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.ig-bdays__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ig-bdays__name,
.ig-bdays__dept {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ig-bdays__name {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink-900);
}

.ig-bdays__dept {
  font-size: 11px;
  color: var(--ink-600);
}