:root{--azul: #0A3D7E;--azul-claro: #1B5CA8;--azul-fundo: #E7F1FB;--verde-fundo: #E6F3EC;--vermelho-fundo: #FBEDEB;--turquesa: #2BB6C0;--cinza: #4D4D4D;--cinza-claro: #8A9099;--linha: #DDE4EC;--fundo: #F4F7FA;--branco: #FFFFFF;--ambar: #D98A1F;--vermelho: #B3392E;--verde: #2E7D5B;--raio: 10px;--sombra: 0 1px 2px rgba(16, 42, 74, .06), 0 4px 12px rgba(16, 42, 74, .05);--titulo: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--corpo: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--fundo);color:var(--cinza);font-family:var(--corpo);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--titulo);color:var(--azul);margin:0;letter-spacing:-.01em}a{color:var(--azul-claro);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.lateral{width:232px;flex-shrink:0;background:var(--azul);color:#fff;display:flex;flex-direction:column;padding:22px 0}.marca{padding:0 22px 22px;border-bottom:1px solid rgba(255,255,255,.14)}.marca b{font-family:var(--titulo);font-weight:800;font-size:19px;color:#fff;display:block}.marca span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--turquesa);font-family:var(--titulo);font-weight:700}.menu{padding:16px 12px;flex:1;display:flex;flex-direction:column;gap:2px}.menu a{color:#ffffffd1;padding:10px 14px;border-radius:7px;font-size:14px;display:flex;align-items:center;gap:10px;text-decoration:none}.menu a:hover{background:#ffffff17;color:#fff;text-decoration:none}.menu a.ativo{background:var(--turquesa);color:#06303f;font-weight:600}.rodape-lateral{padding:16px 22px 0;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:#ffffffb3}.rodape-lateral b{display:block;color:#fff;font-size:13.5px}.rodape-lateral button{margin-top:10px;background:none;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;padding:5px 11px;border-radius:6px;cursor:pointer;font-size:12.5px;font-family:var(--corpo)}.rodape-lateral button:hover{background:#ffffff1f}.rodape-acoes{display:flex;flex-wrap:wrap;gap:8px}.trocar-senha{display:grid;gap:4px;margin-top:10px}.trocar-senha label{color:#ffffffd9;margin-top:4px}.trocar-senha input{width:100%;box-sizing:border-box;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.3);font-family:var(--corpo);font-size:13px}.trocar-senha button:disabled{opacity:.5;cursor:default}.trocar-senha-aviso{margin-top:8px;color:#fff;font-size:12.5px}.conteudo{flex:1;min-width:0;padding:30px 34px 60px;overflow-x:hidden}.cabecalho{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:24px}.cabecalho h1{font-size:25px;font-weight:700}.cabecalho p{margin:4px 0 0;color:var(--cinza-claro);font-size:14px;max-width:68ch}.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:20px 22px;box-shadow:var(--sombra)}.grade{display:grid;gap:20px}.grade>.cartao{margin-bottom:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--branco);border:1px solid var(--linha);border-top:3px solid var(--turquesa);border-radius:var(--raio);padding:15px 18px;box-shadow:var(--sombra)}.kpi .rotulo{font-family:var(--titulo);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-claro)}.kpi .valor{font-family:var(--titulo);font-weight:800;font-size:26px;color:var(--azul);line-height:1.15;margin-top:5px}.kpi .nota{font-size:12px;color:var(--cinza-claro);margin-top:2px}.kpi.alerta{border-top-color:var(--vermelho)}.kpi.alerta .valor{color:var(--vermelho)}.kpi.atencao{border-top-color:var(--ambar)}.kpi.bom{border-top-color:var(--verde)}.abas{display:flex;gap:4px;border-bottom:1px solid var(--linha);margin:0 0 16px}.abas button{background:none;border:0;border-bottom:3px solid transparent;padding:8px 14px;font:600 14px var(--titulo);color:var(--cinza-claro);cursor:pointer;margin-bottom:-1px}.abas button[aria-selected=true]{color:var(--azul);border-bottom-color:var(--turquesa)}.abas a{border-bottom:3px solid transparent;padding:8px 14px;font:600 14px var(--titulo);color:var(--cinza-claro);text-decoration:none;margin-bottom:-1px}.abas a[aria-current=page]{color:var(--azul);border-bottom-color:var(--turquesa)}.abas{flex-wrap:wrap}.abas .contagem{font-weight:400;margin-left:6px}.tabela-caixa{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}.rolagem{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{background:var(--azul);color:#fff;font-family:var(--titulo);font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;text-align:left;padding:11px 14px;white-space:nowrap}td{padding:11px 14px;border-top:1px solid var(--linha);vertical-align:middle}tbody tr:hover{background:#f8fbfd}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.vazio{padding:44px 20px;text-align:center;color:var(--cinza-claro)}.vazio b{display:block;font-family:var(--titulo);color:var(--azul);font-size:15px;margin-bottom:5px}.etiq{font-family:var(--titulo);font-weight:700;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap;display:inline-block}.etiq-azul{background:#e7f1fb;color:var(--azul-claro)}.etiq-turquesa{background:#e1f5f6;color:#12808a}.etiq-verde{background:#e6f3ec;color:var(--verde)}.etiq-ambar{background:#fdf3e3;color:#9a6212}.etiq-vermelho{background:#fbedeb;color:var(--vermelho)}.etiq-cinza{background:#eef1f4;color:var(--cinza)}.form-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:15px 18px}.campo{display:flex;flex-direction:column;gap:5px}.campo.largo{grid-column:1 / -1}label{font-family:var(--titulo);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--azul)}input,select,textarea{font-family:var(--corpo);font-size:14.5px;color:#22282e;padding:9px 11px;border:1px solid var(--linha);border-radius:7px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--turquesa);box-shadow:0 0 0 3px #2bb6c029}input:disabled,select:disabled{background:#f5f7f9;color:var(--cinza-claro)}textarea{min-height:78px;resize:vertical}.ajuda{font-size:12px;color:var(--cinza-claro)}.ajuda.destaque{color:#12808a;font-weight:600}.aviso-casamento{color:#9a6212}.aviso-casamento.alerta{color:var(--vermelho);font-weight:600}.botoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.botoes .separado{margin-left:8px;padding-left:18px;border-left:1px solid var(--linha)}.acao{font-family:var(--titulo);font-weight:600;font-size:13.5px;letter-spacing:.02em;padding:9px 18px;border-radius:7px;border:1px solid transparent;cursor:pointer;background:var(--azul);color:#fff}.acao:hover:not(:disabled){background:var(--azul-claro)}a.acao{display:inline-block;text-decoration:none}.acao:disabled{opacity:.55;cursor:not-allowed}.acao.secundario{background:#fff;color:var(--azul);border-color:var(--linha)}.acao.secundario:hover:not(:disabled){border-color:var(--turquesa);background:#f6fcfc}.acao.perigo{background:var(--vermelho)}.acao.miudo{padding:5px 11px;font-size:12px}select.seletor-curto{width:auto;max-width:52px;padding:5px 8px;font-size:12px}.filtros{display:flex;gap:11px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}.filtros .campo{min-width:150px}.progresso{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#e9edf2}.progresso>div{height:100%}button.pill{font-family:var(--titulo);font-weight:600;font-size:12px;letter-spacing:.02em;padding:6px 13px;border-radius:999px;cursor:pointer;background:#fff;color:var(--cinza);border:1px solid var(--linha)}button.pill:hover{border-color:var(--turquesa);background:#f6fcfc}button.pill.ativo{background:var(--azul);border-color:var(--azul);color:#fff}.cartao[data-card=item]:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.aviso{padding:11px 15px;border-radius:8px;font-size:13.5px;border-left:3px solid;margin-bottom:15px}.aviso-erro{background:#fbedeb;border-color:var(--vermelho);color:#7e2a22}.aviso-ok{background:#e9f5ef;border-color:var(--verde);color:#1c5540}.aviso-info{background:#f1f8fc;border-color:var(--turquesa);color:#16606b}.aviso-atencao{background:#fdf7ec;border-color:var(--ambar);color:#7a4e0d}.barra-fundo{background:#edf1f5;border-radius:999px;height:7px;overflow:hidden;min-width:62px}.barra-preenchida{height:100%;border-radius:999px;background:var(--turquesa)}.barra-preenchida.verde{background:var(--verde)}.barra-preenchida.ambar{background:var(--ambar)}.barra-preenchida.vermelha{background:var(--vermelho)}.legenda-secao{font-family:var(--titulo);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--cinza-claro);margin:30px 0 12px}.login-tela{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(155deg,var(--azul) 0%,#072B58 60%,#05203F 100%)}.login-caixa{background:#fff;border-radius:14px;padding:36px 34px;width:min(420px,100%);box-shadow:0 20px 55px #04162d52}.login-caixa h1{font-size:22px;font-weight:800}.login-caixa .sub{color:var(--cinza-claro);font-size:13.5px;margin:5px 0 24px}.login-caixa .campo{margin-bottom:14px}.login-caixa button.acao{width:100%;padding:11px;margin-top:6px}.selo-inseguro{margin-top:20px;font-size:11.5px;color:var(--ambar);background:#fdf7ec;border-radius:6px;padding:8px 11px;line-height:1.45}.tempo{list-style:none;margin:0;padding:0 0 0 20px;border-left:2px solid var(--linha)}.tempo li{position:relative;padding:0 0 16px 16px;font-size:13.5px}.tempo li:before{content:"";position:absolute;left:-25px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--turquesa);border:2px solid #fff}.tempo .quando{font-size:11.5px;color:var(--cinza-claro);font-variant-numeric:tabular-nums}.tempo .oque{color:#2b3138}.carregando{padding:46px;text-align:center;color:var(--cinza-claro);font-size:14px}.grade-lado{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.botao-menu{display:none}th.fixa,td.fixa{position:sticky;left:0;z-index:1}th.fixa+th.fixa,td.fixa+td.fixa{left:48px}td.fixa{background:var(--branco)}th.fornecedor{white-space:normal;min-width:150px;max-width:220px}@media (max-width: 900px){.app{flex-direction:column}.lateral{width:100%;padding:14px 0}.menu{flex-direction:row;flex-wrap:wrap;padding:10px}.menu.recolhido{display:none}.botao-menu{display:block;margin:8px 22px 0}.conteudo{padding:22px 16px 50px}.grade-lado{grid-template-columns:minmax(0,1fr)}}.campo-preco{width:108px;text-align:right;font-variant-numeric:tabular-nums;padding:5px 8px;font-size:14px}tr.linha-pendente td:first-child{box-shadow:inset 3px 0 0 var(--ambar, #d08700)}tr.linha-cotado td{background:#f4faf7}tr.linha-cotado td:first-child{box-shadow:inset 3px 0 0 var(--verde)}tr.linha-na-remessa td:first-child{box-shadow:inset 3px 0 0 var(--azul-claro)}tr.linha-fora td{color:var(--cinza-claro)}tr.linha-em-estoque td:first-child{box-shadow:inset 3px 0 #12808a}.cartao-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cartao-cabecalho h2{margin:0}.cartao+.cartao,.kpis+.cartao,.cartao{margin-bottom:20px}.barra{height:6px;border-radius:999px;background:#e4ebf1;overflow:hidden}.barra>i{display:block;height:100%;border-radius:999px;background:var(--turquesa);transition:width .2s ease}.barra.indeterminada>i{width:40%;animation:barra-vai-vem 1.2s ease-in-out infinite}@keyframes barra-vai-vem{0%{margin-left:0}50%{margin-left:60%}to{margin-left:0}}.tabela-caixa thead{cursor:pointer}.tabela-caixa thead :is(button,a,input,select,label){cursor:pointer}.tabela-caixa.recolhido tbody,.tabela-caixa.recolhido tfoot{display:none}.tabela-caixa.recolhido thead th:first-child:before{content:"▸ "}.titulo-ordenavel{background:none;border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.titulo-ordenavel:hover{text-decoration:underline}.tabela-mesa th,.tabela-mesa td{padding-left:8px;padding-right:8px}.tabela-mesa th.quebra{white-space:normal}.tabela-mesa .acoes-empilhadas{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.tabela-mesa td.num .etiq{white-space:normal}.grupo-cabecalho{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.grupo-cabecalho .grupo-alternar{background:none;border:0;padding:0;font:600 15px var(--titulo);color:var(--azul);cursor:pointer}.grupo-cabecalho .grupo-previsao{display:inline-flex;gap:6px;align-items:center}.grupo-cabecalho .grupo-previsao input{width:auto;padding:5px 8px}.grupo-cabecalho .grupo-gerar{margin-left:auto}tr.linha-destaque td{background:#e1f5f6}.painel-fixo{width:720px;max-width:100%;border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px;margin-top:12px;background:var(--branco)}.painel-fixo .lista-rolavel{max-height:320px;overflow-y:auto;margin-top:6px}.tabela-compacta th,.tabela-compacta td{padding-left:8px;padding-right:8px}.tabela-compacta th.quebra{white-space:normal}.qtd-compra{width:76px;padding:4px 6px;text-align:right}.motivo-linha{width:96px;padding:3px 5px;margin-top:4px;font-size:12px}.aviso-frase{font-size:12px;color:#9a6212;white-space:normal;margin-top:4px}td.abertura{background:var(--fundo);padding-top:4px;padding-bottom:10px}table.sub{font-size:13px}table.sub td{padding:6px 10px}table.sub tr:first-child td{border-top:none}table.sub tr.vencedor td{background:var(--verde-fundo)}.sem-quebra{white-space:nowrap}.busca-catalogo .campo-largo{flex:1 1 320px;max-width:520px}.busca-catalogo .dica{font-size:13px;color:var(--cinza-claro);margin:0 0 12px}.busca-catalogo .dica-divergencia{font-size:12px;color:var(--ambar);margin-top:2px}.busca-catalogo .codigo-produto{font-variant-numeric:tabular-nums;color:var(--cinza-claro)}.tabela-busca-catalogo td{overflow-wrap:anywhere}
