/* b22-olaclick.css — a gaveta do OlaClick (public/js/painel/olaclick.js). A base é a da gaveta de
   integrações (.itg-*, b6-api-webhooks.css); aqui só o que é dela: os dados do webhook e o e-mail para
   o OlaClick aparecem inteiros, quebrando a linha como nas gavetas irmãs (b15, b19, b20), porque o
   titular confere o que vai mandar. Tudo escopado em .ola-gaveta. */

/* O link da loja na faixa de dados: a cor de destaque do tema (o azul padrão do navegador some no tema escuro). */
.ola-gaveta .itg-meta-v a { color: var(--accent-text); text-underline-offset: 2px; }

.ola-gaveta .ola-campos { display: grid; gap: 12px; margin-top: 12px; }
.ola-gaveta .itg-code.ola-valor,
.ola-gaveta .itg-code.ola-email { white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; }

/* O botão Copiar fica no canto do bloco (.itg-code-wrap .itg-copy): o texto para antes dele. */
.ola-gaveta .itg-code.ola-valor { padding: 12px 96px 12px 16px; line-height: 1.6; }

/* Até 960 px o mobile.css desce o Copiar para baixo do bloco, na largura toda: o texto usa a linha inteira. */
@media (max-width: 960px) {
    .ola-gaveta .itg-code.ola-valor { padding-right: 16px; }
}

.ola-gaveta .itg-code.ola-email { margin-top: 16px; }
.ola-gaveta .ola-email + .itg-actions { margin-top: 12px; }