/* SQL Formatter Styles */

.code-output {
    width: 100%;
    height: 300px;
    /* Increased height for better visibility */
    font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 1rem;
    overflow: auto;
    white-space: pre;
    /* Preserves whitespace and newlines */
    line-height: 1.5;
    font-size: 0.9rem;
}

/* Syntax Highlighting Colors */
.sql-keyword {
    color: #c678dd;
    /* Purple */
    font-weight: bold;
}

.sql-function {
    color: #61afef;
    /* Blue */
}

.sql-string {
    color: #98c379;
    /* Green */
}

.sql-number {
    color: #d19a66;
    /* Orange */
}

.sql-operator {
    color: #56b6c2;
    /* Cyan */
}

.sql-comment {
    color: #7f848e;
    /* Gray */
    font-style: italic;
}

.sql-punctuation {
    color: var(--text-muted);
}