:root{--fundo:#f2f3f5;--superficie:#fff;--borda:#d8dbe0;--borda-forte:#b6bcc6;--texto:#1d2129;--texto-fraco:#646c78;--grafite:#171a1f;--grafite-claro:#21252c;--primaria:#d9480f;--primaria-escura:#bc3d0a;--primaria-fraca:#fdeee4;--info:#1f5fa9;--info-fraca:#e8f0fa;--perigo:#b3261e;--perigo-fraca:#fdecea;--sucesso:#1c7c4a;--sucesso-fraca:#e7f5ed;--alerta:#94620a;--alerta-fraca:#fff4e5;--raio:6px;--sombra:0 1px 2px #10182814}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--texto);background:var(--fundo);margin:0;font-family:Archivo,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}a{color:var(--info)}h1{letter-spacing:-.01em;margin:0;font-size:21px;font-weight:700}h2{margin:0 0 12px;font-size:16px;font-weight:600}h3{margin:0 0 8px;font-size:14px;font-weight:600}button:focus-visible,.botao:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primaria);outline-offset:2px}.app{min-height:100%;display:flex}.sidebar{background:var(--grafite);color:#c3c9d1;flex:0 0 220px;width:220px;padding:12px 0;overflow-y:auto}.sidebar .marca{background:linear-gradient(180deg, var(--grafite-claro), var(--grafite));color:#fff;text-transform:uppercase;letter-spacing:.12em;border:1px solid #383e47;border-radius:4px;margin:4px 14px 16px;padding:9px 12px 8px 14px;font-size:14px;font-weight:700;line-height:1.25;position:relative}.sidebar .marca:before{content:"";background:var(--primaria);border-radius:0 2px 2px 0;width:4px;position:absolute;top:7px;bottom:7px;left:-1px}.sidebar .marca small{letter-spacing:.24em;color:#8d95a0;font-size:9px;font-weight:600;display:block}.sidebar .grupo{text-transform:uppercase;letter-spacing:.08em;color:#79828e;padding:14px 16px 4px;font-size:11px}.sidebar a{color:#c3c9d1;padding:6px 16px;text-decoration:none;display:block}.sidebar a:hover{color:#fff;background:#ffffff0f}.sidebar a.ativo{color:#fff;box-shadow:inset 3px 0 0 var(--primaria);background:#ffffff14;font-weight:500}.sidebar a:focus-visible{outline-offset:-2px}.sidebar-fundo{display:none}.conteudo{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--superficie);border-bottom:1px solid var(--borda);align-items:center;gap:12px;padding:10px 20px;display:flex}.topbar .espaco{flex:1}.menu-botao{display:none}.pagina{flex:1;min-width:0;padding:20px}.cabecalho-pagina{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cabecalho-pagina .espaco{flex:1}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)}.cartao>.corpo{padding:16px}.cartao>.rodape{border-top:1px solid var(--borda);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.grade{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.metricas{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}a.metrica{color:inherit;text-decoration:none;display:block}a.metrica:hover{border-color:var(--borda-forte)}.metrica{padding:14px 16px}.metrica .rotulo{color:var(--texto-fraco);font-size:12px}.metrica .valor{font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:600}.campo{flex-direction:column;gap:4px;min-width:0;display:flex}.campo>label{color:var(--texto-fraco);font-size:12px;font-weight:500}.campo .ajuda{color:var(--texto-fraco);font-size:11px}.campo .erro{color:var(--perigo);font-size:12px}.campo.invalido input,.campo.invalido select,.campo.invalido textarea{border-color:var(--perigo)}input,select,textarea,.combo-entrada{font:inherit;color:inherit;border:1px solid var(--borda-forte);border-radius:var(--raio);background:var(--superficie);width:100%;min-width:0;padding:6px 8px}textarea{resize:vertical;min-height:72px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primaria);outline-offset:-1px;border-color:var(--primaria)}input[type=checkbox]{width:auto;accent-color:var(--primaria)}.campo-checkbox{flex-direction:row;align-items:center;gap:8px}.campo-checkbox>label{color:var(--texto);font-size:14px}fieldset{border:none;min-width:0;margin:0;padding:0}fieldset>legend{text-transform:uppercase;letter-spacing:.06em;color:var(--texto-fraco);padding:0 0 8px;font-size:12px}button,.botao{font:inherit;border-radius:var(--raio);border:1px solid var(--borda-forte);background:var(--superficie);color:var(--texto);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.botao:hover{background:var(--fundo)}button:disabled{opacity:.55;cursor:not-allowed}.primario{background:var(--primaria);border-color:var(--primaria);color:#fff}.primario:hover:not(:disabled){background:var(--primaria-escura);border-color:var(--primaria-escura);color:#fff}.perigo{color:var(--perigo);border-color:#e6b4b0}.perigo:hover:not(:disabled){background:var(--perigo-fraca)}.discreto{background:0 0;border-color:#0000;padding:4px 6px}.discreto:hover:not(:disabled){background:var(--fundo)}.acoes{flex-wrap:wrap;gap:8px;display:flex}.tabela-rolagem{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borda);vertical-align:middle;padding:8px 12px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-fraco);white-space:nowrap;font-size:12px;font-weight:600}th.ordenavel{cursor:pointer;-webkit-user-select:none;user-select:none}th.ordenavel:hover{color:var(--texto)}tbody tr:hover{background:var(--fundo)}td.numero,th.numero{text-align:right;font-variant-numeric:tabular-nums}td.acoes-celula{white-space:nowrap;width:1%}td.acoes-celula .acoes{flex-wrap:nowrap}.vazio{text-align:center;color:var(--texto-fraco);padding:32px}.barra-tabela{border-bottom:1px solid var(--borda);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.barra-tabela .busca{max-width:260px}.barra-tabela select{width:auto}.paginacao{border-top:1px solid var(--borda);color:var(--texto-fraco);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.tag{background:var(--fundo);border:1px solid var(--borda);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.tag.ok{background:var(--sucesso-fraca);color:var(--sucesso);border-color:#b7dfc8}.tag.alerta{background:var(--alerta-fraca);color:var(--alerta);border-color:#f0d3a8}.tag.erro{background:var(--perigo-fraca);color:var(--perigo);border-color:#e6b4b0}.tag.info{background:var(--info-fraca);color:var(--info);border-color:#b9d3ee}.tag.forte{background:var(--grafite);border-color:var(--grafite);color:#fff}.aviso{border-radius:var(--raio);background:var(--perigo-fraca);color:var(--perigo);border:1px solid #e6b4b0;margin-bottom:12px;padding:10px 12px}.aviso.info{background:var(--info-fraca);color:var(--info);border-color:#b9d3ee}.fraco{color:var(--texto-fraco)}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.mini{font-size:12px}.modal-fundo{z-index:50;background:#10182873;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}body.modal-aberto{overflow:hidden}.modal{background:var(--superficie);border-radius:8px;width:100%;max-width:560px;box-shadow:0 12px 32px #10182833}.modal.largo{max-width:900px}.modal>header{border-bottom:1px solid var(--borda);align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.modal>header .espaco{flex:1}.modal>.corpo{padding:16px}.modal>footer{border-top:1px solid var(--borda);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.toasts{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--raio);background:var(--grafite);color:#fff;max-width:340px;padding:10px 14px;animation:.18s ease-out toast-entra;box-shadow:0 6px 18px #10182840}.toast.sucesso{background:var(--sucesso)}.toast.erro{background:var(--perigo)}@keyframes toast-entra{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.combo{position:relative}.combo-lista{z-index:20;background:var(--superficie);border:1px solid var(--borda-forte);border-radius:var(--raio);max-height:240px;box-shadow:var(--sombra);margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.combo-lista li{cursor:pointer;padding:6px 8px;list-style:none}.combo-lista li.marcado{background:var(--primaria-fraca)}.combo-lista{margin:0;padding:0}.tela-login{background:linear-gradient(180deg, #171a1feb, #171a1feb), var(--grafite);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.tela-login .cartao{border:none;width:100%;max-width:360px}.tela-login.fraco{color:#aeb4bd}.tela-login .marca-login{border:1px solid var(--borda);text-transform:uppercase;letter-spacing:.12em;border-radius:4px;margin-bottom:16px;padding:10px 14px 9px 16px;font-size:15px;font-weight:700;line-height:1.25;position:relative}.tela-login .marca-login:before{content:"";background:var(--primaria);border-radius:0 2px 2px 0;width:4px;position:absolute;top:7px;bottom:7px;left:-1px}.tela-login .marca-login small{letter-spacing:.24em;color:var(--texto-fraco);font-size:9px;font-weight:600;display:block}.etiqueta{color:#000;border:1px solid var(--borda);break-inside:avoid;background:#fff;align-items:stretch;gap:6mm;width:150mm;height:100mm;padding:6mm;font-family:system-ui,sans-serif;display:flex;overflow:hidden}.etiqueta .qr{flex:0 0 52mm;justify-content:center;align-items:center;display:flex}.etiqueta .qr img,.etiqueta .qr canvas{width:52mm;height:52mm}.etiqueta .dados{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.etiqueta .empresa{text-transform:uppercase;letter-spacing:.02em;font-size:5mm;font-weight:700}.etiqueta .sku{font-family:ui-monospace,Menlo,monospace;font-size:11mm;font-weight:700;line-height:1.05}.etiqueta .nome{font-size:6mm;font-weight:600;line-height:1.15;overflow:hidden}.etiqueta .caminho{font-size:4.5mm}.etiqueta .link{word-break:break-all;color:#333;font-size:3.4mm}.folha-etiquetas{flex-direction:column;align-items:center;gap:8px;display:flex}.visualizador-etiquetas{z-index:60;background:#fff;padding:16px;position:fixed;inset:0;overflow:auto}.visualizador-etiquetas>.barra{align-items:center;gap:8px;margin-bottom:12px;display:flex}@media print{@page{size:150mm 100mm;margin:0}body{background:#fff}body.imprimindo-etiquetas>#root,.nao-imprimir{display:none!important}.visualizador-etiquetas{padding:0;position:static;overflow:visible}.folha-etiquetas{gap:0}.etiqueta{page-break-after:always;break-after:page;border:none}.etiqueta:last-child{page-break-after:auto;break-after:auto}}.scanner-video{border-radius:var(--raio);object-fit:cover;background:#000;width:100%;max-height:55vh}.publico{max-width:780px;margin:0 auto;padding:24px 16px}.galeria{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.galeria img{border-radius:var(--raio);border:1px solid var(--borda);width:100%;display:block}dl.propriedades{grid-template-columns:minmax(120px,auto) 1fr;gap:6px 16px;margin:0;display:grid}dl.propriedades dt{color:var(--texto-fraco);font-size:13px}dl.propriedades dd{margin:0}.etapas{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.etapas button{color:var(--texto-fraco);gap:8px}.etapas button.ativa{color:var(--texto);background:var(--superficie);border-color:var(--borda);font-weight:500}.etapas .numero{border:1px solid var(--borda-forte);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.etapas button.ativa .numero{background:var(--primaria);border-color:var(--primaria);color:#fff}.cascata{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cascata select{width:auto;min-width:150px;max-width:260px}.arvore{margin:0;padding:0;list-style:none}.arvore>li{border-top:1px solid var(--borda);align-items:center;gap:8px;padding:8px 16px;display:flex}.arvore>li:first-child{border-top:none}.arvore>li:hover{background:var(--fundo)}.arvore .nome{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.arvore .alternador{text-align:center;flex:0 0 22px;width:22px;padding:0}@media (width<=860px){.menu-botao{display:inline-flex}.sidebar{z-index:70;flex:none;width:250px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:0 0 32px #10182866}.sidebar.aberta{transform:none}.sidebar-fundo{z-index:65;background:#10182873;border:none;border-radius:0;padding:0;display:block;position:fixed;inset:0}.sidebar a{padding:10px 16px}.topbar{padding:10px 12px}.pagina{padding:12px}.grade{flex-direction:column;display:flex}.barra-tabela .busca{flex:160px;max-width:none}.cascata select{flex:140px;max-width:none}.toasts{left:16px}.toast{max-width:none}button,.botao{padding:8px 12px}.discreto{padding:6px 8px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}.toast{animation:none}}