/**
 * JSON Viewer Component
 * Formatação de JSON com syntax highlighting
 * Suporte para tema claro e escuro
 */

.json-viewer {
    font-family: 'Courier New', Consolas, Monaco, monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
}

/* Tema Claro */
.json-key {
    color: #0d6efd;
    font-weight: 600;
}

.json-string {
    color: #198754;
}

.json-number {
    color: #dc3545;
}

.json-boolean {
    color: #fd7e14;
    font-weight: 600;
}

.json-null {
    color: #6c757d;
    font-style: italic;
}

.json-bracket {
    color: #495057;
    font-weight: bold;
}

/* Tema Escuro */
[data-bs-theme="dark"] .json-key {
    color: #6ea8fe;
    font-weight: 600;
}

[data-bs-theme="dark"] .json-string {
    color: #75b798;
}

[data-bs-theme="dark"] .json-number {
    color: #ea868f;
}

[data-bs-theme="dark"] .json-boolean {
    color: #ffc107;
    font-weight: 600;
}

[data-bs-theme="dark"] .json-null {
    color: #adb5bd;
    font-style: italic;
}

[data-bs-theme="dark"] .json-bracket {
    color: #dee2e6;
    font-weight: bold;
}