/* CompletionTrackerView Styles */

/* Default uncompleted state - should maintain the original default styling */
.uncompleted {
  background-color: #f8f9fa !important;
  border: 2px solid #ccc !important;
  box-shadow: none !important;
}

/* System/prefilled completions */
.completed-system {
  background-color: #666666 !important;
  border: 2px solid #444444 !important;
  color: white !important;
}

/* For single player completions */
.single-player-completion {
  background-color: #f8f9fa !important;
  border-width: 3px !important;
  border-style: solid !important;
  border-color: var(--player-color) !important;
}

/* For multiple player completions */
.multiple-player-completion {
  background-color: #f8f9fa !important;
  border: none !important;
  box-shadow: var(--player-shadows) !important;
}