/*
 * spinner.css — Team Portal UI primitive: rotating loader indicator.
 *
 * Companion to lib/spinner.js (Block 463/26.1.1 of task
 * radar-os--463-chains-and-atoms-architecture).
 *
 * CSS-only border circle with single transparent edge для visible rotating arc.
 * Customizable через CSS variables. `prefers-reduced-motion` disables animation
 * (border circle stays as static visual indicator).
 *
 * Loaded via <link> in team/index.html (after status-badge.css per visual primitives
 * group, before main mode pages).
 */

.spinner {
  display: inline-block;
  width: var(--spinner-size, 16px);
  height: var(--spinner-size, 16px);
  border: var(--spinner-thickness, 2px) solid var(--spinner-color, currentColor);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spinner-rotate 0.8s linear infinite;
  vertical-align: middle;
  box-sizing: border-box;
}

@keyframes spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}

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