/* icons.css — оформление кнопок-значков, общее для всех страниц.
   Заказчик: «У нас осталась архаичная кнопка "Удалить" с крестиком».
   Кнопки со значками должны выглядеть одинаково и в кабинете, и в генераторе,
   поэтому правила живут в одном файле. Цвета взяты с запасными значениями:
   на разных страницах набор переменных немного отличается. */
.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 9px;
  background: #fff;
  color: #4f5e74;
  border: 1px solid var(--line, #e3e8ef);
  box-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  font-family: inherit;
}
.icon-btn svg { width: 18px; height: 18px; }
.icon-btn:hover {
  color: var(--fg, #16202e);
  background: var(--bg, #f4f7fb);
  border-color: #cfd8e3;
}
.icon-btn:focus-visible { outline: 2px solid rgba(21, 96, 189, .35); }
/* Удаление — единственное действие, которое стоит выделять цветом. */
.icon-btn.danger:hover {
  color: var(--err, #c0392b);
  background: #fdf1ef;
  border-color: #eccfc9;
}
.icon-btn.primary {
  background: linear-gradient(140deg, var(--teal, #0f8f8f), #0b6f7a);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(11, 111, 122, .28);
}
.icon-btn.primary:hover {
  color: #fff;
  background: linear-gradient(140deg, #12a0a0, #0b6f7a);
}
.icon-btn[disabled] { opacity: .55; cursor: default; }
/* Кнопки-значки в строке таблицы стоят плотнее текстовых. */
.actions.tight { gap: 6px; }