/* ===========================================================================
   CLAUDE CODE E CODEX — os agentes de programação usando o Conneia pelas ferramentas MCP (21/10/2026).
   A gaveta veste o desenho da "API e Webhooks" (`.itg-*` do b6-api-webhooks.css). Aqui mora só o que aquela tela não
   tem: o logo em imagem, o comando que quebra linha em vez de rolar e a lista de ferramentas de cada permissão —
   escopado em `.amcp-shell`, só variável de tema (claro e escuro).
   =========================================================================== */

.amcp-shell .amcp-logo { width: 40px; height: 40px; flex: none; border-radius: 10px; display: block; }

/* Abertura e aviso respiram como as seções (24px): sem isso o texto de abertura cola no endereço. */
.amcp-shell .itg-lead,
.amcp-shell .itg-note { margin-bottom: 24px; }

/* O comando leva a chave inteira: quebra linha para caber no celular e deixa espaço para o botão Copiar. */
.amcp-shell .itg-code.amcp-cmd { white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; padding-right: 108px; font-size: 12px; }

.amcp-shell .itg-opt-txt code { font-family: inherit; font-weight: 600; }
.amcp-shell .itg-opt-txt small.amcp-ferramentas { font-family: var(--font-mono, ui-monospace, monospace); font-variant-ligatures: none; font-size: 11px; line-height: 1.5; word-break: break-word; }

.amcp-shell .amcp-pronto .itg-h i { color: var(--accent); margin-right: 6px; }
.amcp-shell .amcp-pronto .itg-code-wrap,
.amcp-shell .amcp-alternativa { margin-top: 12px; }
.amcp-shell .amcp-conferir { margin-top: 12px; }
.amcp-shell .amcp-alternativa summary { cursor: pointer; font-size: 12px; color: var(--text-secondary); }
.amcp-shell .amcp-alternativa summary:hover { color: var(--text-main); }
.amcp-shell .itg-help code { font-family: var(--font-mono, ui-monospace, monospace); font-variant-ligatures: none; font-size: 12px; color: var(--text-main); }
.amcp-shell .itg-note a { color: var(--accent-text); text-decoration: underline; }

/* No celular o Copiar desce para baixo do bloco (mobile.css): o comando não guarda mais folga à direita nem em cima. */
@media (max-width: 960px) {
    .amcp-shell .itg-code.amcp-cmd { padding: 16px; }
}