/* CSS portado da v1.0 (vendas-sis + vendas-rasplec), escopado em #csw-acerto-root. NÃO editar à mão — regenerado do Elementor. */
#csw-acerto-root .titulo-vendas{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 30px;
    color: #40A6FD;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}#csw-acerto-root .titulo-vendas .crud-icon{
    font-size: 1.6rem;
    color: #29AC52;
    transition: transform 0.2s ease, color 0.3s ease;
}#csw-acerto-root .titulo-vendas .crud-icon:hover{
    transform: scale(1.2);
    color: #40A6FD;
}#csw-acerto-root .hidden{
  display: none !important;
}#csw-acerto-root{
  font-family: Arial, sans-serif;
  background-color: #f4f4f4;
  margin: 0;
  padding: 20px;
}#csw-acerto-root #container-vendas.container{
  max-width: 1200px;
  width: 100%;
  margin: auto;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}#csw-acerto-root .accordion-button{
  background: none;
  border: none;
  padding: 2px;
  font-size: 20px;
  font-weight: bold;
  color: #2d7c4f;
  cursor: pointer;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}#csw-acerto-root #seletor-vendedor.vendedor-select{
  width: 50%;
  margin: 0 auto 40px auto;
  text-align: center;
}#csw-acerto-root .label-vendedor{
  font-weight: bold;
  font-size: 20px;
  color: #333;
  display: block;
  margin-bottom: 5px;
}#csw-acerto-root .input-vendedor{
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 24px;
}#csw-acerto-root input[type=date],#csw-acerto-root input[type=email],#csw-acerto-root input[type=number],#csw-acerto-root input[type=password],#csw-acerto-root input[type=search],#csw-acerto-root input[type=tel],#csw-acerto-root input[type=text],#csw-acerto-root input[type=url],#csw-acerto-root select,#csw-acerto-root textarea{
  width: 100%;
  border: 1px solid #666;
  border-radius: 3px;
  padding: 2px;
  font-size: 40px;
  text-align: center;
  transition: all .3s;
}#csw-acerto-root #container-produtos.produtos-container,#csw-acerto-root #edit-container-produtos.produtos-store{
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 30px;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="1"]{
  background-color: #ffffa3;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px grey;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="2"]{
  background-color: #bae1ff;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px grey;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="3"]{
  background-color: #ffdefd;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px grey;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="4"]{
  background-color: #FFE0B3;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px grey;
}#csw-acerto-root .produtos-1 [data-produto-id="1"]{
  width: 50%;
  margin: 0 auto;
}#csw-acerto-root .produtos-2 [data-produto-id="1"],#csw-acerto-root .produtos-2 [data-produto-id="2"]{
  width: 49%;
}#csw-acerto-root .produtos-3 [data-produto-id="1"],#csw-acerto-root .produtos-3 [data-produto-id="2"],#csw-acerto-root .produtos-3 [data-produto-id="3"]{
  width: 32%;
}#csw-acerto-root .produtos-4{
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 820px;
  margin: 0 auto;
  gap: 20px;
}#csw-acerto-root .produtos-4 [data-produto-id="1"],#csw-acerto-root .produtos-4 [data-produto-id="2"],#csw-acerto-root .produtos-4 [data-produto-id="3"],#csw-acerto-root .produtos-4 [data-produto-id="4"]{
  width: 100%;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="1"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #0a7134;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="2"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #0a7135;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="3"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #440a71;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="4"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #135f97;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}#csw-acerto-root .campos{
  width: 100%;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}#csw-acerto-root .campo{
  flex: 1;
  min-width: 100px;
}#csw-acerto-root .campo-brinde{
  display: none; 
}#csw-acerto-root .label-campo{
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  text-align: center;
}#csw-acerto-root .input-produto{
  width: 100%;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  text-align: center;
}#csw-acerto-root .input-produto[readonly]{
  background-color: #e9ecef;
  cursor: not-allowed;
}#csw-acerto-root .valor-pagar{
  margin-top: 8px;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  text-align: center;
}#csw-acerto-root #container-pagamento.pagamento-container,#csw-acerto-root #edit-container-pagamento.pagamento-container{
  width: 100%;
  margin-top: 20px;
  display: none;
}#csw-acerto-root #secao-pagamento.pagamento,#csw-acerto-root #edit-secao-pagamento.pagamento{
  width: 100%;
  background-color: #e1f7e7;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px grey;
  display: flex !important;
  flex-wrap: wrap !important;
  row-gap: 10px !important;
  column-gap: 2% !important;
  align-items: flex-start !important;
}#csw-acerto-root .titulo-pagamento{
  margin: 0 0 15px 0;
  color: #2d7c4f;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}#csw-acerto-root .grupo-pagamento{
  width: 32% !important;
  display: flex !important;
  flex-direction: column !important;
}#csw-acerto-root #group-pg-dinheiro,#csw-acerto-root #group-pg-pix{
  width: 48% !important;
  display: flex !important;
  flex-direction: column !important;
}#csw-acerto-root #group-pg-brinde,#csw-acerto-root #edit-group-pg-brinde{
  display: none !important;
}#csw-acerto-root .label-pagamento{
  font-size: 18px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
}#csw-acerto-root .input-pagamento{
  width: 100%;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  text-align: right;
}#csw-acerto-root .total-pagar,#csw-acerto-root .recebido,#csw-acerto-root .troco{
  width: 32% !important;
  display: flex !important;
  flex-direction: column !important;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  padding: 20px 0px 0px 0px;
}#csw-acerto-root .registrar{
  width: 100%;
  margin-top: 15px;
  background-color: #09913d;
  color: white;
  border: none;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 25px;
  font-weight: bold;
  transition: background-color 0.3s;
}#csw-acerto-root .registrar:hover{
  background-color: #077a32;
}#csw-acerto-root #whatsapp-popup{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}#csw-acerto-root .whatsapp-popup-content{
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}#csw-acerto-root .whatsapp-popup-titulo{
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #333;
  text-align: center;
  font-weight: bold;
}#csw-acerto-root .input-group{
  width: 80%;
  margin: 15px auto 0 auto;
  display: flex;
  flex-direction: column;
}#csw-acerto-root .label-compartilhar{
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}#csw-acerto-root .select-compartilhar{
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #f9f9f9;
  text-align: center;
  transition: border-color 0.3s;
}#csw-acerto-root .select-compartilhar:focus{
  border-color: #25D366;
  outline: none;
}#csw-acerto-root .campo-telefone{
  width: 80%;
  margin: 10px auto 0 auto;
  display: none;
}#csw-acerto-root .label-telefone{
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}#csw-acerto-root .input-telefone{
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #f9f9f9;
  text-align: center;
  transition: border-color 0.3s;
}#csw-acerto-root .input-telefone:focus{
  border-color: #25D366;
  outline: none;
}#csw-acerto-root .whatsapp-botoes{
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 15px;
}#csw-acerto-root .botao-whatsapp,#csw-acerto-root .whatsapp-btn-cancelar{
  width: 45%;
  padding: 10px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
}#csw-acerto-root .botao-whatsapp{
  background-color: #25D366;
  color: white;
}#csw-acerto-root .botao-whatsapp:hover{
  background-color: #128C7E;
}#csw-acerto-root .whatsapp-btn-cancelar{
  background-color: #dc3545;
  color: white;
}#csw-acerto-root .whatsapp-btn-cancelar:hover{
  background-color: #c82333;
}#csw-acerto-root .mensagem-venda{
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  display: none;
}#csw-acerto-root .mensagem-venda.success{
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}#csw-acerto-root .mensagem-venda.error{
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}#csw-acerto-root .barra-progresso{
  width: 100%;
  height: 5px;
  background-color: #e9ecef;
  border-radius: 5px;
  overflow: hidden;
  margin: 10px 0;
  display: none;
}#csw-acerto-root .progresso{
  width: 0;
  height: 100%;
  background-color: #09913d;
  animation: progresso-animacao 2s linear forwards;
}@keyframes progresso-animacao{
  0% { width: 0; }
  100% { width: 100%; }
}#csw-acerto-root .lista-vendas{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}#csw-acerto-root .venda-card{
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
}#csw-acerto-root .venda-vendedor{
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}#csw-acerto-root .box-venda-vendedor{
  width: 100%;
  padding: 10px;
}#csw-acerto-root .box-venda-vendedor .venda-label{
  font-size: 16px;
  color: #005d87;
}#csw-acerto-root .box-venda-vendedor .venda-value{
  font-size: 18px;
  color: #333;
  font-weight: bold;
}#csw-acerto-root .produtos-lista{
  margin: 15px 0;
  text-align: center;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #eee;
  border-radius: 5px;
}#csw-acerto-root .produto-item{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}#csw-acerto-root .produto-item:last-child{
  border-bottom: none;
}#csw-acerto-root .box-venda-produto{ width: 19%; }#csw-acerto-root .box-venda-venda{ width: 14%; }#csw-acerto-root .box-venda-brinde{ width: 14%; }#csw-acerto-root .box-venda-extravio{ width: 14%; }#csw-acerto-root .box-venda-devolucao{ width: 14%; }#csw-acerto-root .box-venda-pagar-produto{ width: 19%; }#csw-acerto-root .pagamento-acoes{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}#csw-acerto-root .box-venda-dinheiro{ width: 19%; }#csw-acerto-root .box-venda-pix{ width: 14%; }#csw-acerto-root .box-venda-brinde-pag{ width: 14%; }#csw-acerto-root .box-venda-total-pago{ width: 14%; }#csw-acerto-root .box-venda-troco{ width: 14%; }#csw-acerto-root .box-venda-acoes{ width: 19%; }#csw-acerto-root .venda-label{
  font-weight: bold;
  color: #005d87;
  margin-bottom: 5px;
  font-size: 14px;
}#csw-acerto-root .venda-value{
  font-weight: bold;
  font-size: 13px;
  color: #333;
}#csw-acerto-root .venda-actions{
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}#csw-acerto-root .acao-compartilhar{
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px;
  color: #25D366;
  transition: background 0.3s, color 0.3s;
}#csw-acerto-root .acao-compartilhar:hover{
  background: #25D366;
  color: white;
}#csw-acerto-root .acao-editar,#csw-acerto-root .acao-excluir{
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px;
  transition: background 0.3s, color 0.3s;
}#csw-acerto-root .acao-editar{
  color: #09913d;
}#csw-acerto-root .acao-editar:hover{
  background: #09913d;
  color: white;
}#csw-acerto-root .acao-excluir{
  color: #dc3545;
}#csw-acerto-root .acao-excluir:hover{
  background: #dc3545;
  color: white;
}#csw-acerto-root .edit-popup-venda{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  display: none;
}#csw-acerto-root .popup-content{
  background-color: #ffffff;
  padding: 10px;
  border-radius: 10px;
  width: 90%;
  max-width: 1200px;
  max-height: 80vh;
  overflow-y: auto;
}#csw-acerto-root .popup-titulo{
  margin: 0 0 20px 0;
  font-size: 20px;
  color: #333;
  text-align: center;
}#csw-acerto-root .edit-form-venda{
  margin-bottom: 20px;
}#csw-acerto-root .edit-vendedor-select{
  width: 50%;
  margin: 0 auto 20px auto;
  text-align: center;
}#csw-acerto-root .edit-vendedor-select .label-vendedor{
  font-weight: bold;
  font-size: 16px;
  color: #333;
  display: block;
  margin-bottom: 5px;
}#csw-acerto-root .edit-vendedor-select .input-vendedor{
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  background-color: #e9ecef;
  cursor: not-allowed;
}#csw-acerto-root #edit-container-produtos.produtos-container{
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 30px;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="1"]{
  background-color: #FFFFC7;
  padding: 8px;
  border-radius: 10px;
  box-sizing: border-box;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="2"]{
  background-color: #bae1ff;
  padding: 8px;
  border-radius: 10px;
  box-sizing: border-box;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="3"]{
  background-color: #ffdefd;
  padding: 8px;
  border-radius: 10px;
  box-sizing: border-box;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="4"]{
  background-color: #FFE0B3;
  padding: 8px;
  border-radius: 10px;
  box-sizing: border-box;
}#csw-acerto-root #edit-container-produtos.produtos-1 [data-produto-id="1"]{
  width: 50%;
  margin: 0 auto;
}#csw-acerto-root #edit-container-produtos.produtos-2 [data-produto-id="1"],#csw-acerto-root #edit-container-produtos.produtos-2 [data-produto-id="2"]{
  width: 49%;
}#csw-acerto-root #edit-container-produtos.produtos-3 [data-produto-id="1"],#csw-acerto-root #edit-container-produtos.produtos-3 [data-produto-id="2"],#csw-acerto-root #edit-container-produtos.produtos-3 [data-produto-id="3"]{
  width: 32%;
}#csw-acerto-root #edit-container-produtos.produtos-4{
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 820px;
  margin: 0 auto;
  gap: 20px;
}#csw-acerto-root #edit-container-produtos.produtos-4 [data-produto-id="1"],#csw-acerto-root #edit-container-produtos.produtos-4 [data-produto-id="2"],#csw-acerto-root #edit-container-produtos.produtos-4 [data-produto-id="3"],#csw-acerto-root #edit-container-produtos.produtos-4 [data-produto-id="4"]{
  width: 100%;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="1"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #0a7134;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="2"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #0a7135;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="3"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #440a71;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="4"] .titulo-produto{
  margin: 10px 0 10px 0;
  color: #135f97;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}#csw-acerto-root #edit-container-pagamento.pagamento-container{
  width: 100%;
  margin-top: 20px;
  display: none;
}#csw-acerto-root #edit-secao-pagamento.pagamento{
  width: 100%;
  background-color: #e1f7e7;
  padding: 15px;
  border-radius: 10px;
  display: flex !important;
  flex-wrap: wrap !important;
  row-gap: 10px !important;
  column-gap: 2% !important;
  align-items: flex-start !important;
}#csw-acerto-root #edit-group-pg-brinde{
  display: none !important;
}#csw-acerto-root #edit-mensagem-venda.mensagem-venda{
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  display: none;
}#csw-acerto-root #edit-mensagem-venda.success{
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}#csw-acerto-root #edit-mensagem-venda.error{
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}#csw-acerto-root #edit-barra-progresso.barra-progresso{
  width: 100%;
  height: 5px;
  background-color: #e9ecef;
  border-radius: 5px;
  overflow: hidden;
  margin: 10px 0;
  display: none;
}#csw-acerto-root .popup-botoes{
  display: flex;
  margin: 10px 0px 0px 0px;
  gap: 10px;
  justify-content: center;
}#csw-acerto-root .botao-salvar,#csw-acerto-root .botao-cancelar{
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}#csw-acerto-root .botao-salvar{
  background-color: #09913d;
  color: white;
}#csw-acerto-root .botao-salvar:hover{
  background-color: #077a32;
}#csw-acerto-root .botao-cancelar{
  background-color: #dc3545;
  color: white;
}#csw-acerto-root .botao-cancelar:hover{
  background-color: #c82333;
}#csw-acerto-root .total-pagar-texto{
  color: #1074e8;
  font-size: 20px;
}#csw-acerto-root .recebido-texto{
  color: #5e17eb;
  font-size: 20px;
}#csw-acerto-root .pagamento-correto{
  color: #1c8f27;
  font-size: 20px;
}#csw-acerto-root .esta-faltando{
  color: #ff3131;
  font-size: 20px;
}#csw-acerto-root .troco-texto{
  color: #ff6100;
  font-size: 20px;
}#csw-acerto-root .aguardando-pagamento{
  color: #333;
  font-size: 20px;
}#csw-acerto-root .informativo-prestacao{
  width: 100%;
  margin: 0 auto 20px auto;
  background-color: #ffffff;
  padding: 0;
  border-radius: 8px;
  text-align: center;
}#csw-acerto-root .accordion-panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0;
}#csw-acerto-root .accordion-panel.active{
  max-height: none;
  padding: 15px;
}#csw-acerto-root .informativo-prestacao h3{
  margin: 0 0 10px 0;
  font-size: 18px;
  color: #2d7c4f;
  font-weight: bold;
}#csw-acerto-root #lista-informativo.informativo-container{
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 1120px;
}#csw-acerto-root .informativo-card{
  background-color: #f1f1f1;
  padding: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}#csw-acerto-root .informativo-1{
  max-width: 400px;
  margin: 0 auto;
}#csw-acerto-root .informativo-1 .informativo-card-1{
  width: 100%;
  min-width: 400px;
}#csw-acerto-root .informativo-2{
  max-width: 820px;
  margin: 0 auto;
}#csw-acerto-root .informativo-2 .informativo-card-2{
  width: 48%;
  padding: 10px;
}#csw-acerto-root .informativo-3{
  max-width: 960px;
  margin: 0 auto;
}#csw-acerto-root .informativo-3 .informativo-card-3{
  width: 32%;
  min-width: 300px;
}#csw-acerto-root .informativo-4{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  max-width: 820px;
  margin: 0 auto;
  gap: 20px;
}#csw-acerto-root .informativo-4 .informativo-card-4{
  width: 100%;
  min-width: 200px;
}#csw-acerto-root .informativo-info{
  flex: 1;
  text-align: center;
  min-width: 100px;
  display: flex;
  flex-direction: column;
}#csw-acerto-root .informativo-info .venda-label{
  font-size: 20px;
}#csw-acerto-root .informativo-info .venda-value{
  font-size: 18px;
}#csw-acerto-root .accordion-icon{
  font-size: 14px;
  color: #2d7c4f;
  transition: transform 0.3s ease;
}#csw-acerto-root .edit-popup-venda[style*="display: flex"]{
  display: flex !important;
}#csw-acerto-root .edit-popup-venda[style*="display: flex"] #edit-container-pagamento.pagamento-container{
  display: block !important;
}#csw-acerto-root .edit-popup-venda[style*="display: flex"] #edit-secao-pagamento.pagamento{
  display: flex !important;
}@media (max-width: 768px){#csw-acerto-root .titulo-vendas{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 28px;
        color: #40A6FD;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
    }#csw-acerto-root .titulo-vendas .crud-icon{
        font-size: 1.4rem;
        color: #29AC52;
        transition: transform 0.2s ease, color 0.3s ease;
    }#csw-acerto-root .titulo-vendas .crud-icon:hover{
        transform: scale(1.2);
        color: #40A6FD;
    }#csw-acerto-root .hidden{
        display: none !important;
    }#csw-acerto-root{
        font-family: Arial, sans-serif;
        background-color: #f4f4f4;
        margin: 0;
        padding: 10px;
    }#csw-acerto-root #container-vendas.container{
        max-width: 100%;
        width: 100%;
        margin: 0;
        background-color: #ffffff;
        padding: 4px;
        border-radius: 8px;
        box-shadow: none;
    }#csw-acerto-root .accordion-button{
        background: none;
        border: none;
        padding: 2px;
        font-size: 16px;
        font-weight: bold;
        color: #2d7c4f;
        cursor: pointer;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }#csw-acerto-root #seletor-vendedor.vendedor-select{
        width: 100%;
        margin: 0 auto 5px auto;
        text-align: center;
    }#csw-acerto-root .label-vendedor{
        font-weight: bold;
        font-size: 16px;
        color: #333;
        display: block;
        margin-bottom: 4px;
    }#csw-acerto-root .input-vendedor{
        width: 100%;
        padding: 8px;
        margin: 0px 0px 11px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px grey;
        border: 1px solid #ccc;
        font-size: 18px;
        text-align: center;
    }#csw-acerto-root input[type=date],#csw-acerto-root input[type=email],#csw-acerto-root input[type=number],#csw-acerto-root input[type=password],#csw-acerto-root input[type=search],#csw-acerto-root input[type=tel],#csw-acerto-root input[type=text],#csw-acerto-root input[type=url],#csw-acerto-root select,#csw-acerto-root textarea{
        width: 95%;
        border: 1px solid #666;
        border-radius: 3px;
        padding: 2px;
        font-size: 20px;
        text-align: center;
        transition: all .3s;
    }#csw-acerto-root #container-produtos.produtos-container,#csw-acerto-root #edit-container-produtos.produtos-container{
        width: 100%;
        display: flex;
        flex-direction: column !important;
        gap: 12px;
        justify-content: center;
        margin-bottom: 0;
        flex-wrap: wrap !important;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id],#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id]{
        width: 100% !important;
        margin-bottom: 2px;
    }#csw-acerto-root #edit-container-produtos.produtos-2 [data-produto-id],#csw-acerto-root #edit-container-produtos.produtos-3 [data-produto-id],#csw-acerto-root #edit-container-produtos.produtos-4 [data-produto-id]{
        width: 100% !important;
    }#csw-acerto-root #edit-container-produtos.produtos-4{
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="1"],#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="1"]{
        background-color: #FFFFC7;
        padding: 8px;
        border-radius: 10px;
        box-sizing: border-box;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="2"],#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="2"]{
        background-color: #bae1ff;
        padding: 8px;
        border-radius: 10px;
        box-sizing: border-box;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="3"],#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="3"]{
        background-color: #ffdefd;
        padding: 8px;
        border-radius: 10px;
        box-sizing: border-box;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="4"],#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="4"]{
        background-color: #FFE0B3;
        padding: 8px;
        border-radius: 10px;
        box-sizing: border-box;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="1"] .titulo-produto,#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="1"] .titulo-produto{
        color: #0a7134;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="2"] .titulo-produto,#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="2"] .titulo-produto{
        color: #0a7135;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="3"] .titulo-produto,#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="3"] .titulo-produto{
        color: #440a71;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="4"] .titulo-produto,#csw-acerto-root #edit-container-produtos.produtos-container [data-produto-id="4"] .titulo-produto{
        color: #135f97;
    }#csw-acerto-root .campos{
        width: 100%;
        display: flex;
        gap: 2px;
        flex-wrap: nowrap !important;
    }#csw-acerto-root .campo{
        flex: 1;
        min-width: 0;
    }#csw-acerto-root .campo-venda,#csw-acerto-root .campo-extravio,#csw-acerto-root .campo-devolucao{
        width: 33.33% !important;
        text-align: center;
    }#csw-acerto-root .campo-brinde{
        display: none;
    }#csw-acerto-root .label-campo{
        font-size: 16px;
        display: block;
        margin-bottom: 4px;
        text-align: center;
    }#csw-acerto-root .input-produto{
        width: 100%;
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #ccc;
        font-size: 13px;
        text-align: center;
    }#csw-acerto-root .input-produto[readonly]{
        background-color: #e9ecef;
        cursor: not-allowed;
    }#csw-acerto-root .valor-pagar{
        margin-top: 8px;
        font-weight: bold;
        font-size: 16px;
        color: #333;
        text-align: center;
    }#csw-acerto-root #container-pagamento.pagamento-container,#csw-acerto-root #edit-container-pagamento.pagamento-container{
        width: 100%;
        margin-top: 6px;
        display: none;
    }#csw-acerto-root #secao-pagamento.pagamento,#csw-acerto-root #edit-secao-pagamento.pagamento{
        width: 100%;
        background-color: #e1f7e7;
        padding: 8px;
        border-radius: 6px;
        display: flex !important;
        flex-wrap: wrap !important;
        row-gap: 2px !important;
        column-gap: 1px !important;
        align-items: flex-start !important;
    }#csw-acerto-root .titulo-pagamento{
        margin: 0px 0 3px 0;
        color: #2d7c4f;
        font-size: 18px;
        text-align: center;
        width: 100%;
        font-weight: bold;
    }#csw-acerto-root .grupo-pagamento{
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }#csw-acerto-root #group-pg-dinheiro,#csw-acerto-root #edit-group-pg-dinheiro{
        width: 49% !important;
    }#csw-acerto-root #group-pg-pix,#csw-acerto-root #edit-group-pg-pix{
        width: 49% !important;
    }#csw-acerto-root #group-pg-brinde,#csw-acerto-root #edit-group-pg-brinde{
        width: 100% !important;
        display: none !important;
    }#csw-acerto-root .label-pagamento{
        font-size: 16px;
        width: 100%;
        text-align: center;
        font-weight: bold;
        padding: 2px;
    }#csw-acerto-root .input-pagamento{
        width: 100%;
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #ccc;
        font-size: 13px;
        text-align: right;
    }#csw-acerto-root .total-pagar,#csw-acerto-root .recebido,#csw-acerto-root .troco{
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        padding: 2px;
    }#csw-acerto-root #secao-pagamento .total-pagar,#csw-acerto-root #secao-pagamento .recebido,#csw-acerto-root #edit-secao-pagamento .total-pagar,#csw-acerto-root #edit-secao-pagamento .recebido{
        width: 48% !important;
    }#csw-acerto-root #secao-pagamento .troco,#csw-acerto-root #edit-secao-pagamento .troco{
        width: 100% !important;
    }#csw-acerto-root .registrar{
        width: 100%;
        margin-top: 10px;
        background-color: #09913d;
        color: white;
        border: none;
        padding: 1px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 20px;
        font-weight: bold;
        transition: background-color 0.3s;
    }#csw-acerto-root .registrar:hover{
        background-color: #077a32;
    }#csw-acerto-root #whatsapp-popup{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }#csw-acerto-root .whatsapp-popup-content{
        background-color: #ffffff;
        padding: 15px;
        border-radius: 8px;
        width: 95%;
        max-width: 400px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }#csw-acerto-root .whatsapp-popup-titulo{
        margin: 0 0 10px 0;
        font-size: 16px;
        color: #333;
        text-align: center;
        font-weight: bold;
    }#csw-acerto-root .input-group{
        width: 90%;
        margin: 10px auto 0 auto;
        display: flex;
        flex-direction: column;
    }#csw-acerto-root .label-compartilhar{
        font-size: 13px;
        color: #333;
        font-weight: bold;
        margin-bottom: 4px;
        text-align: center;
    }#csw-acerto-root .select-compartilhar{
        width: 100%;
        padding: 8px;
        font-size: 13px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #f9f9f9;
        text-align: center;
        transition: border-color 0.3s;
    }#csw-acerto-root .select-compartilhar:focus{
        border-color: #25D366;
        outline: none;
    }#csw-acerto-root .campo-telefone{
        width: 90%;
        margin: 8px auto 0 auto;
        display: none;
    }#csw-acerto-root .label-telefone{
        font-size: 13px;
        color: #333;
        font-weight: bold;
        margin-bottom: 4px;
        text-align: center;
    }#csw-acerto-root .input-telefone{
        width: 100%;
        padding: 8px;
        font-size: 13px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #f9f9f9;
        text-align: center;
        transition: border-color 0.3s;
    }#csw-acerto-root .input-telefone:focus{
        border-color: #25D366;
        outline: none;
    }#csw-acerto-root .whatsapp-botoes{
        display: flex;
        gap: 8px;
        justify-content: center;
        margin-top: 10px;
    }#csw-acerto-root .botao-whatsapp,#csw-acerto-root .whatsapp-btn-cancelar{
        width: 45%;
        padding: 8px;
        border: none;
        border-radius: 5px;
        font-size: 13px;
        cursor: pointer;
        transition: background-color 0.3s;
    }#csw-acerto-root .botao-whatsapp{
        background-color: #25D366;
        color: white;
    }#csw-acerto-root .botao-whatsapp:hover{
        background-color: #128C7E;
    }#csw-acerto-root .whatsapp-btn-cancelar{
        background-color: #dc3545;
        color: white;
    }#csw-acerto-root .whatsapp-btn-cancelar:hover{
        background-color: #c82333;
    }#csw-acerto-root .mensagem-venda{
        width: 100%;
        padding: 8px;
        margin: 8px 0;
        border-radius: 5px;
        text-align: center;
        font-size: 13px;
        display: none;
    }#csw-acerto-root .mensagem-venda.success{
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }#csw-acerto-root .mensagem-venda.error{
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }#csw-acerto-root .barra-progresso{
        width: 100%;
        height: 4px;
        background-color: #e9ecef;
        border-radius: 4px;
        overflow: hidden;
        margin: 8px 0;
        display: none;
    }#csw-acerto-root .progresso{
        width: 0;
        height: 100%;
        background-color: #09913d;
        animation: progresso-animacao 2s linear forwards;
    }#csw-acerto-root .lista-vendas{
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 20px;
    }#csw-acerto-root .venda-card{
        background-color: #b4dbf3;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        width: 100%;
        box-sizing: border-box;
    }#csw-acerto-root .venda-vendedor{
        width: 100%;
        text-align: center;
        margin-bottom: 4px;
    }#csw-acerto-root .box-venda-vendedor{
        width: 100%;
        padding: 0px;
    }#csw-acerto-root .box-venda-vendedor .venda-label{
        font-size: 16px;
        color: #005d87;
    }#csw-acerto-root .box-venda-vendedor .venda-value{
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }#csw-acerto-root .produtos-lista{
        margin: 4px 0;
        text-align: center;
        padding: 5px;
        background-color: #ffffff;
        border: 1px solid #eee;
        border-radius: 5px;
    }#csw-acerto-root .produto-item{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0px;
        padding: 2px 0;
        border-bottom: 1px solid #000000;
    }#csw-acerto-root .produto-item:last-child{
        border-bottom: none;
    }#csw-acerto-root .box-venda-produto{ width: 48%; }#csw-acerto-root .box-venda-venda{ width: 48%; }#csw-acerto-root .box-venda-brinde{ width: 43%; }#csw-acerto-root .box-venda-extravio{ width: 48%; }#csw-acerto-root .box-venda-devolucao{ width: 48%; }#csw-acerto-root .box-venda-pagar-produto{ width: 43%; }#csw-acerto-root .pagamento-acoes{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }#csw-acerto-root .box-venda-dinheiro{ width: 48%; }#csw-acerto-root .box-venda-pix{ width: 48%; }#csw-acerto-root .box-venda-brinde-pag{ width: 48%; }#csw-acerto-root .box-venda-total-pago{ width: 48%; }#csw-acerto-root .box-venda-troco{ width: 48%; }#csw-acerto-root .box-venda-acoes{ width: 48%; }#csw-acerto-root .venda-label{
        font-weight: bold;
        color: #005d87;
        margin-bottom: 0px;
        font-size: 16px;
    }#csw-acerto-root .venda-value{
        font-weight: bold;
        font-size: 14px;
        color: #333;
    }#csw-acerto-root .venda-actions{
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: center;
    }#csw-acerto-root .acao-compartilhar{
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        padding: 15px;
        border-radius: 5px;
        color: #f78717;
        transition: background 0.3s, color 0.3s;
    }#csw-acerto-root .acao-compartilhar:hover{
        background: #25D366;
        color: white;
    }#csw-acerto-root .acao-editar,#csw-acerto-root .acao-excluir{
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        padding: 15px;
        border-radius: 5px;
        transition: background 0.3s, color 0.3s;
    }#csw-acerto-root .acao-editar{
        color: #09913d;
    }#csw-acerto-root .acao-editar:hover{
        background: #09913d;
        color: white;
    }#csw-acerto-root .acao-excluir{
        color: #dc3545;
    }#csw-acerto-root .acao-excluir:hover{
        background: #dc3545;
        color: white;
    }#csw-acerto-root .popup-venda{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        display: none;
    }#csw-acerto-root .informativo-prestacao{
        width: 100%;
        margin: 0 0 10px 0;
        background-color: #ffffff;
        padding: 0;
        border-radius: 6px;
        text-align: center;
    }#csw-acerto-root .accordion-button{
        background: none;
        border: none;
        padding: 2px;
        font-size: 16px;
        font-weight: bold;
        color: #2d7c4f;
        cursor: pointer;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }#csw-acerto-root .accordion-icon{
        font-size: 12px;
        color: #2d7c4f;
        transition: transform 0.3s ease;
    }#csw-acerto-root .accordion-panel{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0;
    }#csw-acerto-root .accordion-panel.active{
        max-height: none;
        padding: 10px;
    }#csw-acerto-root .informativo-prestacao h3{
        margin: 0 0 8px 0;
        font-size: 16px;
        color: #2d7c4f;
        font-weight: bold;
    }#csw-acerto-root #lista-informativo.informativo-container{
        width: 100%;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
    }#csw-acerto-root .informativo-card{
        background-color: #f1f1f1;
        padding: 15px;
        border-radius: 10px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }#csw-acerto-root .informativo-1{
        max-width: 100%;
        margin: 0 auto;
    }#csw-acerto-root .informativo-1 .informativo-card-1{
        width: 100%;
        min-width: unset;
    }#csw-acerto-root .informativo-2{
        max-width: 100%;
        margin: 0 auto;
    }#csw-acerto-root .informativo-2 .informativo-card-2{
        width: 100%;
        min-width: unset;
    }#csw-acerto-root .informativo-3{
        max-width: 100%;
        margin: 0 auto;
    }#csw-acerto-root .informativo-3 .informativo-card-3{
        width: 100%;
        min-width: unset;
    }#csw-acerto-root .informativo-4{
        display: flex !important;
        flex-direction: column;
        max-width: 100%;
        margin: 0 auto;
        gap: 10px;
    }#csw-acerto-root .informativo-4 .informativo-card-4{
        width: 100%;
        min-width: unset;
    }#csw-acerto-root .informativo-info{
        flex: 1;
        text-align: center;
        min-width: 100px;
        display: flex;
        flex-direction: column;
    }#csw-acerto-root .informativo-info .venda-label{
        font-size: 13px;
    }#csw-acerto-root .informativo-info .venda-value{
        font-size: 12px;
    }}#csw-acerto-root .titulo-vendas{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 30px;
    color: #40A6FD;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}#csw-acerto-root .crud-icon{
    font-size: 1.6rem;
    color: #29AC52;
    transition: transform 0.2s ease, color 0.3s ease;
}#csw-acerto-root .crud-icon:hover{
    transform: scale(1.2);
    color: #40A6FD;
}#csw-acerto-root .hidden{
    display: none !important;
}#csw-acerto-root{
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 20px;
}#csw-acerto-root #container-vendas.container{
    max-width: 1200px;
    width: 100%;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}#csw-acerto-root #seletor-extracao.extracao-select{
    width: 50%;
    margin: 0 auto 40px auto;
    text-align: center;
}#csw-acerto-root .label-extracao{
    font-weight: bold;
    font-size: 20px;
    color: #333;
    display: block;
    margin-bottom: 5px;
}#csw-acerto-root .input-extracao{
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 4px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 24px;
}#csw-acerto-root #seletor-vendedor.vendedor-select{
    width: 50%;
    margin: 0 auto 40px auto;
    text-align: center;
}#csw-acerto-root .label-vendedor{
    font-weight: bold;
    font-size: 20px;
    color: #333;
    display: block;
    margin-bottom: 5px;
}#csw-acerto-root .input-vendedor{
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 24px;
}#csw-acerto-root input[type=date],#csw-acerto-root input[type=email],#csw-acerto-root input[type=number],#csw-acerto-root input[type=password],#csw-acerto-root input[type=search],#csw-acerto-root input[type=tel],#csw-acerto-root input[type=text],#csw-acerto-root input[type=url],#csw-acerto-root select,#csw-acerto-root textarea{
    width: 100%;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 2px;
    font-size: 40px;
    text-align: center;
    transition: all .3s;
}#csw-acerto-root #container-produtos.produtos-container{
    width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 30px;
}#csw-acerto-root #container-produtos.produtos-container [data-produto-id="1"]{
    background-color: #ffffa3;
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px grey;
    width: 50%;
    margin: 0 auto;
}#csw-acerto-root .titulo-produto-container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}#csw-acerto-root .titulo-produto{
    margin: 0;
    color: #0a7134;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    flex: 1;
}#csw-acerto-root .titulo-centralizado{
    width: 100%;
    text-align: center;
}#csw-acerto-root .botao-adicionar-premio{
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}#csw-acerto-root .botao-adicionar-premio:hover{
    background-color: #218838;
}#csw-acerto-root .campos{
    width: 100%;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}#csw-acerto-root .campo{
    flex: 1;
    min-width: 100px;
}#csw-acerto-root .label-campo{
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}#csw-acerto-root .input-produto{
    width: 100%;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: center;
}#csw-acerto-root .input-produto[readonly]{
    background-color: #e9ecef;
    cursor: not-allowed;
}#csw-acerto-root .valor-pagar{
    margin-top: 8px;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    text-align: center;
}#csw-acerto-root #premios-container{
    margin-top: 15px;
}#csw-acerto-root .premio-input-group{
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
}#csw-acerto-root .premio-campo{
    flex: 1;
}#csw-acerto-root .label-premio{
    font-size: 19px;
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 3px;
    text-align: center;
}#csw-acerto-root #quantidade-premio,#csw-acerto-root #valor-premio{
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 19px;
}#csw-acerto-root .select-premio{
    padding: 9px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 19px;
}#csw-acerto-root #valor-premio{
    background-color: #e9ecef;
    cursor: not-allowed;
}#csw-acerto-root .premio-registrado{
    position: relative;
    padding: 8px 30px 8px 8px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 5px;
    font-size: 20px;
    text-align: neighbors;
}#csw-acerto-root .premio-registrado .btn-excluir-premio{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #dc3545;
    font-size: 12px;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    transition: background-color 0.2s;
}#csw-acerto-root .premio-registrado .btn-excluir-premio:hover{
    background-color: #dc3545;
    color: white;
}#csw-acerto-root #container-pagamento.pagamento-container{
    width: 100%;
    margin-top: 20px;
    display: block;
}#csw-acerto-root #secao-pagamento.pagamento{
    width: 100%;
    background-color: #e1f7e7;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px grey;
    display: flex !important;
    flex-wrap: wrap !important;
    row-gap: 10px !important;
    column-gap: 2% !important;
    align-items: flex-start !important;
    justify-content: center !important;
}#csw-acerto-root .titulo-pagamento{
    margin: 0px;
    color: #2d7c4f;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}#csw-acerto-root .grupo-pagamento{
    width: 48% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}#csw-acerto-root #group-pg-dinheiro.grupo-dinheiro,#csw-acerto-root #group-pg-pix.grupo-pix{
    width: 48% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}#csw-acerto-root .label-pagamento{
    font-size: 18px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}#csw-acerto-root .input-pagamento,#csw-acerto-root .input-dinheiro,#csw-acerto-root .input-pix{
    width: 100%;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: right;
}#csw-acerto-root .premios,#csw-acerto-root .premios-main,#csw-acerto-root .recebido,#csw-acerto-root .recebido-main,#csw-acerto-root .troco,#csw-acerto-root .troco-main{
    width: 32% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    font-size: 25px;
    font-weight: bold;
    padding: 20px 0px 0px 0px;
}#csw-acerto-root .premios .label-valor-pagamento,#csw-acerto-root .recebido .label-valor-pagamento{
    color: #333;
    font-weight: bold;
}#csw-acerto-root .premios .valor-dinamico{ color: #ff6100; }#csw-acerto-root .recebido .valor-dinamico{ color: #5e17eb; }#csw-acerto-root .troco,#csw-acerto-root .troco-main{ color: #333; }#csw-acerto-root .troco.aguardando{ color: #333; }#csw-acerto-root .troco.faltando{ color: #ff3131; }#csw-acerto-root .troco.correto{ color: #1c8f27; }#csw-acerto-root .troco.troco-disponivel{ color: #ff6100; }#csw-acerto-root .btn-registrar-main.registrar{
    width: 100%;
    margin-top: 15px;
    background-color: #09913d;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 25px;
    font-weight: bold;
    transition: background-color 0.3s;
}#csw-acerto-root .registrar:hover{
    background-color: #077a32;
}#csw-acerto-root .progress-bar-container{
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 30px;
    background-color: #e9ecef;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
    display: none;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}#csw-acerto-root .progress-bar{
    width: 0;
    height: 100%;
    background-color: #09913d;
    transition: width 0.3s ease;
    position: relative;
}#csw-acerto-root .progress-percentage{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}#csw-acerto-root .lista-vendas,#csw-acerto-root .lista-main{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}#csw-acerto-root .venda-card{
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
}#csw-acerto-root .venda-vendedor{
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}#csw-acerto-root .box-venda-vendedor{
    width: 100%;
    padding: 10px;
}#csw-acerto-root .box-venda-vendedor .venda-label{
    font-size: 16px;
    color: #005d87;
}#csw-acerto-root .box-venda-vendedor .venda-value{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}#csw-acerto-root .produtos-lista{
    margin: 15px 0;
    text-align: center;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 5px;
}#csw-acerto-root .produto-item{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}#csw-acerto-root .produto-item:last-child{
    border-bottom: none;
}#csw-acerto-root .box-venda-produto{ width: 19%; }#csw-acerto-root .box-venda-venda{ width: 14%; }#csw-acerto-root .box-venda-devolucao{ width: 14%; }#csw-acerto-root .box-venda-pagar-produto{ width: 19%; }#csw-acerto-root .box-venda-troco{ width: 19%; }#csw-acerto-root .pagamento-acoes{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}#csw-acerto-root .box-venda-dinheiro{ width: 19%; }#csw-acerto-root .box-venda-pix{ width: 14%; }#csw-acerto-root .box-venda-premio{ width: 14%; }#csw-acerto-root .box-venda-total-recebido{ width: 14%; }#csw-acerto-root .box-venda-acoes{ width: 19%; }#csw-acerto-root .venda-label{
    font-weight: bold;
    color: #005d87;
    margin-bottom: 5px;
    font-size: 14px;
}#csw-acerto-root .venda-value{
    font-weight: bold;
    font-size: 16px;
    color: #333;
}#csw-acerto-root .venda-actions{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
}#csw-acerto-root .acao-compartilhar,#csw-acerto-root .acao-editar,#csw-acerto-root .acao-excluir{
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    border-radius: 5px;
    transition: all 0.3s;
}#csw-acerto-root .acao-compartilhar{ color: #25D366; }#csw-acerto-root .acao-compartilhar:hover{ background: #25D366; color: white; }#csw-acerto-root .acao-editar{ color: #09913d; }#csw-acerto-root .acao-editar:hover{ background: #09913d; color: white; }#csw-acerto-root .acao-excluir{ color: #dc3545; }#csw-acerto-root .acao-excluir:hover{ background: #dc3545; color: white; }#csw-acerto-root .premios-detalhados{
    margin: 15px 0;
    padding: 10px;
    background-color: #fff8e1;
    border: 1px solid #ffe082;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
}#csw-acerto-root .premios-detalhados .venda-label{
    font-size: 15px;
    color: #d35400;
    margin-bottom: 8px;
}#csw-acerto-root .lista-premios{
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: 'Courier New', monospace;
    font-weight: bold;
    color: #d35400;
}#csw-acerto-root .item-premio{
    background-color: #fffbe6;
    padding: 0px 8px;
    border-radius: 4px;
    font-size: 18px;
    border-left: 3px solid #ffb300;
}#csw-acerto-root #whatsapp-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}#csw-acerto-root .whatsapp-popup-content{
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}#csw-acerto-root .whatsapp-popup-titulo{
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: bold;
}#csw-acerto-root .input-group{
    width: 80%;
    margin: 15px auto 0 auto;
    display: flex;
    flex-direction: column;
}#csw-acerto-root .label-compartilhar{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}#csw-acerto-root .select-compartilhar{
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f9f9f9;
    text-align: center;
    transition: border-color 0.3s;
}#csw-acerto-root .select-compartilhar:focus{
    border-color: #25D366;
    outline: none;
}#csw-acerto-root .campo-telefone{
    width: 80%;
    margin: 10px auto 0 auto;
    display: none;
}#csw-acerto-root .label-telefone{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}#csw-acerto-root .input-telefone{
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f9f9f9;
    text-align: center;
    transition: border-color 0.3s;
}#csw-acerto-root .input-telefone:focus{
    border-color: #25D366;
    outline: none;
}#csw-acerto-root .whatsapp-botoes{
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
}#csw-acerto-root .botao-whatsapp,#csw-acerto-root .whatsapp-btn-cancelar{
    width: 45%;
    padding: 10px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s;
}#csw-acerto-root .botao-whatsapp{
    background-color: #25D366;
    color: white;
}#csw-acerto-root .botao-whatsapp:hover{
    background-color: #128C7E;
}#csw-acerto-root .whatsapp-btn-cancelar{
    background-color: #dc3545;
    color: white;
}#csw-acerto-root .whatsapp-btn-cancelar:hover{
    background-color: #c82333;
}#csw-acerto-root .mensagem-venda,#csw-acerto-root .mensagem-main{
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    display: none;
}#csw-acerto-root .mensagem-venda.success,#csw-acerto-root .mensagem-main.success{
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}#csw-acerto-root .mensagem-venda.error,#csw-acerto-root .mensagem-main.error{
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}#csw-acerto-root .premios-texto{ color: #ff6100; font-size: 20px; }#csw-acerto-root .recebido-texto{ color: #5e17eb; font-size: 20px; }#csw-acerto-root .pagamento-correto{ color: #1c8f27; font-size: 20px; }#csw-acerto-root .esta-faltando{ color: #ff3131; font-size: 20px; }#csw-acerto-root .troco-texto{ color: #ff6100; font-size: 20px; }#csw-acerto-root .aguardando-pagamento{ color: #333; font-size: 20px; }@media (max-width: 768px){#csw-acerto-root .titulo-vendas{ font-size: 28px; margin-bottom: 15px; }#csw-acerto-root .crud-icon{ font-size: 1.4rem; }#csw-acerto-root{ padding: 10px; }#csw-acerto-root #container-vendas.container{
        padding: 0px;
        border-radius: 8px;
        box-shadow: none;
    }#csw-acerto-root #seletor-extracao.extracao-select,#csw-acerto-root #seletor-vendedor.vendedor-select{ width: 100%; margin-bottom: 5px; }#csw-acerto-root .input-extracao{ width: 50%; font-size: 18px; }#csw-acerto-root .input-vendedor{ font-size: 18px; margin-bottom: 11px; }#csw-acerto-root input[type=date],#csw-acerto-root input[type=email],#csw-acerto-root input[type=number],#csw-acerto-root input[type=password],#csw-acerto-root input[type=search],#csw-acerto-root input[type=tel],#csw-acerto-root input[type=text],#csw-acerto-root input[type=url],#csw-acerto-root select,#csw-acerto-root textarea{
        font-size: 20px;
    }#csw-acerto-root #container-produtos.produtos-container{
        flex-direction: column !important;
        gap: 12px;
        margin-bottom: 12px;
    }#csw-acerto-root #container-produtos.produtos-container [data-produto-id="1"]{
        width: 100% !important;
        padding: 8px;
    }#csw-acerto-root .titulo-produto{
        font-size: 26px;
    }#csw-acerto-root .botao-adicionar-premio{ font-size: 16px; padding: 8px; }#csw-acerto-root .campos{ gap: 2px; }#csw-acerto-root .campo-venda,#csw-acerto-root .campo-estoque,#csw-acerto-root .campo-devolucao{ width: 33.33% !important; }#csw-acerto-root .label-campo{ font-size: 16px; }#csw-acerto-root .input-produto{ font-size: 13px; }#csw-acerto-root .premio-input-group{ gap: 5px; }#csw-acerto-root .label-premio{ font-size: 16px; }#csw-acerto-root #quantidade-premio,#csw-acerto-root .select-premio,#csw-acerto-root #valor-premio{ font-size: 16px; }#csw-acerto-root .premio-registrado{ padding: 6px 25px 6px 6px; font-size: 18px; }#csw-acerto-root .premio-registrado .btn-excluir-premio{ font-size: 10px; }#csw-acerto-root #container-pagamento.pagamento-container{ margin-top: 6px; }#csw-acerto-root #secao-pagamento.pagamento{
        padding: 8px;
        border-radius: 6px;
        row-gap: 2px;
        column-gap: 1px;
    }#csw-acerto-root .titulo-pagamento{ font-size: 24px; }#csw-acerto-root .grupo-pagamento{ width: 100% !important; }#csw-acerto-root #group-pg-dinheiro,#csw-acerto-root #group-pg-pix{ width: 49% !important; }#csw-acerto-root .label-pagamento{ font-size: 16px; padding: 2px; }#csw-acerto-root .input-pagamento{ font-size: 13px; }#csw-acerto-root .premios{
        width: 49% !important;
        font-size: 22px;
        padding: 2px;
        flex-direction: column !important;
        gap: 2px;
    }#csw-acerto-root .recebido{
        width: 49% !important;
        font-size: 22px;
        padding: 2px;
        flex-direction: column !important;
        gap: 2px;
    }#csw-acerto-root .troco{
        width: 98% !important;
        font-size: 22px;
        padding: 2px;
        flex-direction: column !important;
        gap: 2px;
    }#csw-acerto-root .premios .label-valor-pagamento,#csw-acerto-root .recebido .label-valor-pagamento{
        font-size: 22px;
    }#csw-acerto-root .premios .valor-dinamico,#csw-acerto-root .recebido .valor-dinamico{
        font-size: 22px;
    }#csw-acerto-root .btn-registrar-main.registrar{ padding: 8px; font-size: 20px; }#csw-acerto-root .lista-vendas{ gap: 15px; margin-top: 20px; }#csw-acerto-root .venda-card{
        background-color: #b4dbf3;
        padding: 5px;
        border-radius: 6px;
    }#csw-acerto-root .venda-vendedor{ font-size: 16px; margin-bottom: 4px; }#csw-acerto-root .box-venda-vendedor .venda-label{ font-size: 16px; }#csw-acerto-root .box-venda-vendedor .venda-value{ font-size: 16px; }#csw-acerto-root .produtos-lista{ padding: 5px; margin: 4px 0; }#csw-acerto-root .produto-item{ gap: 0; padding: 2px 0; border-bottom: 1px solid #000; }#csw-acerto-root .box-venda-produto,#csw-acerto-root .box-venda-venda,#csw-acerto-root .box-venda-devolucao,#csw-acerto-root .box-venda-pagar-produto,#csw-acerto-root .box-venda-troco{
        width: 49% !important;
    }#csw-acerto-root .pagamento-acoes{ gap: 8px; }#csw-acerto-root .box-venda-dinheiro,#csw-acerto-root .box-venda-pix,#csw-acerto-root .box-venda-premio,#csw-acerto-root .box-venda-total-recebido,#csw-acerto-root .box-venda-acoes{ width: 48% !important; }#csw-acerto-root .venda-label{
        font-size: 16px;
        margin-bottom: 0;
        text-align: center;
    }#csw-acerto-root .venda-value{
        font-size: 14px;
        text-align: center;
    }#csw-acerto-root .acao-compartilhar,#csw-acerto-root .acao-editar,#csw-acerto-root .acao-excluir{ font-size: 20px; padding: 15px; }#csw-acerto-root .premios-detalhados{
        margin: 10px 0;
        padding: 8px;
        font-size: 12px;
    }#csw-acerto-root .premios-detalhados .venda-label{
        font-size: 20px;
    }#csw-acerto-root .item-premio{
        font-size: 17px;
        padding: 0px;
    }#csw-acerto-root #whatsapp-popup{ padding: 10px; }#csw-acerto-root .whatsapp-popup-content{ width: 95%; max-width: 400px; padding: 15px; }#csw-acerto-root .whatsapp-popup-titulo{ font-size: 16px; }#csw-acerto-root .input-group,#csw-acerto-root .campo-telefone{ width: 90%; }#csw-acerto-root .whatsapp-botoes{ gap: 8px; }#csw-acerto-root .botao-whatsapp,#csw-acerto-root .whatsapp-btn-cancelar{ padding: 8px; font-size: 13px; }#csw-acerto-root .progress-bar-container{ width: 80%; height: 25px; }#csw-acerto-root .progress-percentage{ font-size: 12px; }}#csw-acerto-root .rasp-devolucao-alert-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}#csw-acerto-root .rasp-devolucao-alert-overlay.show{
    visibility: visible;
    opacity: 1;
}#csw-acerto-root .rasp-devolucao-alert{
    background: #fff;
    padding: 30px 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 400px;
    width: 90%;
    animation: raspAlertPop 0.3s ease;
}#csw-acerto-root .rasp-devolucao-alert h3{
    margin: 0 0 20px;
    font-size: 1.4rem;
    color: #d32f2f;
    font-weight: 600;
}#csw-acerto-root .rasp-devolucao-alert .buttons{
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 25px;
}#csw-acerto-root .rasp-devolucao-alert button{
    padding: 10px 24px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
    min-width: 90px;
}#csw-acerto-root .rasp-devolucao-alert button.sim{
    background: #d32f2f;
    color: white;
}#csw-acerto-root .rasp-devolucao-alert button.sim:hover{
    background: #b71c1c;
}#csw-acerto-root .rasp-devolucao-alert button.cancelar{
    background: #e0e0e0;
    color: #333;
}#csw-acerto-root .rasp-devolucao-alert button.cancelar:hover{
    background: #ccc;
}@keyframes raspAlertPop{
    0% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}@media (max-width: 768px){#csw-acerto-root .rasp-devolucao-alert{
        padding: 25px 20px;
        width: 95%;
        max-width: 320px;
    }#csw-acerto-root .rasp-devolucao-alert h3{
        font-size: 1.2rem;
        margin-bottom: 15px;
    }#csw-acerto-root .rasp-devolucao-alert .buttons{
        flex-direction: column;
        gap: 12px;
    }#csw-acerto-root .rasp-devolucao-alert button{
        width: 100%;
        padding: 12px;
    }}
/* ===== Suplemento manual (página de Acerto): card Rasplec em container próprio ===== */
#csw-acerto-root #container-produtos-rasp.produtos-container{width:100%;display:flex;justify-content:center;margin-bottom:30px;}
#csw-acerto-root #container-produtos-rasp [data-produto-id="1"]{background-color:#FFC078;padding:20px;border-radius:10px;box-sizing:border-box;box-shadow:0 0 10px grey;}
#csw-acerto-root #container-produtos-rasp .titulo-produto{margin:10px 0;color:#0a7134;font-size:25px;font-weight:bold;text-align:center;}
/* Rótulos abreviados: texto completo no DESKTOP, abreviado no MOBILE (definido no @media abaixo). */
#csw-acerto-root .csw-lbl-mob{display:none;}
#csw-acerto-root .csw-lbl-desk{display:inline;}
/* DESKTOP: a barra "Encerrar: [x] Totolec [x] Rasplec" nascia block (100% da largura)
   enquanto o seletor de vendedor logo abaixo tem width:50% — desalinhamento visível.
   Iguala a barra ao seletor (mesma largura, mesmo eixo central). O margin-bottom fica
   com o inline style do elemento; aqui só largura + centragem. */
#csw-acerto-root .csw-acerto-escopo{width:50%;margin-left:auto;margin-right:auto;}
/* Botão de QR Code do PIX na seção de pagamento (desktop + mobile). */
#csw-acerto-root .csw-qr-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:8px;padding:4px;border:none;background:transparent;color:#2d7c4f;cursor:pointer;border-radius:8px;transition:background .2s,color .2s;}
#csw-acerto-root .csw-qr-btn:hover{background:#e1f7e7;color:#1c8f27;}
#csw-acerto-root .csw-qr-btn i,#csw-acerto-root .csw-qr-btn svg{width:26px;height:26px;}
/* Mobile: card Rasplec full-width + padding reduzido (igual Totolec) — evita estouro do viewport (3 colunas Venda/Estoque/Devolução cortadas). */
@media (max-width: 768px){
  /* Suplemento Rasplec: o card fica em container próprio (#container-produtos-rasp) que
     NÃO tem regra nos blocos Elementor. Definido aqui no contexto MOBILE p/ não herdar
     o desktop (full-width, padding/título enxutos p/ caber 3 produtos no celular). */
  #csw-acerto-root #container-produtos-rasp.produtos-container{margin-bottom:8px;margin-top:0;}
  #csw-acerto-root #container-produtos-rasp [data-produto-id="1"]{width:100% !important;padding:6px 8px !important;}
  #csw-acerto-root #container-produtos-rasp .titulo-produto-container{margin:2px 0 !important;}
  #csw-acerto-root #container-produtos-rasp .titulo-produto{margin:2px 0 !important;}
  /* abreviações de rótulos da seção de pagamento: só no mobile */
  #csw-acerto-root .csw-lbl-desk{display:none;}
  #csw-acerto-root .csw-lbl-mob{display:inline;}
  /* MOBILE: pagamento compacto em 2 linhas (caixa menor).
     Linha 1 (entradas): Pg. Dinheiro | Pg. Pix | Pg. Prêmio  (3 colunas)
     Linha 2 (status):   Total Pg.    | Recebido | Troco       (3 colunas) */
  #csw-acerto-root #secao-pagamento{ row-gap:8px !important; column-gap:2% !important; justify-content:space-between !important; }
  /* --- linha 1: entradas, 3 por linha --- */
  #csw-acerto-root #secao-pagamento #group-pg-dinheiro,
  #csw-acerto-root #secao-pagamento #group-pg-pix,
  #csw-acerto-root #secao-pagamento #campo-premios{ width:32% !important; }
  /* fontes maiores nas entradas: label 18 / valor (input) 18 */
  #csw-acerto-root #secao-pagamento .label-pagamento{ font-size:18px !important; }
  #csw-acerto-root #secao-pagamento .input-pagamento{ font-size:18px !important; }
  /* Pg. Prêmio: fonte 16px (igual às entradas) e ALINHAR o valor com os inputs.
     Como o prêmio não tem caixa de input, o valor recebe min-height = altura do input e
     centraliza o texto, p/ a linha do "R$ x,xx" bater com o valor digitado em Dinheiro/Pix. */
  #csw-acerto-root #secao-pagamento #campo-premios{ align-items:center !important; }
  #csw-acerto-root #secao-pagamento #campo-premios .label-valor-pagamento{ font-size:18px !important; width:100%; text-align:center; padding:2px; }
  #csw-acerto-root #secao-pagamento #campo-premios .valor-dinamico{ font-size:18px !important; width:100%; min-height:32px; display:flex; align-items:center; justify-content:center; }
  /* --- linha 2: status, 3 por linha (fonte menor mas legível) --- */
  #csw-acerto-root #secao-pagamento .total-pagar,
  #csw-acerto-root #secao-pagamento .recebido,
  #csw-acerto-root #secao-pagamento .troco{ width:32% !important; font-size:18px !important; text-align:center; }
  #csw-acerto-root #secao-pagamento .total-pagar-texto,
  #csw-acerto-root #secao-pagamento .recebido-texto,
  #csw-acerto-root #secao-pagamento .recebido .valor-dinamico,
  #csw-acerto-root #secao-pagamento .troco span{ font-size:18px !important; }
  /* maximizar largura útil no mobile: o shell Twind aplica padding:1rem (~16px/lado) no
     <main id="csw-content"> e o app tem padding próprio. Reduz ambos a 2px p/ caber as
     3 colunas na mesma linha. Mira o id ESTÁVEL #csw-content (não a classe Twind gerada). */
  #csw-content{ padding:2px !important; }
  #csw-acerto-root{ padding:2px !important; }
  /* MOBILE (16/07): a barra "Encerrar:" e o seletor de vendedor ocupavam 100% da
     largura e ficavam colados nas bordas — visual apertado. Ambos a 80%, centrados.
     O 100% vem do bloco Elementor do 2º widget (regra ~L1799); esta regra tem a
     MESMA especificidade e vence por vir depois — é por isso que mora aqui, no
     @media do FIM do arquivo, e não junto das regras de desktop. */
  #csw-acerto-root .csw-acerto-escopo{ width:80%; margin-left:auto; margin-right:auto; }
  #csw-acerto-root #seletor-vendedor.vendedor-select{ width:80%; margin-left:auto; margin-right:auto; }
}

/* ================================================================
   ENCERRAR VENDA (acerto) — layout DESKTOP em 2 colunas (17/07)
   Pedido do usuário: Totolec/Show/Fortcap 50% na LINHA 1; na LINHA 2
   Rasplec 50% à esquerda e Pagamento 50% à direita.
   SÓ desktop (>768px). Mobile (<=768px) fica INTACTO (bloco acima).
   Escopado por #csw-content[data-page="acerto"] p/ não afetar a página
   de EDIÇÃO do histórico (reusa #csw-acerto-root dentro de um modal,
   fora do #csw-content — mantém o empilhamento original).
   ================================================================ */
@media (min-width: 769px){
  #csw-content[data-page="acerto"] #csw-acerto-root{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 22px;
    align-items: stretch;
    grid-template-areas:
      "head    head"
      "escopo  escopo"
      "seletor seletor"
      "totolec totolec"
      "rasplec pagamento"
      "msg     msg";
  }
  #csw-content[data-page="acerto"] #csw-acerto-root > .csw-page-head    { grid-area: head; }
  #csw-content[data-page="acerto"] #csw-acerto-root > .csw-acerto-escopo{ grid-area: escopo; }
  #csw-content[data-page="acerto"] #csw-acerto-root > #seletor-vendedor { grid-area: seletor; }
  /* LINHA 1 = Totolec/Show/Fortcap ocupando a LARGURA TODA; o container já é
     flex width:100% e os cards produtos-2 são 49% cada -> 50/50 na linha inteira. */
  #csw-content[data-page="acerto"] #csw-acerto-root > #container-produtos{ grid-area: totolec; }
  /* LINHA 2 = Rasplec (50% esq) + Pagamento (50% dir) */
  #csw-content[data-page="acerto"] #csw-acerto-root > #csw-rasp-wrap    { grid-area: rasplec; }
  #csw-content[data-page="acerto"] #csw-acerto-root > #container-pagamento{ grid-area: pagamento; }
  #csw-content[data-page="acerto"] #csw-acerto-root > #mensagem-venda   { grid-area: msg; }
  /* Rasplec reusa .produtos-1 (bloco width:50% + margin auto). Dentro da célula de
     50% do grid isso deixava o card com ~25% e centralizado (torto). Preenche a célula. */
  #csw-content[data-page="acerto"] #csw-acerto-root > #csw-rasp-wrap #container-produtos-rasp .produto-block[data-produto-id="1"]{
    width: 100%;
    margin: 0;
  }
  /* PADRONIZAÇÃO dos títulos dos 4 cards (Totolec/Show/Fortcap, Rasplec, Pagamento)
     ao PARÂMETRO = .titulo-pagamento (30px / 700 / line-height 45px / sem margin/padding
     próprios). Antes: produtos 25px + margin 10; Pagamento 30px + margin 0 -> desiguais.
     Cor de cada card mantida de propósito. Só desktop. */
  #csw-content[data-page="acerto"] #csw-acerto-root #container-produtos.produtos-container [data-produto-id] .titulo-produto,
  #csw-content[data-page="acerto"] #csw-acerto-root #container-produtos-rasp .titulo-produto,
  #csw-content[data-page="acerto"] #csw-acerto-root .titulo-pagamento{
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    margin: 0;
    padding: 0;
  }
  /* neutraliza a margem do wrapper do título (Rasplec usa .titulo-produto-container
     com margin 10/10; Totolec/Fortcap não têm wrapper) p/ o espaçamento ficar igual. */
  /* padding-top do card Rasplec 20->10 (iguala o topo do título ao Pagamento, que usa
     secao padding-top:10); +10px abaixo do título repõe os inputs na MESMA altura (680). */
  #csw-content[data-page="acerto"] #csw-acerto-root > #csw-rasp-wrap #container-produtos-rasp .produto-block{ padding-top: 10px; }
  #csw-content[data-page="acerto"] #csw-acerto-root #container-produtos-rasp .titulo-produto-container{
    margin: 0 0 10px 0;
  }
  /* valores/placeholders dos inputs Quantidade/Prêmios/Valor do Rasplec -> 22px */
  #csw-content[data-page="acerto"] #csw-acerto-root #container-produtos-rasp .premio-campo .input-produto,
  #csw-content[data-page="acerto"] #csw-acerto-root #container-produtos-rasp .select-premio{ font-size: 22px; }
  /* "Pagar: R$" do Rasplec desce 7px p/ alinhar com a linha Prêmio/Total/Recebido do
     Pagamento (a linha de inputs do Rasplec é ~7px mais alta -> a de baixo ficava acima). */
  #csw-content[data-page="acerto"] #csw-acerto-root #container-produtos-rasp .valor-pagar{ margin-top: 15px; }
  /* "Recebido:" vinha de span próprio (.recebido-texto, 20px) -> fora do padrão 25px
     do Prêmio/Total. Iguala. */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .recebido .recebido-texto{ font-size: 25px; }
  /* remove o "R$ " (span .csw-rs) dos valores Prêmio/Total Pg/Recebido — SÓ no desktop
     (mobile mantém). Ex.: "R$ 270,00" -> "270,00". */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .csw-rs{ display: none; }
  /* ---- RODAPÉ dos 2 cards: sobra cortada p/ 20px + ENCERRAR na linha dos inputs ----
     (1) container do Rasplec tinha margin-bottom:30 (base .produtos-container) -> a célula
         ficava 30px mais alta que o conteúdo. Zera: card termina em conteúdo + 20px
         (padding-bottom:20 base do produto-block).
     (2) ENCERRAR vira absolute bottom:20 -> desce até a MESMA linha dos inputs
         Quantidade/Prêmios/Valor do Rasplec (bottoms iguais, 20px do fundo nos 2 cards).
     (3) status (Aguardando/troco) com largura total: em 32% quebrava em 2 linhas e
         colidiria com o botão descido; a 100% fica 1 linha, mesma posição. */
  #csw-content[data-page="acerto"] #csw-acerto-root > #csw-rasp-wrap #container-produtos-rasp{ margin-bottom: 0; }
  /* padding-bottom 20->10: há ~10px de elemento residual (lista de prêmios vazia) depois
     dos inputs -> 10+10 = 20px visuais até o fundo, e o ENCERRAR (bottom:20) alinha
     EXATO com o bottom dos inputs Quantidade/Prêmios/Valor. */
  #csw-content[data-page="acerto"] #csw-acerto-root > #csw-rasp-wrap #container-produtos-rasp .produto-block{ padding-bottom: 10px; }
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento{ position: relative; }
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .troco{ width: 100% !important; }
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .registrar{
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 20px;
    width: auto;
    margin-top: 0;
  }
  /* ---- LINHA 2: alinhar Rasplec x Pagamento (topo + altura) ----
     (1) Pagamento tinha margin-top:20px -> começava mais baixo. Remove.
     (2) align-items:stretch (grid acima) + box verde height:100% -> a célula do
         Pagamento estica até a altura do Rasplec (mais alto), bottoms alinhados. */
  #csw-content[data-page="acerto"] #csw-acerto-root > #container-pagamento{ margin-top: 0; }
  #csw-content[data-page="acerto"] #csw-acerto-root > #container-pagamento #secao-pagamento{ height: 100%; }
  /* ---- fontes internas do Pagamento (tamanhos pedidos) ----
     "Pagou em dinheiro/pix" = 22px; Prêmio/Total/Recebido + status(troco) = 25px. */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .label-pagamento{
    font-size: 22px;
  }
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .premios,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .premios .label-valor-pagamento,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .premios .valor-dinamico,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .total-pagar,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .total-pagar .total-pagar-texto,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .recebido,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .troco{
    font-size: 25px;
  }
  /* ---- fontes dos CARDS (Totolec/Fortcap/Rasplec) ----
     labels Venda/Extravio/Devolução/Estoque = 22px; "Pagar: R$" de cada card = 25px;
     labels Quantidade/Prêmio/Valor (Rasplec) = 22px. */
  #csw-content[data-page="acerto"] #csw-acerto-root .label-campo{ font-size: 22px; }
  #csw-content[data-page="acerto"] #csw-acerto-root .valor-pagar{ font-size: 25px; }
  #csw-content[data-page="acerto"] #csw-acerto-root .label-premio{ font-size: 22px; }
  /* ---- Total a pagar: FIM da quebra (label caía p/ a linha de baixo) ----
     .total-pagar era flex-direction:column (empilhava label/valor). Vira ROW, igual a
     Prêmio/Recebido. Larguras da linha: Prêmio 30% | Total 40% | Recebido 30% (=100%,
     mesma linha). Status (Aguardando/troco) segue na linha de baixo. !important p/
     vencer os width:32%!important e flex-direction:column!important do CSS legado. */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .total-pagar{
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
  }
  /* Prêmio/Total/Recebido IGUAIS (33% cada). Com column-gap:2% (2 gaps=4%) o valor que
     cabe numa linha é 32% cada (96%+4%=100%). Mesmo espaço p/ os 3, mesma linha, e o
     Recebido ganha largura (era 28%) -> some a quebra. */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento #campo-premios,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento #campo-total-pagar,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento #campo-recebido{ width: 32% !important; }
  /* enxuga o espaçamento em EXCESSO do Pagamento (paddings de 20px -> 8px; box 15->10)
     align-content:flex-start: o box verde é ESTICADO pelo grid (altura do Rasplec) e o
     align-content padrão (stretch) DISTRIBUÍA a sobra entre as linhas internas -> o
     desalinhamento variava com a largura da tela (em 1920 "Total" não quebra -> sobra
     maior -> tudo descia). Compacta as linhas no topo, igual ao Rasplec. */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento{ padding: 10px 15px; align-content: flex-start; }
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .troco{ padding-top: 8px; }
  /* ---- SIMETRIA com o card Rasplec (referência), medida por TEXTO no browser ----
     (a) gap label->input: Rasplec 9px, Pagamento 14px (padding-bottom:10 do label).
         10->5 iguala o gap -> inputs na MESMA altura (718). */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .label-pagamento{ padding-bottom: 5px; }
  /* (b) linha Prêmio/Total/Recebido alinhada por TEXTO com o "Pagar: R$" do Rasplec.
         O .premios ainda tinha padding-top:20 (base) e align-items:center fazia o texto
         "afundar" quando um item quebra linha (Prêmio 842 / Total 811 / Recebido 834
         vs Pagar 803). flex-start + padding único = os 3 textos na MESMA linha do Pagar. */
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .premios,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .total-pagar,
  #csw-content[data-page="acerto"] #csw-acerto-root #secao-pagamento .recebido{
    padding-top: 5px !important;
    align-items: flex-start !important;
  }
  /* box do Rasplec preenche a célula (cadeia de height:100%) p/ empatar o bottom com o
     Pagamento quando este é o mais alto -> os dois cards terminam na MESMA linha. */
  #csw-content[data-page="acerto"] #csw-acerto-root > #csw-rasp-wrap #container-produtos-rasp{ height: 100%; }
  #csw-content[data-page="acerto"] #csw-acerto-root > #csw-rasp-wrap #container-produtos-rasp .produto-block{ height: 100%; box-sizing: border-box; }
}