/* === terminal.css === */
/* Dev Terminal эстетика — подсветка времени, SQL keywords-like coloring, scanlines */

.bg-grid {
    background-image:
        linear-gradient(oklch(from var(--border) l c h / 0.15) 1px, transparent 1px),
        linear-gradient(90deg, oklch(from var(--border) l c h / 0.15) 1px, transparent 1px);
    background-size: 24px 24px;
}

/* SQL syntax (простая подсветка) */
.sql-highlight {
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 1.7;
    padding: 14px;
    background: var(--bg-alt);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    white-space: pre-wrap;
    word-break: break-word;
    overflow: auto;
    max-height: 400px;
}
.sql-highlight .kw { color: var(--accent); font-weight: 600; }
.sql-highlight .str { color: var(--warn); }
.sql-highlight .num { color: var(--ok); }
.sql-highlight .comment { color: var(--text-muted); font-style: italic; }

/* Dev-like status indicator */
.status-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-dim);
}
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ok);
}
.status-dot.warn { background: var(--warn); }
.status-dot.danger { background: var(--danger); }

/* Hash chip (SHA8) */
.hash-chip {
    display: inline-block;
    padding: 2px 6px;
    background: var(--bg-alt);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--text-dim);
    letter-spacing: 0.04em;
}

/* Query time coloring */
.q-time {
    font-family: var(--font-mono);
    font-weight: 700;
}
.q-time-lo { color: var(--ok); }
.q-time-md { color: var(--warn); }
.q-time-hi { color: var(--danger); }