/* Formulários de venda, venda de serviços, orçamento e ordem (T3, leva 5): campos que no original são
   editáveis. Botões de calendário, lixeira e lápis nos grupos de campo, e o número cinza com lápis. */
#sale-form .saleform-group,
#quote-form .saleform-group,
#work-order-form .saleform-group { position: relative; }

/* O seletor nativo de data fica escondido: só o botão de calendário do grupo abre o calendário. */
#sale-form .saleform-group > .saleform-date-native,
#quote-form .saleform-group > .saleform-date-native,
#work-order-form .saleform-group > .saleform-date-native {
  position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; flex: none; min-width: 0;
  padding: 0; border: 0; opacity: 0; pointer-events: none;
}

/* Botões nos grupos (calendário, lixeira, lápis): iguais aos complementos de texto, mas clicáveis. */
#sale-form button.saleform-addon,
#quote-form button.saleform-addon,
#work-order-form button.saleform-addon {
  cursor: pointer; font: inherit; appearance: none; background: var(--sf-addon, #f6f6f6); color: var(--sf-soft, #5c6670);
}
#sale-form button.saleform-addon:hover,
#quote-form button.saleform-addon:hover,
#work-order-form button.saleform-addon:hover { background: #eceff1; }
#sale-form button.saleform-clear-button,
#quote-form button.saleform-clear-button,
#work-order-form button.saleform-clear-button { background: #fff; border-left: 0; }

/* Número: cinza enquanto travado, branco depois que o lápis libera. */
#sale-form .saleform-number-group > input[readonly],
#quote-form .saleform-number-group > input[readonly],
#work-order-form .saleform-number-group > input[readonly] {
  background: var(--sf-disabled, #eceff1); cursor: default;
}

/* O título dos formulários "Adicionar ..." não leva ícone no original (o ícone é só da lista). */
#page-title[data-mode='new'][data-route='sales']::before,
#page-title[data-mode='new'][data-route='service-sales']::before,
#page-title[data-mode='new'][data-route='quotes']::before,
#page-title[data-mode='new'][data-route='service-quotes']::before,
#page-title[data-mode='new'][data-route='work-orders']::before { content: none; display: none; }

/* Leva 6 (W2): lixeira DENTRO do campo de busca (Vendedor, Técnico), sem caixa própria, como no original. */
#sale-form .saleform-group:has(> .saleform-clear-button),
#quote-form .saleform-group:has(> .saleform-clear-button),
#work-order-form .saleform-group:has(> .saleform-clear-button) { display: block; position: relative; }
#sale-form .saleform-group:has(> .saleform-clear-button) > input,
#quote-form .saleform-group:has(> .saleform-clear-button) > input,
#work-order-form .saleform-group:has(> .saleform-clear-button) > input { width: 100%; padding-right: 40px; border-radius: 3px !important; }
#sale-form .saleform-group > button.saleform-clear-button,
#quote-form .saleform-group > button.saleform-clear-button,
#work-order-form .saleform-group > button.saleform-clear-button {
  position: absolute; top: 1px; right: 1px; bottom: 1px; width: 36px; min-width: 0; padding: 0;
  border: 0; border-radius: 0 3px 3px 0; background: transparent; color: #4b5560;
}
#sale-form .saleform-group > button.saleform-clear-button:hover,
#quote-form .saleform-group > button.saleform-clear-button:hover,
#work-order-form .saleform-group > button.saleform-clear-button:hover { background: transparent; color: #0f1921; }
/* O "R$" do desconto da linha só aparece como placeholder no orçamento (na venda e na ordem o prefixo já diz R$). */
#sale-form .saleform-table .col-discount input::placeholder,
#work-order-form .saleform-table .col-discount input::placeholder { color: transparent; }