/* /Components/Common/PrettyJsonViewer.razor.rz.scp.css */
.pretty-json-viewer[b-bkvh6sonv4] {
    font-family: Consolas, "Cascadia Mono", "Courier New", monospace;
}

.json-outline[b-bkvh6sonv4] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 8px;
    background: var(--mud-palette-background);
}

.json-node[b-bkvh6sonv4] {
    margin-left: calc(var(--json-level) * 18px);
}

.json-line[b-bkvh6sonv4] {
    display: flex;
    align-items: center;
    min-height: 30px;
    border-left: 2px solid var(--mud-palette-lines-default);
    padding-left: 4px;
}

.json-children[b-bkvh6sonv4] {
    margin-left: 8px;
}

.json-icon-placeholder[b-bkvh6sonv4] {
    display: inline-block;
    width: 34px;
    min-width: 34px;
}

.json-key[b-bkvh6sonv4] {
    font-weight: 600;
    margin-right: 6px;
    white-space: nowrap;
}

.json-separator[b-bkvh6sonv4] {
    margin-right: 6px;
    color: var(--mud-palette-text-secondary);
}

.json-summary[b-bkvh6sonv4] {
    color: var(--mud-palette-text-secondary);
}

.json-value[b-bkvh6sonv4] {
    white-space: pre-wrap;
    word-break: break-word;
}

.json-string[b-bkvh6sonv4] {
    color: var(--mud-palette-success);
}

.json-number[b-bkvh6sonv4] {
    color: var(--mud-palette-info);
}

.json-bool[b-bkvh6sonv4] {
    color: var(--mud-palette-warning);
}

.json-null[b-bkvh6sonv4] {
    color: var(--mud-palette-text-disabled);
    font-style: italic;
}

.json-diff-table-wrapper[b-bkvh6sonv4] {
    overflow-x: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.json-diff-table[b-bkvh6sonv4] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.json-diff-table th[b-bkvh6sonv4] {
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    font-family: var(--mud-typography-default-family);
    font-weight: 600;
}

.json-diff-table td[b-bkvh6sonv4] {
    vertical-align: top;
    padding: 6px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.json-key-cell[b-bkvh6sonv4] {
    width: 34%;
}

.json-diff-cell[b-bkvh6sonv4] {
    width: 33%;
    white-space: pre-wrap;
    word-break: break-word;
}

.json-key-wrapper[b-bkvh6sonv4] {
    display: flex;
    align-items: center;
    margin-left: calc(var(--json-level) * 18px);
    border-left: 2px solid var(--mud-palette-lines-default);
    padding-left: 4px;
    min-height: 30px;
}

.json-diff-row.json-added[b-bkvh6sonv4] {
    background: color-mix(in srgb, var(--mud-palette-success) 10%, transparent);
}

.json-diff-row.json-deleted[b-bkvh6sonv4] {
    background: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
}

.json-diff-row.json-changed[b-bkvh6sonv4] {
    background: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
}

.json-marker[b-bkvh6sonv4] {
    font-weight: 700;
    font-family: var(--mud-typography-default-family);
}

.json-added-marker[b-bkvh6sonv4] {
    color: var(--mud-palette-success);
}

.json-deleted-marker[b-bkvh6sonv4] {
    color: var(--mud-palette-error);
}