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

/* Кнопки */

.ig-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: var(--size-control);
  padding: 0 var(--space-4);
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, border-color .15s, color .15s;
}

.ig-btn--primary {
  background: var(--brand-600);
  color: var(--ink-0);
}

.ig-btn--primary:hover {
  background: var(--brand-500);
}

.ig-btn--primary:active {
  background: var(--brand-700);
}

.ig-btn--secondary {
  background: var(--surface-0);
  color: var(--ink-900);
  border-color: var(--border-300);
}

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

.ig-btn--ghost {
  background: transparent;
  color: var(--brand-600);
  padding: 0 var(--space-2);
}

.ig-btn--ghost:hover {
  background: var(--surface-100);
  color: var(--brand-700);
}

.ig-btn--danger {
  background: var(--danger-600);
  color: var(--ink-0);
}

.ig-btn--danger:hover {
  background: #a82121;
}

.ig-btn--warning {
  background: var(--warning-700);
  color: var(--ink-0);
}

.ig-btn--sm {
  height: var(--size-control-sm);
  padding: 0 var(--space-3);
  border-radius: var(--radius-sm);
  font-size: 13px;
}

.ig-btn--lg {
  height: var(--size-control-lg);
  padding: 0 var(--space-5);
  font-size: 15px;
}

.ig-btn--block {
  width: 100%;
}

.ig-btn[disabled],
.ig-btn--disabled {
  opacity: .45;
  cursor: not-allowed;
  pointer-events: none;
}

/* Добавлено при переносе: кнопка-ссылка (переход по адресу) не перекрашивается базовым a:hover */

a.ig-btn--primary:hover {
  color: var(--ink-0);
}

a.ig-btn--secondary:hover {
  color: var(--ink-900);
}

/* Добавлено из выгрузки 2. Дизайн/3. этап/2026-09-22 (blocks/meetings.css): прозрачная опасная кнопка */

.ig-btn--danger-ghost {
  color: var(--danger-600);
}

/* Добавлено при переносе: основная кнопка боковой формы растягивается, «Отмена» остаётся узкой
   (в выгрузке 9.2, 10.2 был inline-стиль flex-grow) */

.ig-btn--grow {
  flex: 1 1 auto;
}

/* Добавлено из выгрузки 2. Дизайн/5. этап/2026-09-23 (blocks/objects.css) */

.ig-btn--outline {
  background: var(--surface-0);
  color: var(--brand-700);
  border-color: #b9dde2;
}

.ig-btn--outline:hover {
  background: var(--surface-100);
  color: var(--brand-700);
}

.ig-btn--muted {
  background: var(--surface-200);
  color: var(--ink-900);
}