:root{--cereja:#e50145;--laranja:#f15a22;--amarelo:#efd600;--verde:#0c893e;--roxo:#6b4e9e;--fundo:#fff8f2;--cartao:#fff;--texto:#2b2b2b;--suave:#7a7a7a;--borda:#f0e4d8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fundo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.topo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.topo h1{font-size:22px;color:var(--cereja)}.topo-acoes{display:flex;gap:8px;align-items:center}.subtitulo{font-size:14px}.stats,.subtitulo{color:var(--suave);margin-bottom:18px}.aviso,.stats{font-size:13px}.aviso{background:#fff3e0;border:1px solid #f3d9b8;color:#7a5a1f;border-radius:10px;padding:10px 14px;margin-bottom:20px}.segmentado{display:inline-flex;background:#fff;border:1px solid var(--borda);border-radius:999px;padding:3px;margin-bottom:16px}.segmentado button{border:none;background:transparent;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--suave);cursor:pointer}.segmentado button.ativo{background:var(--cereja);color:#fff}.linha-filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}input.busca,select.filtro{border:1px solid var(--borda);border-radius:10px;padding:10px 14px;font-size:14px;background:#fff;color:var(--texto)}input.busca{flex:1 1;min-width:220px}select.filtro{min-width:160px}.btn-primary{background:var(--cereja);color:#fff;border:none;border-radius:999px;padding:9px 16px}.btn-primary,.btn-secundario{font-weight:700;cursor:pointer;font-size:13px}.btn-secundario{background:#fff;color:var(--cereja);border:1px solid var(--cereja);border-radius:999px;padding:8px 15px}.btn-primary:hover,.btn-secundario:hover{opacity:.9}.grade-sku{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.card-sku{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:14px 10px;text-align:center;cursor:pointer;transition:border-color .15s}.card-sku:hover{border-color:var(--cereja)}.card-sku .sku-codigo{font-weight:800;font-size:15px;color:var(--texto)}.card-sku .sku-contagem{font-size:12px;color:var(--suave);margin-top:4px}.lista-gn{display:flex;flex-direction:column;gap:8px}.item-gn{background:var(--cartao);border:1px solid var(--borda);border-radius:10px;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.item-gn:hover{border-color:var(--roxo)}.item-gn .gn-nome{font-weight:700}.item-gn .gn-contagem{font-size:12px;color:var(--suave)}.vazio{color:var(--suave);font-size:14px;padding:20px 0}.voltar{background:none;border:none;color:var(--cereja);font-weight:700;cursor:pointer;font-size:14px;margin-bottom:14px;padding:0}.cabecalho-detalhe{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.cabecalho-detalhe h2{font-size:20px}.badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#efe6f7;color:var(--roxo)}.badge-setor{background:#fde8ea;color:var(--cereja)}.card-registro{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:16px;margin-bottom:12px}.card-registro .sub-nome{font-weight:800;font-size:15px;margin:6px 0 2px}.card-registro .sub-integracao{color:var(--suave);font-size:13px;margin-bottom:12px}.etapas{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.etapas{grid-template-columns:1fr}}.etapa{background:var(--fundo);border:1px solid var(--borda);border-radius:10px;padding:10px 12px}.etapa .etapa-nome{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--laranja);margin-bottom:6px}.etapa-linha{font-size:13px;margin-bottom:3px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.etapa-linha .rotulo{color:var(--suave);min-width:62px}.chip{background:#fff;border:1px solid var(--borda);border-radius:999px;padding:2px 9px;font-size:12px}.nao-informado{color:var(--suave);font-style:italic;font-size:12px}.skus-lista{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.skus-lista .chip{cursor:pointer}.skus-lista .chip:hover{border-color:var(--cereja);color:var(--cereja)}.carregando,.erro{padding:40px 0;text-align:center;color:var(--suave)}.erro{color:var(--cereja)}.legenda-colunas{display:flex;gap:18px;flex-wrap:wrap;margin:4px 0 14px;font-size:12px;color:var(--suave)}.legenda-colunas span{display:inline-flex;align-items:center;gap:6px}.legenda-ponto{width:9px;height:9px;border-radius:50%;display:inline-block}.teia-scroll{overflow-x:auto;border:1px solid var(--borda);border-radius:14px;background:#fff;margin-bottom:18px}.teia-area{position:relative;padding:20px 0}.teia-svg{position:absolute;top:0;left:0;pointer-events:none}.aresta{fill:none;stroke-width:2px;transition:stroke .2s,opacity .2s}.aresta-ativa{stroke:var(--cereja);stroke-width:2.5px;opacity:.9}.aresta-apagada{stroke:#d8cfc4;opacity:.35}.no-teia{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px 12px;border-radius:10px;background:#fff;border:2px solid var(--borda);font-size:12.5px;font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s,border-color .2s,box-shadow .2s}.no-teia:hover{box-shadow:0 0 0 2px rgba(0,0,0,.05)}.no-apagado{opacity:.32}.no-ativo{opacity:1;box-shadow:0 2px 6px rgba(0,0,0,.08)}.no-col-0{border-color:var(--roxo);color:var(--roxo)}.no-col-1{border-color:var(--laranja);color:var(--laranja)}.no-col-2{border-color:#b89a00;color:#8a7300;background:#fffdf2}.no-col-3{border-color:var(--verde);color:var(--verde)}.no-col-4{border-color:var(--cereja);color:var(--cereja);font-weight:800;background:#fff5f7}.no-col-0.no-ativo,.no-col-1.no-ativo,.no-col-2.no-ativo,.no-col-3.no-ativo,.no-col-4.no-ativo{border-width:2.5px}.painel-detalhe{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:16px 18px;margin-bottom:16px}.painel-detalhe h3{font-size:15px;margin-bottom:8px}.painel-detalhe .linha{font-size:13px;margin-bottom:4px;display:flex;gap:6px;flex-wrap:wrap}.painel-detalhe .linha .rotulo{color:var(--suave);min-width:90px}.painel-detalhe .dica{color:var(--suave);font-size:12px;margin-top:8px}.titulo-secao{font-size:15px;margin:18px 0 10px;color:var(--texto)}.titulo-secao:first-of-type{margin-top:0}.barras{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.linha-barra{display:grid;grid-template-columns:170px 1fr 42px;align-items:center;grid-gap:10px;gap:10px}.linha-barra.pequena{grid-template-columns:150px 1fr 34px;font-size:12px}.linha-barra.clicavel{cursor:pointer}.rotulo-barra{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barra-fundo{background:var(--borda);border-radius:999px;height:14px;overflow:hidden}.linha-barra.pequena .barra-fundo{height:10px}.barra-preenchida{height:100%;border-radius:999px;transition:width .2s}.valor-barra{font-size:12px;color:var(--suave);text-align:right}.detalhe-setor-gn{padding:6px 0 10px 14px;border-left:2px solid var(--borda);margin:2px 0 12px 6px;display:flex;flex-direction:column;gap:6px}.busca-ranking{margin-bottom:12px;max-width:320px}.subs-titulo{font-size:12px;color:var(--suave);margin-top:4px}