/* Padrão visual do Atifix One (08/10/2026, pedido do Rodrigo): o que foi feito em Compras vale para todas as telas.
   Só estilo comum — nenhuma tela muda de lógica. Carregado depois do style.css. */

/* abas em guias: a ativa (.btn.primario) com o sublinhado laranja. Só quando a barra é de botões —
   no inventário a .wm-abas também carrega campos de data, e esses ficam como estão */
.wm-abas:has(> .btn) { gap: 2px; border-bottom: 2px solid var(--borda); }
.wm-abas > .btn { margin-bottom: -2px; padding: 9px 16px; border: 0; border-bottom: 3px solid transparent; border-radius: 8px 8px 0 0; background: transparent; color: var(--cinza); font-weight: 600; box-shadow: none; }
.wm-abas > .btn:hover { background: #eef2f8; color: var(--texto); }
.wm-abas > .btn.primario, .wm-abas > .btn.primario:hover { background: var(--branco); color: var(--azul); border-bottom-color: var(--laranja); }

/* tabelas: cabeçalho mais firme, zebra discreta e destaque ao passar o mouse. A zebra e o destaque ficam só nas
   linhas sem classe — as que têm cor de situação (conferido, corte, total, selecionada…) continuam com a sua */
.tabela th { background: #eef2f8; color: #3b4b60; font-size: 10.5px; border-bottom: 2px solid #cfd9e8; }
.tabela tbody tr:nth-child(even):not([class]) { background: #fafbfd; }
.tabela tbody tr:not([class]):hover, .tabela tbody tr.clicavel:hover { background: #f1f5fc; }

/* cabeçalho congelado: a caixa da tabela tem no máximo a altura da tela e rola por dentro, então o cabeçalho
   (que já é sticky) continua visível ao descer. Tabela curta não muda nada. */
.tabela-caixa { max-height: calc(100vh - 130px); }
.modal-caixa .tabela-caixa, .pedido-itens .tabela-caixa { max-height: none; }   /* janela tem rolagem própria; itens do pedido crescem com a página */

/* filtros dentro de um cartão: sem a moldura dupla (o cartão já é a moldura) */
.cartao > .filtros { padding: 0; border: 0; border-radius: 0; background: transparent; }
.cartao > .filtros:last-child { margin-bottom: 0; }

@media print { .tabela-caixa { max-height: none !important; overflow: visible !important; } }