/* Утилиты — последний слой, побеждает компоненты без !important. */
@layer utilities {
.hidden { display: none; }
.hidden-pane { display: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none; transition: none; }
  /* Спиннеры — индикатор процесса, не декорация: оставляем, но медленнее. */
  .as-spin,
  .btn[data-loading]::after,
  .input-btn[data-loading]::after { animation: spin 1.2s linear infinite; }
  /* Прорисовка галочки/креста отключена — иконки видны сразу целиком. */
  .activation-status .as-icon path,
  .force-recharge .cb svg path { stroke-dasharray: none; stroke-dashoffset: 0; }
  /* Чекбокс: без прорисовки галочка показывается мгновенной сменой opacity. */
  .force-recharge .cb svg { opacity: 0; }
  .force-recharge input:checked + svg { opacity: 1; }
}
}