.chip-adjust-btn {
  font-size: 0.9rem; /* Smaller font size */
  padding: 6px 12px; /* Smaller padding */
  border: none;
  background-color: #1e293b;
  color: white;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 10px;
  transition: background-color 0.2s;
}

.chip-adjust-btn:hover {
  background-color: #334155;
}

/* Positive buttons (e.g. +, x2) */
.chip-adjust-btn.chip-positive {
  background-color: #15803d; /* Green */
}
.chip-adjust-btn.chip-positive:hover {
  background-color: #166534;
}

/* Negative buttons (e.g. -, /2) */
.chip-adjust-btn.chip-negative {
  background-color: #b91c1c; /* Red */
}
.chip-adjust-btn.chip-negative:hover {
  background-color: #991b1b;
}

.buy-in-btn {
  font-size: 1.2em;
  padding: 10px 20px;
  background-color: #2ecc71; /* green */
  color: white;
  border: none;
  border-radius: 6px; /* optional: add rounded corners */
  cursor: pointer;
  transition: background-color 0.2s;
}

.buy-in-btn:hover {
  background-color: #27ae60; /* dark green on hover */
}

.update-stack-btn {
  font-size: 1.2em;
  padding: 10px 20px;
  background-color: #2563eb; /* blue */
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.update-stack-btn:hover {
  background-color: #1d4ed8; /* dark blue on hover */
}

.busted-btn {
  font-size: 1.2em;
  padding: 10px 20px;
  background-color: #e74c3c; /* red */
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.busted-btn:hover {
  background-color: #c0392b; /* dark red on hover */
}


.room-btn {
    padding: 8px 16px;
	width: 120px;
}

.btn-admin {
  cursor: pointer;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

/* Primary action - Enter Room */
.btn-enter {
  background-color: #2563eb; /* blue-600 */
  color: white;
}
.btn-enter:hover {
  background-color: #1e40af; /* blue-800 */
}

/* Danger - Delete Room */
.btn-delete {
  background-color: #dc2626; /* red-600 */
  color: white;
}
.btn-delete:hover {
  background-color: #991b1b; /* red-800 */
}

.btn-add-events {
  background-color: #28a745; /* green-600 */
  color: white;
}
.btn-add-events:hover {
  background-color: #218838; /* green-800 */
}


.checkout-button {
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
  background-color: #4c1d95; /* Dark violet */
  color: #f3e8ff; /* Light lavender text */
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  max-width: fit-content;
  transition: background-color 0.3s ease;  
}

/* Hover effect */
.checkout-button:hover {
  background-color: #3b0d71;
}

/* Text-only danger button - Remove Player */
.btn-remove {
  background: none;
  border: none;
  color: #f97316; /* orange-500 */
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
.btn-remove:hover {
  color: #c2410c; /* orange-700 */
}


.remove-lvl-btn,
.add-lvl-btn {
    padding: 5px 10px;
    font-size: 13px;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.remove-lvl-btn {
    background-color: #e53935;
}
.remove-lvl-btn:hover {
    background-color: #c62828;
    transform: scale(1.05);
}

.add-lvl-btn {
    background-color: #43a047;
}
.add-lvl-btn:hover {
    background-color: #388e3c;
    transform: scale(1.05);
}

/* Move buttons */
.move-lvl-btn {
    position: absolute;
	background: none;
	border: none;
    font-size: 32px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.move-lvl-btn:hover {
    transform: scale(1.05);
}

.move-up {
    top: 10px;
    right: 10px;
}

.move-down {
    bottom: 10px;
    right: 10px;
}