:root{--texto:#1f2328;--texto-suave:#57606a;--fundo:#f6f7f9;--fundo-cartao:#fff;--borda:#d7dbe0;--acento:#2563eb;--acento-hover:#1d4ed8;--erro:#b91c1c;--erro-bg:#fef2f2;--alerta-bg:#fff7e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--texto);background:var(--fundo);font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--texto);margin:0 0 12px;font-weight:600}h1{font-size:20px}h2{font-size:17px}button{font:inherit;cursor:pointer;border:1px solid var(--borda);background:var(--fundo-cartao);border-radius:6px;padding:8px 14px}button:hover{border-color:var(--acento)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font:inherit;border:1px solid var(--borda);background:var(--fundo-cartao);color:var(--texto);border-radius:6px;width:100%;padding:8px 10px}input[type=checkbox],input[type=radio]{flex:none;width:auto;margin-top:0}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--borda);text-align:left;padding:8px}.app{max-width:860px;margin:0 auto;padding:24px 16px 64px}.topo{align-items:center;gap:16px;margin-bottom:24px;display:flex}.topo h1{flex:1;font-size:18px}.topo nav{flex-wrap:wrap;gap:8px;display:flex}.topo nav button.ativo{border-color:var(--acento);color:var(--acento);font-weight:600}.cartao{background:var(--fundo-cartao);border:1px solid var(--borda);border-radius:8px;margin-bottom:20px;padding:20px}.cartao label{margin-bottom:14px;font-weight:500;display:block}.cartao label>input,.cartao label>select,.cartao label>textarea{margin-top:6px}.linha{align-items:center;gap:8px;margin-bottom:14px;display:flex}.linha input{flex:1}.erro{color:var(--erro);background:var(--erro-bg);border:1px solid var(--erro);border-radius:6px;margin:0 0 16px;padding:10px 12px}.tabela-itens input{min-width:0}.tabela-itens tr.baixa-confianca{background:var(--alerta-bg)}.tabela-itens-editor{table-layout:fixed}.tabela-itens-editor .col-texto{width:22%}.tabela-itens-editor .col-produto{width:25%}.tabela-itens-editor .col-variacao{width:17%}.tabela-itens-editor .col-qtd{width:10%}.tabela-itens-editor .col-unidade{width:12%}.tabela-itens-editor .col-acao{width:14%}.tabela-itens-editor td,.tabela-itens-editor th{padding:8px 6px}.tabela-itens-editor input{padding:8px}.celula-produto{align-items:center;gap:6px;display:flex}.celula-produto input{flex:1}.etiqueta{white-space:nowrap;border-radius:999px;flex:none;padding:4px 6px;font-size:11px;line-height:1}.etiqueta-ok{color:#14532d;background:#dcfce7}.etiqueta-nova{color:#854d0e;background:var(--alerta-bg)}.etiqueta-neutra{color:var(--texto-suave);background:var(--fundo)}.dica{color:var(--texto-suave);margin:8px 0 16px;font-size:13px}.sem-produto{color:var(--texto-suave);font-style:italic}.tela-login{justify-content:center;align-items:center;min-height:100svh;display:flex}.tela-login .cartao{width:320px}.form-produto{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:12px;display:grid}.form-produto label{margin:0}.form-produto .check{align-items:center;gap:6px;display:flex}.acoes-produto{flex-wrap:wrap;gap:6px;display:flex}.cabecalho-lista{justify-content:space-between;align-items:center;gap:16px;display:flex}.cabecalho-lista .linha{margin:0}tr.inativo{opacity:.6}.tabela-responsiva{overflow-x:auto}.form-cadastro{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;display:grid}.form-cadastro label{margin:0}.form-cadastro .largo{grid-column:span 2}.form-cadastro .inteiro{grid-column:1/-1}.form-cadastro .check,.filtros-lista .check{align-items:center;gap:6px;margin:0;font-weight:400;display:inline-flex}.filtros-lista .check{border:1px solid var(--borda);background:var(--fundo-cartao);cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 14px}.filtros-lista .check:hover{border-color:var(--acento)}.filtros-lista{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.filtros-lista .busca{flex:1;gap:6px;min-width:220px;display:flex}.filtros-lista .busca input{flex:1}.aviso-ok{color:var(--acento)}.obs{cursor:help;opacity:.7}.aviso-pendente{color:#b45309;font-weight:500}.sugestao{opacity:.7;font-style:italic}.cotacao-fornecedor{border-top:1px solid var(--borda);margin-top:16px;padding-top:12px}.cotacao-fornecedor h4{margin:0 0 8px}.mensagem-cotacao{white-space:pre-wrap;background:var(--fundo-cartao);border:1px solid var(--borda);border-radius:6px;margin:0 0 10px;padding:10px;font-size:13px}a.botao{border:1px solid var(--acento);color:var(--acento);border-radius:6px;padding:8px 12px;text-decoration:none;display:inline-block}.etiqueta-atencao{color:#92400e;background:#fef3c7}.linha-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabela-itens input.valor{text-align:right;width:90px}.tabela-itens tfoot td{border-top:2px solid var(--borda);font-weight:600}@media (width<=700px){.topo{flex-wrap:wrap}.topo h1{flex-basis:100%}.form-produto,.form-cadastro{grid-template-columns:1fr}.form-cadastro .largo{grid-column:auto}.topo nav{flex-wrap:wrap}.cabecalho-lista{flex-direction:column;align-items:stretch}}.etapa-pedido{border:1px solid var(--borda);background:var(--fundo-cartao);border-top:4px solid;border-radius:10px;min-width:0;margin:24px 0;padding:20px;box-shadow:0 2px 8px #1f232808}.etapa-itens{border-top-color:#64748b}.etapa-fornecedor{background:#f5f8ff;border-top-color:#2563eb}.etapa-cliente{background:#f5fbf7;border-top-color:#16804a}.etapa-pedido h3{margin:0 0 16px}.etapa-itens>.cabecalho-lista{flex-wrap:wrap;margin-bottom:16px}.etapa-itens>.cabecalho-lista h3{margin:0}.etapa-cliente .acoes-produto{margin:16px 0}.aviso-calculo{color:#205638;background:#edf8f0;border:1px solid #badcc8;border-radius:6px;padding:12px 14px}@media (width<=700px){.etapa-pedido{padding:14px 10px}}.acao-copiar{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.confirmacao-copia{color:#205638;font-size:13px}.falha-copia{color:var(--erro);font-size:13px}.financeiro-totais{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.financeiro-totais>div{border:1px solid var(--borda);border-radius:6px;flex:1;min-width:140px;padding:1rem}.financeiro-totais strong{margin-top:.5rem;font-size:1.2rem;display:block}.app-financeiro{max-width:1440px}.financeiro{padding:24px}.financeiro>h2{font-size:24px}.financeiro>p{color:var(--texto-suave);font-size:13px}.financeiro>.linha{flex-wrap:wrap;margin:20px 0}.financeiro>.linha label{min-width:180px;margin:0;font-size:13px}.financeiro>h3{color:var(--texto-suave);font-size:13px;font-weight:500}.financeiro-totais{gap:12px}.financeiro-totais>div{background:#f8fafc;border-color:#e2e8f0;border-radius:10px}.financeiro-totais span{color:var(--texto-suave);font-size:12px}.financeiro-totais strong{font-variant-numeric:tabular-nums}.financeiro-lista-titulo{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.financeiro-lista-titulo h3{font-size:16px}.financeiro-lista-titulo>span{color:var(--texto-suave);font-size:12px}.financeiro-tabela-container{border:1px solid #e2e8f0;border-radius:10px}.financeiro-tabela{min-width:1060px;font-size:13px}.financeiro-tabela th{color:#475569;white-space:nowrap;background:#f1f5f9;padding:14px 12px;font-size:12px;font-weight:600}.financeiro-tabela td{vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 12px}.financeiro-tabela tbody+tbody{border-top:3px solid #dce4ee}.financeiro-tabela tbody:nth-of-type(2n){background:#f8fafc}.financeiro-tabela tbody:hover{background:#f0f6ff}.financeiro-pedido{width:132px}.financeiro-pedido button{color:var(--acento);white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.financeiro-pedido button:hover{text-decoration:underline}.financeiro-parte{overflow-wrap:anywhere;min-width:180px;max-width:280px}.financeiro-parte strong{font-weight:500}.financeiro-legenda{color:#64748b;margin-bottom:3px;font-size:11px;font-weight:400;display:block}.financeiro-valor,.financeiro-comissao{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.financeiro-receber strong{color:#166534}.financeiro-pagar strong{color:#334155}.financeiro-comissao{color:#1d4ed8;background:#eff6ff70}.financeiro-status{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-block}.financeiro-status-aberto{color:#92400e;background:#fef3c7}.financeiro-status-pago,.financeiro-status-recebido{color:#166534;background:#dcfce7}.financeiro-status-cancelado{color:#64748b;background:#e2e8f0}.financeiro-vencimento{align-items:center;gap:5px;display:flex}.financeiro-vencimento input{width:138px;min-height:34px;padding:6px 7px;font-size:12px}.financeiro-vencimento button{color:var(--acento);padding:6px 8px;font-size:12px}.financeiro-baixa{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.financeiro-baixa small{color:var(--texto-suave);font-size:11px;display:block}.financeiro-acao{min-height:34px;color:var(--acento);white-space:nowrap;padding:6px 10px;font-size:12px}.financeiro-acao:hover{background:#eff6ff}@media (width<=700px){.financeiro{padding:14px}.financeiro-totais>div{min-width:120px;padding:12px}}.financeiro-dialogo{border:1px solid var(--borda);width:min(440px,100% - 32px);color:var(--texto);border-radius:12px;padding:24px;box-shadow:0 16px 48px #0f172a30}.financeiro-dialogo::backdrop{background:#0f172a66}.financeiro-dialogo p{font-size:14px}.financeiro-dialogo .acoes-produto{justify-content:flex-end;margin-top:20px}.financeiro-dialogo button[type=submit]{background:var(--acento);color:#fff;border-color:var(--acento)}
