/* ================================================================
   NEPO+ - correcao da lista de clientes do PDV  (19/08/2026)
   Carregado DEPOIS do style.css de proposito.

   Vive em arquivo separado para poder ir pra producao sozinho, sem
   arrastar junto o Caixa novo, que mora no style.css e ainda nao foi
   aprovado. Quando o Caixa subir, isto pode voltar pro style.css.
   ================================================================ */
body.sale-screen .sale-pro-card.sale-add-card{overflow:visible!important}
body.sale-screen .sale-pro-grid > .sale-pro-main{overflow:visible!important}

/* Card 1 e Card 2 tinham os dois z-index:30. Empate de z-index se
   desempata por ordem no HTML, e o Card 2 vem depois - por isso a aba
   "Produtos" ficava por cima da lista. O JS ja marcava esta classe
   enquanto a lista esta aberta (app.js), mas ela nunca teve regra
   nenhuma; so subimos o Card 1 durante a busca, pra nao mudar o
   empilhamento do resto da tela. */
body.sale-screen .sale-add-card.has-customer-results-open{z-index:60!important}

/* O card herda transition-property:all com 0,00001s. z-index entra nesse
   "all", e enquanto a transicao esta pendente o valor novo NAO vale - o
   card fica presa no 30 e a regra acima nunca aparece. Transicao em
   z-index nao anima nada (e um inteiro discreto), so atrasa. */
body.sale-screen .sale-add-card{transition:none!important}

/* Sem o overflow:hidden acima, a faixa de gradiente do topo do card
   passa reta por cima do canto arredondado. Ela arredonda sozinha. */
/* inherit em vez de um numero fixo: o raio do card muda por breakpoint
   (15, 18 e 22px), e um valor cravado sobraria ou faltaria em algum. */
body.sale-screen .sale-add-card:before{
  border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}