/* JSON Viewer Styles */
.json-viewer {
  background-color: #1e1e1e;
  color: #d4d4d4;
  padding: 1.5rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.875rem;
  line-height: 1.6;
  border: 1px solid #333;
}

.json-viewer .json-key {
  color: #9cdcfe;
  font-weight: 500;
}

.json-viewer .json-string {
  color: #ce9178;
}

.json-viewer .json-number {
  color: #b5cea8;
}

.json-viewer .json-boolean {
  color: #569cd6;
  font-weight: 600;
}

.json-viewer .json-null {
  color: #569cd6;
  font-style: italic;
}

/* Scrollbar styling for dark theme */
.json-viewer::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.json-viewer::-webkit-scrollbar-track {
  background: #2d2d2d;
  border-radius: 4px;
}

.json-viewer::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 4px;
}

.json-viewer::-webkit-scrollbar-thumb:hover {
  background: #666;
}