:root{--fundo: #f3f4f5;--superficie: #ffffff;--superficie-2: #f8f9fa;--linha: #dde1e5;--linha-forte: #c3c9cf;--tinta: #1b2127;--tinta-2: #4c5660;--tinta-3: #7a848e;--acento: #0f5a73;--acento-forte: #0b4558;--acento-suave: #e3eff3;--vidro: #d7e9f0;--perfil: #8f9aa4;--ok: #1f7a4d;--ok-suave: #e3f3ea;--aviso: #9a6200;--aviso-suave: #fff3d6;--erro: #b42318;--erro-suave: #fdecea;--raio: 6px;--sombra: 0 1px 2px rgba(16, 24, 32, .06), 0 2px 8px rgba(16, 24, 32, .05);--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font:14px/1.45 IBM Plex Sans,system-ui,-apple-system,sans-serif;color:var(--tinta);background:var(--fundo);-webkit-font-smoothing:antialiased}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:15px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2)}.mono,.num{font-family:var(--mono);font-feature-settings:"tnum"}.num{text-align:right;white-space:nowrap}.suave{color:var(--tinta-3)}.pequeno{font-size:12px}.app{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.lateral{background:#1b2127;color:#c9d1d8;padding:16px 10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.lateral .marca{color:#fff;font-weight:600;font-size:15px;padding:4px 10px 2px}.lateral .empresa{color:#8c99a5;font-size:12px;padding:0 10px 16px}.lateral a{color:#c9d1d8;padding:7px 10px;border-radius:5px;display:flex;gap:10px;align-items:center}.lateral a:hover{background:#262e36;text-decoration:none}.lateral a.active{background:#2d3842;color:#fff}.lateral .rodape{margin-top:auto;padding:10px;font-size:12px;color:#8c99a5}.lateral .rodape button{all:unset;cursor:pointer;color:#c9d1d8}.principal{padding:20px 28px 48px;min-width:0}.cabecalho{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cabecalho .acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.migalhas{font-size:12px;color:var(--tinta-3);margin-bottom:4px}.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra)}.cartao>.titulo{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--linha)}.cartao>.corpo{padding:14px}.grelha{display:grid;gap:16px}.grelha.duas{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.pilha{display:flex;flex-direction:column;gap:16px}.linha-flex{display:flex;gap:8px;align-items:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:500;font-size:12px;color:var(--tinta-3);padding:8px 10px;border-bottom:1px solid var(--linha);background:var(--superficie-2);white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid var(--linha);vertical-align:top}tr:last-child td{border-bottom:0}tbody tr.clicavel{cursor:pointer}tbody tr.clicavel:hover td{background:#f6f9fa}th.num,td.num{text-align:right}.tabela-compacta td,.tabela-compacta th{padding:5px 8px;font-size:12.5px}label.campo{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--tinta-2)}input,select,textarea{font:inherit;color:var(--tinta);background:#fff;border:1px solid var(--linha-forte);border-radius:5px;padding:7px 9px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento-suave);border-color:var(--acento)}input.mono{font-family:var(--mono)}textarea{resize:vertical;min-height:70px}.campos{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.campos .largo{grid-column:1 / -1}button,.botao{font:inherit;font-weight:500;border-radius:5px;padding:7px 12px;cursor:pointer;border:1px solid var(--linha-forte);background:#fff;color:var(--tinta);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}button:hover,.botao:hover{background:var(--superficie-2);text-decoration:none}button.primario,.botao.primario{background:var(--acento);border-color:var(--acento);color:#fff}button.primario:hover,.botao.primario:hover{background:var(--acento-forte)}button.perigo{color:var(--erro)}button.fantasma{border-color:transparent;background:transparent;padding:4px 8px}button:disabled{opacity:.5;cursor:default}.etiqueta{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;font-weight:500;background:#eceff1;color:var(--tinta-2);white-space:nowrap}.etiqueta.pedido,.etiqueta.medicao{background:#eef0ff;color:#3a43a8}.etiqueta.orcamentado,.etiqueta.enviado{background:var(--aviso-suave);color:var(--aviso)}.etiqueta.adjudicado,.etiqueta.aceite,.etiqueta.concluido{background:var(--ok-suave);color:var(--ok)}.etiqueta.encomendas,.etiqueta.producao,.etiqueta.pronto,.etiqueta.montagem{background:var(--acento-suave);color:var(--acento)}.etiqueta.perdido,.etiqueta.recusado{background:var(--erro-suave);color:var(--erro)}.etiqueta.substituido{text-decoration:line-through}.filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filtros button{border-radius:99px;padding:4px 12px;font-size:13px}.filtros button.ativo{background:var(--tinta);color:#fff;border-color:var(--tinta)}.alerta{padding:8px 12px;border-radius:5px;font-size:13px}.alerta.erro{background:var(--erro-suave);color:var(--erro)}.alerta.aviso{background:var(--aviso-suave);color:var(--aviso)}.alerta.info{background:var(--acento-suave);color:var(--acento-forte)}.alerta ul{margin:4px 0 0;padding-left:18px}.vazio{padding:32px;text-align:center;color:var(--tinta-3)}.gaveta-fundo{position:fixed;inset:0;background:#10182059;z-index:20}.gaveta{position:fixed;top:0;right:0;bottom:0;width:min(1080px,100vw);background:var(--fundo);z-index:21;display:flex;flex-direction:column;box-shadow:-8px 0 24px #00000026}.gaveta>header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--linha)}.gaveta>.conteudo{flex:1;overflow:auto;padding:16px 20px;display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}.gaveta>footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;background:#fff;border-top:1px solid var(--linha)}.resumo-custos{display:grid;grid-template-columns:1fr auto;gap:4px 16px;font-size:13px}.resumo-custos .total{font-weight:600;border-top:1px solid var(--linha);padding-top:6px;margin-top:2px}.kpis{display:flex;gap:20px;flex-wrap:wrap}.kpi .v{font-family:var(--mono);font-size:16px;font-weight:500}.kpi .r{font-size:11px;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.04em}.barra{display:flex;height:26px;border:1px solid var(--linha-forte);border-radius:3px;overflow:hidden;background:repeating-linear-gradient(45deg,#f1f2f3,#f1f2f3 4px,#e6e8ea 4px 8px)}.barra .peca{background:#cfd8de;border-right:2px solid #fff;font:11px var(--mono);color:var(--tinta);display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}.barra .peca:nth-child(2n){background:#bfcbd3}.barra .sobra-util{background:var(--ok-suave);font:11px var(--mono);color:var(--ok);display:flex;align-items:center;justify-content:center}.login{min-height:100vh;display:grid;place-items:center}.login .cartao{width:340px}.documento{background:#fff;max-width:210mm;margin:0 auto;padding:14mm 14mm 18mm;box-shadow:var(--sombra)}.documento table td,.documento table th{font-size:12px}.so-impressao{display:none}@media print{@page{size:A4;margin:0}body{background:#fff}.app{display:block}.lateral,.nao-imprimir{display:none!important}.principal{padding:0}.documento{box-shadow:none;max-width:none}.so-impressao{display:block}tr,.bloco{break-inside:avoid}}label.campo>input,label.campo>select,label.campo>textarea{width:100%}td.mono,span.mono{white-space:nowrap}.tabela-editavel td{padding:2px 4px}.tabela-editavel input,.tabela-editavel select{width:100%;padding:4px 6px;font-size:12.5px}.tabela-editavel input[type=checkbox]{width:auto}.tabela-editavel tr.com-erro td{background:var(--erro-suave)}.barra-guardar{position:sticky;bottom:0;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:10px 14px;box-shadow:0 -2px 10px #10182014;margin-top:16px}.etiquetas{display:grid;grid-template-columns:repeat(3,70mm);grid-auto-rows:37mm;justify-content:center;background:#fff;width:210mm;margin:0 auto;padding:4.5mm 0;box-shadow:var(--sombra)}.etiqueta-peca{padding:2.5mm 3.5mm;border:1px dashed var(--linha);overflow:hidden;display:flex;flex-direction:column;gap:1mm}@media print{.etiquetas{box-shadow:none}.etiqueta-peca{border-color:transparent}.etiqueta-peca:nth-child(24n){break-after:page}}
