/* 🔥 Flash effect for edited cells */
.flash {
    animation: flash-bg 1s ease-in-out;
}

@keyframes flash-bg {
    0% {
        background-color: #fff3cd;
    }

    50% {
        background-color: #ffeeba;
    }

    100% {
        background-color: transparent;
    }
}

/* 🏌️ Toast styling override (optional) */
.toast-success {
    background-color: #198754;
    color: white;
}

.toast-error {
    background-color: #dc3545;
    color: white;
}

/* 🏆 Highlight top scores (optional) */
.top-score {
    font-weight: bold;
    color: #0d6efd;
}

/* 🧾 Table tweaks */
#resultsTable td[contenteditable] {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    #resultsTable td[contenteditable]:hover {
        background-color: #f8f9fa;
    }

/* 🧠 Save/Cancel buttons */
.save-btn, .cancel-btn {
    margin-right: 4px;
    font-size: 0.9rem;
    padding: 2px 6px;
}

.selected {
    
    background-color:#d0ebff;
    border-left:4px solid #339af0;
    
}

.btn-fixed {
  width: 80px; /* Adjust as needed */
}

.custom-bg {
background-color: #f0f8ff; /* Light blue */
}


.token-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.token-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.red-circle {
  background-color: red;
}

.black-circle {
  background-color: black;
}