/* ARS-X 2.2 — дополнения для экранов на React (основные стили — arsx2.css и arsx21.css) */
.next-root { min-width: 0; }
.next-loading { display: flex; align-items: center; gap: 10px; padding: 28px; color: var(--muted); }
.next-spinner { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--line); border-top-color: var(--brand); animation: next-spin .8s linear infinite; }
@keyframes next-spin { to { transform: rotate(360deg); } }
.next-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--success, #16a34a); margin-right: 6px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--success, #16a34a) 20%, transparent); }
@media (prefers-reduced-motion: reduce) { .next-spinner { animation: none; } }