🚀 Iniciando teste de disparo de Webhook (Padrão dados[])...
📦 Item #0 | codigomd5: 9b9b5cb0c0f596c8dc7d79bebcc5bda5 | retorno: 1
Payload: opc=devolucao_aprovar&codigo=9b9b5cb0c0f596c8dc7d79bebcc5bda5&retorno=1
📡 HTTP 200
------- CORPO -------
<style data-component="_base">

:root {
    /* --- tokens estruturais (afetam qualquer componente que use var()) --- */
    --gc-radius:         12px;
    --gc-border:         1px solid var(--cor-borda, #d7dee8);
    --gc-shadow:         0 0 20px rgba(0, 0, 0, 0.08);
    --gc-padding:        14px 18px;
    --gc-gap:            12px;
    --gc-title-size:     16px;
    --gc-title-weight:   700;
    --gc-subtitle-size:  12px;
    --gc-value-size:     26px;
    --gc-value-weight:   800;
    --gc-icon-size:      22px;

    /* --- tokens de ação (botão padrão dentro dos componentes) --- */
    --gc-action-bg:      rgba(255, 255, 255, 0.18);
    --gc-action-border:  rgba(255, 255, 255, 0.25);
    --gc-action-fg:      inherit;
    --gc-action-radius:  8px;

    /* --- tokens de badge --- */
    --gc-badge-radius:   999px;

    /* --- tokens de tema (compartilhados com o shell via tokens.css) ---
     * Defaults = Paleta::DEF — o teste aparencia_tokens_sync_test.php trava a
     * sincronia. Garantem Components standalone (fora do shell logado). */
    --cor-primaria:             #00a2d9;
    --cor-primaria-hover:       #0090d9;
    --cor-primaria-contraste:   #ffffff;
    --cor-secundaria:           #2e2e2d;
    --cor-secundaria-hover:     #000000;
    --cor-secundaria-contraste: #ffffff;
    --cor-texto:                #89867e;
    --cor-texto-suave:          #6c757d;
    --cor-fundo:                #f9f9f9;
    --cor-superficie:           #ffffff;
    --cor-borda:                #d7dee8;
}

/* ---------- AÇÃO (botão padrão dentro de qualquer componente) ---------- */

.goldie-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: var(--gc-action-radius);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
    text-decoration: none;
    cursor: pointer;
    color: var(--gc-action-fg);
    background: var(--gc-action-bg);
    border: 1px solid var(--gc-action-border);
    transition: filter 0.15s ease, transform 0.05s ease;
    font-family: inherit;
}
.goldie-action:hover  { filter: brightness(1.08); text-decoration: none; color: var(--gc-action-fg); }
.goldie-action:active { transform: translateY(1px); }

/* ---------- BADGE (etiqueta padrão dentro de qualquer componente) ---------- */

.goldie-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: var(--gc-badge-radius);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid transparent;
    font-family: inherit;
}

.goldie-badge--default { background: #f1f5f9; color: #0f172a; border-color: #cbd5e1; }
.goldie-badge--primary { background: var(--cor-primaria); color: var(--cor-primaria-contraste); }
.goldie-badge--success { background: #065f46; color: #fff; }
.goldie-badge--warning { background: #92400e; color: #fff; }
.goldie-badge--danger  { background: #991b1b; color: #fff; }
.goldie-badge--info    { background: #1e40af; color: #fff; }
.goldie-badge--dark    { background: #0f172a; color: #fff; }

</style>
<style data-component="Campo">
/* ============================================================
 *  Componente: Campo
 *  Escopo: .goldie-campo
 * ============================================================ */

.goldie-campo {
    font-family: inherit;
}

.goldie-campo .goldie-campo__req {
    color: #e74c3c;
    margin-left: 3px;
    font-weight: 700;
}

.goldie-campo .goldie-campo__ajuda {
    display: block;
    margin-top: 4px;
    color: #6c757d;
    font-size: 12px;
}

</style>
<style data-component="Botao">
/* ============================================================
 *  Componente: Botao
 *  Usa .btn Bootstrap + namespace .goldie-botao
 * ============================================================ */
.goldie-botao {
    font-family: inherit;
    transition: opacity 0.15s ease;
}
.goldie-botao:active {
    transform: translateY(1px);
}
.goldie-botao--enviando {
    opacity: 0.55;
    pointer-events: none;
}

</style>
<style>.tabelaProdutos{width:100%}
.tabelaProdutos th{font-weight: bold; font-size: 18px;}
.tabelaProdutos tr td{padding:10px;border-bottom:1px solid #ccc;}

/* Check::MsgDiv() sempre emite o alerta "Não foi encontrado nenhum
   cadastro!" com classe "main_produtos hide" quando HÁ produtos (só teria
   que sumir, servindo de placeholder pro caso de lista vazia). ".hide" está
   duplicada em admin/css/style.css (linha 407 = display:none; linha 3266 =
   opacity:0) e a segunda vence no cascade — o alerta fica invisível mas
   continua ocupando ~100-150px de altura (ícone 60px + texto) entre a barra
   de filtros e a tabela. Fix local: reforça display:none só pro alerta
   desta tabela, sem tocar ".hide" global (usado em outros módulos). */
.main_produtos.hide {
  display: none !important;
}

/* Produtos era o único módulo com DUAS divs ".divFiltro" lado a lado
   (busca em col-lg-11 + ícone "listarProdutos" em col-lg-1) sem um ".row"
   do Bootstrap por cima pra compensar o gutter — os dois floats (herdados
   de ".divFiltro") quebravam linha e empurravam todo o bloco (busca +
   tabela) pra direita, desalinhado da barra cinza. Fornecedores/Clientes
   usam só UMA "col-12 divFiltro" (sem esse segundo float) e alinham certo.
   Fix: o ícone agora vive DENTRO dessa única div (mesma estrutura de
   Fornecedores), só flutuando dentro do próprio container. */
.produtos-icone-listar {
  float: right;
  margin-left: 15px;
}
</style>{"html":"Produto inserido ao estoque","table_acao":"remove","table_row_codigo":"9b9b5cb0c0f596c8dc7d79bebcc5bda5","status":"ok","classe":"success","titulo":"Opera\u00e7\u00e3o realizada com sucesso!"}
----------------------------------------------------

✅ Script finalizado.