/* O widget `copiar` (FeitoWeb.Widgets.Acoes, docs/telas.md §2). O link público (o campo só de leitura com o botão,
   .campo-copia) ou o código de inserção (o texto em destaque, .link-box), com o botão que diz se copiou. Trazido da
   casca na etapa 1 (26/10/2026). Regra (docs/telas.md §4, o teste test/feito_web/widgets_regra_test.exs): cor só por
   token (var(--…), com a cor de hoje como reserva); cor nova é token novo, no style.css (claro) e no temas.css
   (escuro e acrílico). Ligado no layout raiz logo depois do style.css (FeitoWeb.Widgets.folhas/0): as camadas da
   casca (visual.css, componentes.css, navegacao.css, temas.css, fonte.css e a escala gerada por `mix casca.escala`)
   vestem por cima, como vestem tudo. Mudou este arquivo: `mix casca.escala` (o ./servidor faz sozinho). */

/* — de style.css */
.link-box { display: flex; gap: 8px; align-items: center; background: var(--verde-claro); border: 1px dashed var(--verde); padding: 10px 12px; border-radius: 8px; flex-wrap: wrap; }
.link-box code { font-size: .9rem; word-break: break-all; flex: 1; min-width: 200px; }
.campo-copia { display: flex; gap: 6px; }
.campo-copia input { background: var(--e-cartao-2, #fbfdfc); }

/* o widget: o botão não encolhe ao lado do campo */
.campo-copia > .btn, .link-box > .btn { flex: none; }