/* Debug state indicator for development mode */
.debug-state-indicator {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 2px 6px;
  font-size: 0.75rem;
  background-color: #334155;
  color: white;
  border-radius: 4px;
  z-index: 10;
}

/* State-specific styles that can be applied when state changes */
[data-single-page-flow-state-value="looking"] .debug-state-indicator {
  background-color: #0ea5e9;
}

[data-single-page-flow-state-value="question-displayed"] .debug-state-indicator {
  background-color: #10b981;
}

[data-single-page-flow-state-value="question-feedback"] .debug-state-indicator {
  background-color: #f59e0b;
}

[data-single-page-flow-state-value="waiting-for-feedback"] .debug-state-indicator {
  background-color: #8b5cf6;
}

[data-single-page-flow-state-value="waiting-for-question"] .debug-state-indicator {
  background-color: #ec4899;
}