/* ============================================ */
/* CONTROLS PANEL STYLES */
/* ============================================ */
.controls-panel {
	background: var(--bg-light);
	border-radius: 10px;
	padding: 5px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	height: 100%;
	min-height: 0;
	overflow: hidden;
}

.controls-game-controls {
	display: flex;
	gap: 5px;
	margin-bottom: 5px;
}

.controls-btn {
	background: var(--primary-color);
	color: white;
	border: none;
	padding: 8px 4px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
}

.controls-btn:hover {
	background: #5a6fd8;
}

.controls-btn:disabled {
	background: #6c757d;
	cursor: not-allowed;
}

.controls-options {
	display: flex;
	gap: 15px;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	background: white;
	border-radius: 5px;
	margin-bottom: 5px;
}

.controls-checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	cursor: pointer;
	user-select: none;
}

.controls-checkbox input[type="checkbox"] {
	margin: 0;
	cursor: pointer;
}

.controls-log-panel {
	flex: 1;
	overflow-y: auto;
	min-height: 0;
}