/* UX-005 · BRINDES — o que é PRÓPRIO do brinde no workspace. O comum está em ppc-ws.css e o do editor livre
   (ferramentas, propriedades, camadas) em ppc-editor-ui.css. Tudo sob `html.ppc-ui-v2.ppc-ui-brinde`. */

/* a área de marcação na barra do palco */
html.ppc-ui-brinde .ppc-brws__area { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--ws-surface); border: 1px solid var(--ws-line); font-size: 12.5px; font-weight: 800; color: var(--ws-ink); }
html.ppc-ui-brinde .ppc-brws__area::before { content: ""; width: 10px; height: 10px; border-radius: 3px; border: 1.5px dashed var(--ws-accent); }
html.ppc-ui-brinde .ppc-print-area[data-ppc-movido] { display: none !important; }

/* passos: títulos dos blocos originais escondidos (repetem o cabeçalho do passo) */
html.ppc-ui-brinde .ppc-cfg__corpo > [data-ppc-sec] > .ppc-color-label { display: none; }
/* técnica: os rádios originais como cartões */
html.ppc-ui-brinde .ppc-cfg__corpo #ppc-print-tech-wrap .ppc-color-type__options { display: flex; flex-wrap: wrap; gap: 8px; }
html.ppc-ui-brinde .ppc-cfg__corpo #ppc-print-tech-wrap label { margin: 0; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 14px; border: 1px solid var(--ws-line); border-radius: 12px; background: var(--ws-surface); font-size: 14px; font-weight: 700; cursor: pointer; }
html.ppc-ui-brinde .ppc-cfg__corpo #ppc-print-tech-wrap label:has(input:checked) { border-color: var(--ws-accent); background: var(--ws-accent-weak); box-shadow: 0 0 0 1px var(--ws-accent) inset; color: var(--ws-accent-ink); }
html.ppc-ui-brinde .ppc-cfg__corpo #ppc-print-tech-wrap label:has(input:focus-visible) { outline: 2px solid var(--ws-accent); outline-offset: 2px; }
/* cores: bolinhas maiores */
html.ppc-ui-brinde .ppc-cfg__corpo .ppc-color-swatches { gap: 10px; }
html.ppc-ui-brinde .ppc-cfg__corpo .ppc-color-swatch { width: 34px; height: 34px; }
html.ppc-ui-brinde .ppc-cfg__corpo .ppc-color-swatch--active { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ws-accent); }

/* quantidade: a tabela da técnica (as linhas são o selector) */
html.ppc-ui-brinde .ppc-brws__tabelas { display: grid; gap: 8px; }
html.ppc-ui-brinde .ppc-brws__tabelas .ppc-escaloes { margin: 0; padding: 0; border: 0; background: transparent; }
html.ppc-ui-brinde .ppc-brws__tabelas .ppc-escaloes__tecnica { display: none; }
html.ppc-ui-brinde .ppc-brws__tabelas .ppc-escaloes__linha { border-radius: 8px; }
html.ppc-ui-brinde .ppc-brws__tabelas .ppc-escaloes__linha.is-seleccionada { background: var(--ws-accent-weak); box-shadow: 0 0 0 1px var(--ws-accent) inset; }

/* o preço de arquivo e o preço WooCommerce da ficha antiga (sem técnica nem quantidade) não aparecem soltos */
html.ppc-ui-brinde .ppc-ws__comercial > .oxy-product-price,
html.ppc-ui-brinde .ppc-ws__comercial .ppc-brinde-preco-bloco { display: none; }