/* ==========================================================================
   move-core — geteilte Design-Tokens + UI-Bausteine (Cursor/Ring/Status).
   AssistUK Design System (Blau #4b698c). Von allen „Move"-Apps geteilt.
   ========================================================================== */
:root {
  --mc-primary: #4b698c;
  --mc-primary-dark: #3a5a7c;
  --mc-deep: #1a3a6a;
  --mc-bg-0: #eef4fb;
  --mc-bg-1: #dfe8f3;
  --mc-surface: #ffffff;
  --mc-text: #1d2733;
  --mc-ok: #2e7d52;
  --mc-warn: #b5651d;
  --mc-radius: 18px;
}

/* Cursor (verfolgter Punkt: Hand/Arm/Kopf) */
.mc-cursor {
  position: fixed; top: 0; left: 0; width: 24px; height: 24px; z-index: 40;
  border-radius: 50%; background: rgba(75, 105, 140, 0.85);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.85), 0 2px 8px rgba(0, 0, 0, 0.25);
  pointer-events: none; will-change: transform;
}

/* Dwell-Ring (Verweil-Fortschritt) */
.mc-ring { position: fixed; top: 0; left: 0; z-index: 39; pointer-events: none; opacity: 0; will-change: transform, opacity; }
.mc-ring__track { fill: none; stroke: rgba(75, 105, 140, 0.18); stroke-width: 7; }
.mc-ring__prog  { fill: none; stroke: var(--mc-primary); stroke-width: 7; stroke-linecap: round;
  transform: rotate(-90deg); transform-origin: 60px 60px; }

/* Status-Pille */
.mc-status {
  font-size: 0.9rem; font-weight: 700; padding: 6px 14px; border-radius: 999px;
  background: #e7edf5; color: var(--mc-primary-dark);
}
.mc-status--ok   { background: #e0f2e9; color: var(--mc-ok); }
.mc-status--wait { background: #eef2f8; color: var(--mc-primary-dark); }
.mc-status--warn { background: #f7ece0; color: var(--mc-warn); }

@media (prefers-reduced-motion: reduce) {
  .mc-cursor, .mc-ring { transition: none; }
}