/* DebugModeManager Styles */

/* Enhanced Debug Panel */
.enhanced-debug-panel {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
  min-height: 200px;
  width: 100%;
  box-sizing: border-box;
}

.enhanced-debug-panel h3 {
  margin-top: 0;
  color: #28a745;
  font-size: 16px;
}

/* Network Testing Indicator */
.network-testing-on {
  background: #d4edda;
  color: #155724;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  display: inline-block;
}

/* Mode Toggle Section */
.mode-toggle-section {
  margin-bottom: 15px;
  padding: 10px;
  background: #e9ecef;
  border-radius: 4px;
}

.mode-toggle-section label:first-of-type {
  font-weight: bold;
}

.mode-toggle-section input[type="radio"][id="mode-simulation"] {
  margin-left: 10px;
}

.mode-toggle-section label[for="mode-simulation"] {
  margin-right: 15px;
}

/* Move Log Section */
.move-log-section {
  margin-bottom: 15px;
}

.move-log-section h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
}

.move-log-section > div:first-of-type {
  margin-bottom: 10px;
}

.save-log-button {
  padding: 8px 16px;
  margin-right: 10px;
  background: #28a745;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.load-log-button {
  padding: 8px 16px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.move-log-section input[type="file"] {
  display: none;
}

/* Simulation Controls Section */
.simulation-controls-section {
  margin-bottom: 15px;
  display: none; /* Hidden by default */
}

.simulation-controls-section h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
}

.simulation-controls-section > div:first-of-type {
  margin-bottom: 10px;
}

/* Speed Control Container */
.simulation-controls-section > div:last-child {
  margin-top: 10px;
}

.simulation-controls-section label {
  margin-right: 5px;
}

.simulation-controls-section input[type="range"] {
  margin-right: 10px;
}

/* Simulation Status */
.simulation-status {
  margin-top: 10px;
  padding: 8px;
  background: #e9ecef;
  border-radius: 4px;
  font-size: 14px;
}

/* Transfer Controls Section */
.transfer-controls-section {
  margin-bottom: 15px;
  padding: 10px;
  background: #fff3cd;
  border-radius: 4px;
}

.transfer-controls-section h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #856404;
}

.transfer-controls-section p {
  margin: 0 0 10px 0;
  font-size: 12px;
  color: #856404;
}

.switch-to-live-button {
  padding: 8px 16px;
  background: #ffc107;
  color: #212529;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

/* Control Buttons */
.play-button,
.pause-button,
.step-button,
.reset-button {
  padding: 6px 12px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background: white;
}

/* Disabled Button States */
.switch-to-live-button:disabled {
  background: #f8f9fa !important;
  color: #6c757d !important;
  cursor: not-allowed !important;
  opacity: 0.6;
  border: 1px solid #dee2e6 !important;
}

.play-button:disabled,
.pause-button:disabled,
.step-button:disabled,
.reset-button:disabled {
  background: #f8f9fa !important;
  color: #6c757d !important;
  cursor: not-allowed !important;
  opacity: 0.6;
  border: 1px solid #dee2e6 !important;
}