/* ════════════════════════════════════════════════════════════════════════════
   CAMPO DE PREENCHER É BRANCO; O FUNDO DO MODAL NÃO — em TODOS os modais
   (padrão 36 do Construtor, aplicado ao sistema inteiro em 20/10/2026, pedido
   do Felipe a partir do modal do Pós-venda).

   Carregado POR ÚLTIMO no main.html, para valer por cima do CSS de cada
   módulo. Por isso o !important: as telas pintam os campos com seletores de
   id (#esRoot .cm-val…), que uma regra global não venceria de outro jeito.
   Ele só vale DENTRO de modal, gaveta ou janela de diálogo — a página, as
   barras de filtro e as tabelas soltas não mudam.

   - Campo editável (input, select, textarea): fundo BRANCO, borda fina.
   - Campo travado (disabled, readonly, .is-travado): o CINZA do travado.
   - Estados que já têm cor própria (inválido, alerta) ficam como estão.
   - Os painéis de modal que eram brancos passam ao creme do card
     (--card-bg), senão o campo branco não aparece.
   ════════════════════════════════════════════════════════════════════════════ */

:root {
  --campo-bg: #fff;
  --campo-travado-bg: rgba(120,130,128,.13);
  --campo-travado-borda: rgba(120,130,128,.28);
}

/* os painéis que eram brancos ficam com o fundo do card */
.modal, .cargo-modal, .ctrl-modal, .gqv-modal, .product-search-modal__dialog,
html.qmob-scope :is(main.content,.topbar-actions) .product-search-modal__dialog {
  background: var(--card-bg, #fafaf5) !important;
}

/* campo editável: branco.
   ATENÇÃO ao editar: nada de quebra de linha ANTES de um :not/:is que se
   prende ao elemento — no CSS o espaço vira "descendente" e a regra não pega. */
:is(.cm-modal, .cm-sec-dialog, .modal, .modal-overlay, [role="dialog"], [aria-modal="true"], [class*="-modal"], [class*="modal-"], [class*="drawer"], [class*="wizard"]):not(html):not(body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select, textarea):not(:disabled):not([readonly]):not(.is-travado):not(.invalid):not(.is-erro):not([aria-invalid="true"]):not(:is(.is-alerta, .is-alerta *)) {
  background-color: var(--campo-bg) !important;
}

/* campo travado: cinza */
:is(.cm-modal, .cm-sec-dialog, .modal, .modal-overlay, [role="dialog"], [aria-modal="true"], [class*="-modal"], [class*="modal-"], [class*="drawer"], [class*="wizard"]):not(html):not(body) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select, textarea):is(:disabled, [readonly], .is-travado) {
  background-color: var(--campo-travado-bg) !important;
  border-color: var(--campo-travado-borda) !important;
  color: var(--text-2, var(--text-secondary));
  opacity: 1;
}

/* input solto (sem classe) não usa a borda afundada do navegador */
:is(.cm-modal, .cm-sec-dialog, .modal, .modal-overlay, [role="dialog"], [aria-modal="true"], [class*="-modal"], [class*="modal-"], [class*="drawer"], [class*="wizard"]):not(html):not(body) :is(input:not([class]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select:not([class]), textarea:not([class])) {
  border: 1px solid var(--border, var(--card-border));
  border-radius: 6px;
  box-shadow: none;
}

/* os seletores que são BOTÃO mas fazem papel de campo (multisseleção de BU,
   de gente…): também brancos — e cinzas quando travados */
:is(.cm-modal, .cm-sec-dialog, .modal, .modal-overlay, [role="dialog"], [aria-modal="true"], [class*="-modal"], [class*="modal-"], [class*="drawer"], [class*="wizard"]):not(html):not(body) :is(.pp-ms-btn, .sg-caixa, .sb-btn):not(:disabled) {
  background-color: var(--campo-bg) !important;
}
:is(.cm-modal, .cm-sec-dialog, .modal, .modal-overlay, [role="dialog"], [aria-modal="true"], [class*="-modal"], [class*="modal-"], [class*="drawer"], [class*="wizard"]):not(html):not(body) :is(.pp-ms-btn, .sg-caixa, .sb-btn):disabled {
  background-color: var(--campo-travado-bg) !important;
  border-color: var(--campo-travado-borda) !important;
}

/* painéis que usam --column-bg (no tema = BRANCO): Qmob e Fiscal */
.catalog-modal__dialog, .confirm-modal__dialog, .supplier-remove-modal__dialog, .shipping-sim-modal__dialog,
.fiscal-drawer-panel, .fiscal-wizard-modal,
html.qmob-scope :is(main.content,.topbar-actions) :is(.catalog-modal__dialog, .confirm-modal__dialog, .shipping-sim-modal__dialog),
html.qmob-scope :is(main.content,.topbar-actions) :is(#supplierRemoveModal, #productRemoveModal, #proposalDeactivateModal, #approvalConfirmModal) .supplier-remove-modal__dialog {
  background: var(--card-bg, #fafaf5) !important;
}

/* caixas DENTRO do modal que eram brancas (o --surface-2 do tema é branco):
   um tom abaixo do creme, para o campo branco continuar aparecendo */
#jurCtRoot .jct-neg, #esRoot .es-mod.is-on { background: #f2f0e7 !important; }