/* Custom styles for AI Agent Dashboard */
/* MudBlazor provides all necessary styling - this file is for minor customizations only */

/* Scrollbar styles */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Utility classes for spacing (MudBlazor compatible) */
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mt-4 { margin-top: 1rem; }
.pa-0 { padding: 0 !important; }
.pa-6 { padding: 1.5rem; }

/* JSON Syntax Highlighting - Code Block Style */
.json-code-block {
    font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', 'Monaco', monospace;
    font-size: 13px;
    line-height: 1.5;
    background-color: #1e1e1e;
    color: #d4d4d4;
    border-radius: 6px;
    padding: 16px;
    margin: 0;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.json-code-block .json-key {
    color: #9cdcfe;
}

.json-code-block .json-string {
    color: #ce9178;
}

.json-code-block .json-number {
    color: #b5cea8;
}

.json-code-block .json-boolean {
    color: #569cd6;
}

.json-code-block .json-null {
    color: #569cd6;
}

.json-code-block .json-bracket {
    color: #ffd700;
}

.json-code-block .json-brace {
    color: #da70d6;
}

.json-code-block .json-colon {
    color: #d4d4d4;
}

.json-code-block .json-comma {
    color: #d4d4d4;
}

/* Light mode variant (optional) */
.json-code-block.light {
    background-color: #f5f5f5;
    color: #333;
}

.json-code-block.light .json-key {
    color: #0451a5;
}

.json-code-block.light .json-string {
    color: #a31515;
}

.json-code-block.light .json-number {
    color: #098658;
}

.json-code-block.light .json-boolean {
    color: #0000ff;
}

.json-code-block.light .json-null {
    color: #0000ff;
}