/* V1.140 — prolonged confirmation becomes safe state reconciliation, never auto-resubmit. */
.battle-command-state[data-latency-band="delayed"] {
  --battle-state-color: #d8b6ff;
  --battle-state-glow: rgba(164, 104, 236, 0.28);
}

.battle-command-state[data-latency-band="delayed"] .battle-command-state-latency {
  min-width: 54px;
  border-color: rgba(219, 184, 255, 0.74);
  color: #f5eaff;
  background:
    linear-gradient(90deg, rgba(114, 64, 168, 0.34), rgba(31, 18, 55, 0.82)),
    rgba(8, 5, 17, 0.9);
  box-shadow: inset 0 0 12px rgba(194, 137, 255, 0.13), 0 0 14px rgba(173, 111, 239, 0.17);
  animation: battle-command-safe-recovery 1.8s ease-in-out infinite;
}

.battle-command-state[data-latency-band="delayed"] .battle-command-state-emblem::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px dashed color-mix(in srgb, var(--battle-state-color) 56%, transparent);
  border-radius: 12px;
  animation: battle-command-safe-recovery-orbit 3.4s linear infinite;
}

@keyframes battle-command-safe-recovery {
  0%, 100% { filter: brightness(0.94); }
  50% { filter: brightness(1.13); }
}

@keyframes battle-command-safe-recovery-orbit {
  to { transform: rotate(1turn); }
}

body[data-vfx-quality="low"] .battle-command-state[data-latency-band="delayed"] .battle-command-state-latency,
body[data-vfx-quality="low"] .battle-command-state[data-latency-band="delayed"] .battle-command-state-emblem::after {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .battle-command-state[data-latency-band="delayed"] .battle-command-state-latency,
  .battle-command-state[data-latency-band="delayed"] .battle-command-state-emblem::after {
    animation: none !important;
  }
}

@media (forced-colors: active) {
  .battle-command-state[data-latency-band="delayed"] .battle-command-state-latency {
    border: 2px solid Highlight;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }
}