:root{--chapa: #eef1f3;--superficie: #ffffff;--tinta: #1b2228;--apagado: #5e6a73;--linha: #d2d7dc;--linha-forte: #b6bec5;--dobra: #0e5c8a;--dobra-clara: #e3eef6;--atencao: #b4690e;--atencao-clara: #fbf1e0;--ok: #1f7a3d;--nao: #a32a21;--raio: 3px;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--chapa);color:var(--tinta);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:16px}h3{font-size:13px;color:var(--apagado);font-weight:600}a{color:var(--dobra)}:focus-visible{outline:2px solid var(--dobra);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{display:grid;grid-template-columns:208px 1fr;min-height:100%}.lateral{background:var(--tinta);color:#cdd5db;padding:20px 14px;display:flex;flex-direction:column;gap:22px}.marca{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:#fff;letter-spacing:-.01em}.marca-logo{width:26px;height:26px;flex:none;color:var(--dobra)}.login-logo{width:40px;height:40px;margin-bottom:10px;color:var(--dobra)}.marca span{display:block;font-weight:400;font-size:11px;color:#8a959d;letter-spacing:0}.nav{display:flex;flex-direction:column;gap:1px}.nav-grupo{font-size:10.5px;color:#79848c;padding:14px 10px 5px;font-weight:600}.nav a{color:#cdd5db;text-decoration:none;padding:7px 10px;border-radius:var(--raio);font-size:13.5px}.nav a:hover{background:#2a333b;color:#fff}.nav a.ativo{background:var(--dobra);color:#fff;font-weight:500}.rodape-lateral{margin-top:auto;font-size:12px;color:#8a959d;border-top:1px solid #2a333b;padding-top:12px}.rodape-lateral strong{display:block;color:#e6ebee;font-weight:500}.link-rodape{font-size:13px;color:#cdd5db;text-decoration:none;padding:4px 0}.link-rodape:hover{color:#fff;text-decoration:underline}.conteudo{padding:26px 30px 60px;max-width:1180px}.topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.topo p{margin:3px 0 0;color:var(--apagado);max-width:62ch}.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);padding:18px}.cartao+.cartao{margin-top:14px}.grade{display:grid;gap:14px}.grade-2{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grade-3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}label{display:block;font-size:12px;font-weight:500;color:var(--apagado);margin-bottom:4px}input,select,textarea{width:100%;font-family:inherit;font-size:14px;color:var(--tinta);background:var(--superficie);border:1px solid var(--linha-forte);border-radius:var(--raio);padding:7px 9px}input:disabled,select:disabled{background:#f3f5f6;color:var(--apagado)}textarea{min-height:70px;resize:vertical}input.numero,input.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.botao{font-family:inherit;font-size:13.5px;font-weight:500;border-radius:var(--raio);border:1px solid var(--linha-forte);background:var(--superficie);color:var(--tinta);padding:7px 13px;cursor:pointer}.botao:hover:not(:disabled){border-color:var(--apagado)}.botao:disabled{opacity:.5;cursor:not-allowed}.botao.primario{background:var(--dobra);border-color:var(--dobra);color:#fff}.botao.primario:hover:not(:disabled){background:#0b4d74}.botao.perigo{color:var(--nao);border-color:#e4c3c0}.botao.discreto{border-color:transparent;background:transparent;color:var(--apagado);padding:4px 6px}.botao.discreto:hover{color:var(--tinta);background:#eef1f3}.acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tabela-rolo{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:11.5px;font-weight:600;color:var(--apagado);padding:0 10px 7px;border-bottom:1px solid var(--tinta);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--linha);vertical-align:top}tbody tr:last-child td{border-bottom:none}th.num,td.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}td input{padding:4px 7px}.selo{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;border:1px solid;white-space:nowrap}.selo.RASCUNHO{color:var(--apagado);border-color:var(--linha-forte);background:#f3f5f6}.selo.AGUARDANDO_APROVACAO{color:var(--atencao);border-color:#e8d2ac;background:var(--atencao-clara)}.selo.AJUSTAR{color:var(--nao);border-color:#e4bab6;background:#faedec}.selo.APROVADO_INTERNO,.selo.ENVIADO{color:var(--dobra);border-color:#a9cbe2;background:var(--dobra-clara)}.selo.APROVADO{color:var(--ok);border-color:#b0d6bd;background:#e9f5ed}.selo.RECUSADO{color:var(--nao);border-color:#e4bab6;background:#faedec}.aviso{border:1px solid;border-radius:var(--raio);padding:9px 12px;font-size:13px;margin-bottom:14px}.aviso.erro{color:var(--nao);border-color:#e4bab6;background:#faedec}.aviso.atencao{color:var(--atencao);border-color:#e8d2ac;background:var(--atencao-clara)}.aviso.ok{color:var(--ok);border-color:#b0d6bd;background:#e9f5ed}.vazio{text-align:center;padding:44px 20px;color:var(--apagado)}.vazio p{margin:0 auto 14px;max-width:42ch}.dica{font-size:12px;color:var(--apagado);margin:5px 0 0}.peca{border:1px solid var(--linha);border-radius:var(--raio);background:var(--superficie)}.peca+.peca{margin-top:12px}.peca-cabeca{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--linha);background:#f7f9fa}.peca-cabeca .indice{font-family:var(--mono);font-size:12px;color:var(--apagado);padding-top:6px;min-width:18px}.peca-corpo{padding:14px}.cadeia{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;padding:12px;background:#f7f9fa;border:1px solid var(--linha);border-radius:var(--raio)}.elo{width:108px}.elo label{font-size:11px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elo input{font-family:var(--mono);text-align:right}.elo.fixo .valor{font-family:var(--mono);font-size:14px;text-align:right;padding:7px 9px;border:1px dashed var(--linha-forte);border-radius:var(--raio);color:var(--apagado);background:#eef1f3}.operador{font-family:var(--mono);color:var(--apagado);padding-bottom:9px;font-size:14px}.soma{margin-left:auto;text-align:right;padding-bottom:2px}.soma .rotulo{font-size:11px;color:var(--apagado)}.soma .valor{font-family:var(--mono);font-size:26px;font-weight:600;line-height:1.1;letter-spacing:-.02em}.soma .valor.incompleto{color:var(--linha-forte)}.resultado{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:flex-end;margin-top:14px}.resultado .dado .rotulo{font-size:11px;color:var(--apagado)}.resultado .dado .valor{font-family:var(--mono);font-size:16px;font-variant-numeric:tabular-nums}.resultado .total{margin-left:auto;text-align:right}.resultado .total .valor{font-size:22px;font-weight:600;color:var(--dobra)}.area-envio{display:block;width:100%;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--dobra);background:#f7f9fa;border:1px dashed var(--linha-forte);border-radius:var(--raio);padding:18px 14px;cursor:pointer;text-align:center}.area-envio:hover:not(:disabled){border-color:var(--dobra);background:var(--dobra-clara)}.area-envio:disabled{color:var(--apagado);cursor:wait}.area-envio span{display:block;margin-top:3px;font-weight:400;font-size:12px;color:var(--apagado)}.desenho{border:1px solid var(--linha);border-radius:var(--raio);padding:10px;background:#f7f9fa}.desenho img{display:block;max-width:100%;max-height:150px;margin:0 auto 10px;background:repeating-conic-gradient(#fff 0,#fff 25%,#e7ebee 0,#e7ebee 50%) 0 0 / 14px 14px}.desenho .acoes{justify-content:center}.miniatura{display:block;width:56px;height:42px;object-fit:contain;background:#f7f9fa;border:1px solid var(--linha);border-radius:var(--raio)}.referencia{display:inline-block;margin-bottom:12px;text-decoration:none}.referencia img{display:block;max-height:130px;max-width:100%;border:1px solid var(--linha);border-radius:var(--raio);background:#fff}.referencia span{display:block;margin-top:3px;font-size:12px;color:var(--dobra)}.revisao{border:1px solid var(--dobra);border-radius:var(--raio);background:var(--superficie);padding:18px;margin-top:14px}.revisao>h2{color:var(--dobra)}.revisao-margem{margin-top:16px;padding:14px;border-radius:var(--raio);background:#f7f9fa;border:1px solid var(--linha)}.revisao-margem .linha{display:flex;justify-content:space-between;gap:16px;padding:3px 0;font-size:13.5px;color:var(--apagado)}.revisao-margem .linha span:last-child{font-family:var(--mono);color:var(--tinta)}.revisao-margem .final{border-top:1px solid var(--linha-forte);margin-top:8px;padding-top:9px;font-weight:600;color:var(--tinta)}.revisao-margem .final span:last-child{font-size:18px}.fatia{display:flex;height:9px;border-radius:3px;overflow:hidden;margin:12px 0 8px;background:#e7ebee}.fatia div{height:100%}.fatia .custo{background:var(--apagado)}.fatia .comissao{background:var(--atencao)}.fatia .lucro{background:var(--ok)}.fatia-legenda{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--apagado)}.fatia-legenda b{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}.devolvido{border-left:3px solid var(--nao);background:#faedec;padding:12px 14px;border-radius:var(--raio);margin-bottom:14px}.devolvido strong{display:block;color:var(--nao);font-size:12.5px;margin-bottom:3px}.nav a .contador{float:right;background:var(--atencao);color:#fff;font-size:10.5px;font-weight:700;min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:9px;padding:0 4px;margin-top:2px}.nav a.ativo .contador{background:#fff;color:var(--dobra)}.indicadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}.indicador{background:var(--superficie);border:1px solid var(--linha);border-left:3px solid var(--linha-forte);border-radius:var(--raio);padding:13px 15px}.indicador .rotulo{font-size:11.5px;color:var(--apagado);font-weight:500}.indicador .valor{font-family:var(--mono);font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.25}.indicador .nota{font-size:11.5px;color:var(--apagado)}.indicador.destaque{border-left-color:var(--dobra)}.indicador.destaque .valor{font-size:26px}.indicador.tom-ok{border-left-color:var(--ok)}.indicador.tom-ok .valor{color:var(--ok)}.indicador.tom-nao{border-left-color:var(--nao)}.indicador.tom-nao .valor{color:var(--nao)}.indicador.tom-atencao{border-left-color:var(--atencao)}.indicador.tom-atencao .valor{color:var(--atencao)}.selo.P-AGUARDANDO{color:var(--apagado);border-color:var(--linha-forte);background:#f3f5f6}.selo.P-EM_PRODUCAO,.selo.P-INSTALACAO{color:var(--dobra);border-color:#a9cbe2;background:var(--dobra-clara)}.selo.P-CONCLUIDO{color:var(--ok);border-color:#b0d6bd;background:#e9f5ed}.selo.P-CANCELADO{color:var(--nao);border-color:#e4bab6;background:#faedec}.selo.R-BAIXA{color:var(--apagado);border-color:var(--linha-forte);background:#f3f5f6}.selo.R-ALTA,.selo.R-URGENTE{color:var(--atencao);border-color:#e8d2ac;background:var(--atencao-clara)}.selo.R-URGENTE{color:#fff;background:var(--nao);border-color:var(--nao)}.barra{height:6px;background:#e7ebee;border-radius:3px;overflow:hidden;margin:10px 0}.barra-preenchida{height:100%;background:var(--dobra);transition:width .2s}.barra-preenchida.completa{background:var(--ok)}.pedido-cartao{display:block;background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px;margin-bottom:10px;text-decoration:none;color:inherit}.pedido-cartao:hover{border-color:var(--apagado)}.pedido-topo{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.pedido-num{font-family:var(--mono);font-size:11.5px;color:var(--apagado)}.pedido-cliente{font-weight:600;font-size:15px}.pedido-meta{font-size:12.5px;color:var(--apagado)}.pedido-valor{font-family:var(--mono);font-size:16px;margin-top:5px}.pedido-valor span{display:block;font-size:11.5px}.margem-ok{color:var(--ok)}.margem-nao{color:var(--nao)}.pedido-rodape{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--apagado)}.tag-atrasado,.tag-proximo,.tag-pendencia{font-size:11px;font-weight:600;padding:1px 6px;border-radius:3px}.tag-atrasado{color:#fff;background:var(--nao)}.tag-proximo,.tag-pendencia{color:var(--atencao);background:var(--atencao-clara)}.checklist,.pendencias,.lancamentos{list-style:none;padding:0;margin:14px 0 0}.checklist li,.pendencias li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--linha)}.checklist li:last-child,.pendencias li:last-child{border-bottom:none}.checklist label,.pendencias label{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:400;color:var(--tinta);cursor:pointer;flex:1}.checklist input[type=checkbox],.pendencias input[type=checkbox],.caixa-inline input[type=checkbox]{width:17px;height:17px;flex:none;accent-color:var(--dobra)}.checklist .feito{color:var(--apagado);text-decoration:line-through}.checklist .quando{font-size:11.5px;color:var(--apagado);font-family:var(--mono)}.pendencias li.resolvida span{color:var(--apagado);text-decoration:line-through}.caixa-inline{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:400;color:var(--apagado);cursor:pointer}.lancamentos li{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--linha);font-size:13px}.lancamentos li:last-child{border-bottom:none}.lancamentos li span:first-child{font-family:var(--mono);font-size:12px;color:var(--apagado);min-width:78px}.lancamentos li span:nth-child(2){flex:1;color:var(--apagado)}.lancamentos li strong{font-family:var(--mono)}tr.linha-atencao td{background:var(--atencao-clara)}tr.linha-erro td{background:#faedec}.linha-compra{border:1px solid var(--linha);border-radius:var(--raio);padding:13px;margin-top:10px;background:#f7f9fa}.previa{margin:9px 0 0;font-size:12.5px;color:var(--dobra);font-family:var(--mono)}.margem-previa{margin-top:14px;padding-top:14px;border-top:1px dashed var(--linha-forte)}.margem-previa>div{display:flex;justify-content:space-between;gap:16px;padding:3px 0;font-size:13.5px;color:var(--apagado)}.margem-previa strong{font-family:var(--mono);font-size:15px;color:var(--tinta)}.resumo{display:flex;justify-content:space-between;gap:20px;padding:6px 0;font-size:14px}.resumo .valor{font-family:var(--mono);font-variant-numeric:tabular-nums}.resumo.final{border-top:1px solid var(--tinta);margin-top:8px;padding-top:12px;font-weight:600;font-size:16px}.resumo.final .valor{font-size:22px;color:var(--dobra)}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--tinta)}.login-caixa{width:100%;max-width:340px;background:var(--superficie);border-radius:var(--raio);padding:28px}.login-caixa h1{font-size:19px}.login-caixa p{color:var(--apagado);margin:4px 0 20px;font-size:13px}.login-caixa .campo+.campo{margin-top:12px}.login-caixa .botao{width:100%;margin-top:18px;padding:9px}@media (max-width: 860px){.app{grid-template-columns:1fr}.lateral{flex-direction:row;align-items:center;gap:14px;padding:10px 14px;overflow-x:auto;position:sticky;top:0;z-index:10}.lateral .marca span,.nav-grupo,.rodape-lateral{display:none}.nav{flex-direction:row;gap:4px}.nav a{white-space:nowrap}.link-rodape{font-size:13px;color:#cdd5db;text-decoration:none;padding:4px 0}.link-rodape:hover{color:#fff;text-decoration:underline}.conteudo{padding:18px 16px 60px}.elo{width:calc(50% - 12px)}.soma{margin-left:0;width:100%;text-align:left;padding-top:8px}}