/* ==========================================================================
   AirCrewCentral — иконки
   Спрайт: public/SPTheme/img/acc/icons.svg (45 иконок)
   Разметка: resources/views/layouts/SPTheme/partials/ui/icon.blade.php

   Цвет берётся из currentColor родителя — иконка всегда в тон тексту.
   Отдельно красить не нужно, достаточно поставить класс цвета на контейнер.
   ========================================================================== */

.acc-i {
  display: inline-block;
  vertical-align: -0.125em;
  flex: 0 0 auto;
  color: inherit;
  /* Штрихи не должны утолщаться при масштабировании иконки */
  vector-effect: non-scaling-stroke;
}

/* Размеры. Больше 32 иконки не растим — линия 1.75 начинает выглядеть
   тонкой, для крупных размеров нужен отдельный рисунок. */
.acc-i--16 { width: 16px; height: 16px; }
.acc-i--20 { width: 20px; height: 20px; }
.acc-i--24 { width: 24px; height: 24px; }
.acc-i--32 { width: 32px; height: 32px; }

/* Иконка внутри кнопки — подстраивается под кегль */
.acc-btn .acc-i {
  width: 1.15em;
  height: 1.15em;
}

/* Приглушённая иконка: для неактивных состояний */
.acc-i--dim { opacity: 0.45; }

/* Пульсация — только для индикатора активности.
   Больше нигде не применять, иначе интерфейс начнёт мигать. */
.acc-i--live { animation: acc-i-live 2s ease-in-out infinite; }

@keyframes acc-i-live {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
  .acc-i--live { animation: none; }
}