/* BOTAO DE ICONE EM GRADIENTE (padrao que o Robson mais gosta; prints do Hub/Mural/painel, 02/11/2026). Uso: <button class="btn-ic tile-azul" aria-label="Copiar"><svg class="ic3" viewBox="0 0 24 24">...</svg></button>. Cores por funcao: tile-azul (copiar/principal), tile-esmeralda (editar/confirmar), tile-violeta (ver/historico), tile-rosa (apagar/risco). Nunca emoji em botao. */
.btn-ic { position: relative; width: 44px; height: 44px; border-radius: 14px; display: inline-grid; place-items: center; padding: 0; cursor: pointer;
  border: 1.5px solid rgba(255,255,255,.55); color: #fff; font-size: 0; line-height: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 10px rgba(0,0,0,.22), 0 8px 16px -8px var(--tile-brilho, rgba(59,130,246,.8));
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease; }
.btn-ic .ic3 { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 1px rgba(0,0,0,.35)); pointer-events: none; }
.btn-ic:hover { transform: translateY(-2px); filter: brightness(1.1); }
.btn-ic:active { transform: translateY(1px) scale(.97); filter: brightness(.95); }
.btn-ic:focus-visible { outline: 3px solid #e2c48a; outline-offset: 3px; }
.btn-ic.tile-azul { --tile-brilho: rgba(59,130,246,.85); background: linear-gradient(180deg, #4cc3ff, #1d6bff); }
.btn-ic.tile-esmeralda { --tile-brilho: rgba(16,185,129,.85); background: linear-gradient(180deg, #34e0a1, #059669); }
.btn-ic.tile-violeta { --tile-brilho: rgba(139,92,246,.85); background: linear-gradient(180deg, #b794ff, #6d3df2); }
.btn-ic.tile-rosa { --tile-brilho: rgba(244,63,94,.85); background: linear-gradient(180deg, #ff7a8e, #e11d48); }
/* Respeita o seletor de brilho do ecossistema (Aparência), quando existir */
html[data-brilho="medio"] .btn-ic { box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 10px rgba(0,0,0,.22), 0 10px 20px -6px var(--tile-brilho, rgba(59,130,246,.9)); }
@media (prefers-reduced-motion: reduce) { .btn-ic { transition: none; } }
@media (max-width: 640px) { .btn-ic { width: 48px; height: 48px; } }