/* ============================================================
   CODE BLOCK — Exibição de Código e Saída de API
   ============================================================
   Blocos escuros para código/JSON e inline code claro.
   ============================================================ */

/* ========== CODE BLOCK ========== */

.code-block {
    background: var(--emerald-abyss);
    color: var(--mint-signal);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    overflow-x: auto;
}

.code-block pre {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    color: inherit;
}

/* ========== INLINE CODE ========== */

.code-inline {
    display: inline;
    font-family: var(--font-mono);
    font-size: 0.85em;
    background: var(--arctic-mist);
    color: var(--code-color);
    padding: var(--space-0.5) var(--space-1.5);
    border-radius: var(--radius-sm);
}