:root{--azul:#1b3a5c;--azul-escuro:#142c46;--azul-claro:#eaf0f6;--dourado:#8a6620;--dourado-vivo:#c8942f;--dourado-suave:#f7edd8;--creme:#f6efe0;--fundo:#f8f7f4;--superficie:#fff;--borda:#dcd9d2;--texto:#1d232a;--texto-suave:#5b6470;--pendente-bg:#fdf3dc;--pendente-fg:#8a6116;--aprovado-bg:#e3f2e6;--aprovado-fg:#1e6b34;--processado-bg:#e8edf3;--processado-fg:#3d5570;--erro:#b3362c;--erro-bg:#fdecea;--raio:10px;--sombra:0 1px 3px #142c461f;--toque:48px;--fonte:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{font-family:var(--fonte);color:var(--texto);background:var(--fundo)}body{margin:0}h1,h2,h3{margin:0 0 12px}button{cursor:pointer;font-family:inherit;font-size:16px}input,select,textarea{font-family:inherit;font-size:16px}.btn{min-height:var(--toque);border-radius:var(--raio);background:var(--azul);color:#fff;border:none;padding:0 20px;font-weight:600}.btn:disabled{opacity:.55}.btn:active,.btn-secundario:active{filter:brightness(.9)}.btn-secundario{background:var(--superficie);color:var(--azul);border:1.5px solid var(--azul);border-radius:var(--raio)}.btn-fantasma{color:var(--azul);background:0 0;border:none;text-decoration:underline}.btn-aprovar{background:var(--aprovado-bg);color:var(--aprovado-fg);border:1.5px solid var(--aprovado-fg);border-radius:var(--raio)}.btn-aprovar:active{filter:brightness(.95)}.btn-reprovar{background:var(--erro-bg);color:var(--erro);border:1.5px solid var(--erro);border-radius:var(--raio)}.btn-reprovar:active{filter:brightness(.95)}.campo{color:var(--texto-suave);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.campo input,.campo select,.campo textarea{min-height:var(--toque);border:1.5px solid var(--borda);border-radius:var(--raio);background:var(--superficie);color:var(--texto);padding:10px 14px;font-weight:400}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--azul);outline-offset:1px;border-color:var(--azul)}button:focus-visible,a:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.admin-topo button:focus-visible,.admin-topo a:focus-visible{outline-color:#fff}.badge{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.badge-pendente{background:var(--pendente-bg);color:var(--pendente-fg)}.badge-aprovado{background:var(--aprovado-bg);color:var(--aprovado-fg)}.badge-processado{background:var(--processado-bg);color:var(--processado-fg)}.badge-cancelado{background:var(--erro-bg);color:var(--erro)}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)}.alerta-erro{background:var(--erro-bg);color:var(--erro);border-radius:var(--raio);margin:8px 0;padding:10px 14px}.chip{background:var(--azul-claro);color:var(--azul);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 6px 6px 12px;font-size:14px;font-weight:600;display:inline-flex}.chip button{min-width:24px;min-height:24px;color:var(--azul);background:0 0;border:none;border-radius:50%;padding:0;font-size:16px;line-height:1;position:relative}.chip button:after{content:"";position:absolute;inset:-10px}.chip button:active{background:#00000014}.campo-mes{max-width:200px}.campo-mes input{width:auto}.modal-overlay{z-index:100;background:#142c4680;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-cartao{background:var(--superficie);color:var(--texto);border-radius:var(--raio);width:100%;max-width:560px;max-height:calc(100vh - 32px);box-shadow:var(--sombra);overflow-y:auto}.modal-cabecalho{border-bottom:1px solid var(--borda);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-cabecalho h2{margin:0;font-size:18px}.modal-fechar{min-width:44px;min-height:44px;color:var(--texto-suave);border-radius:var(--raio);background:0 0;border:none;font-size:24px;line-height:1}.modal-fechar:active{background:var(--azul-claro)}.modal-corpo{padding:20px}.modal-corpo-rolavel{max-height:80vh;overflow-y:auto}.modal-acoes{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-acoes button{min-height:var(--toque);flex:1}.rodape{border-top:1px solid var(--borda);color:var(--texto-suave);text-align:center;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;font-size:13px;display:flex}.rodape-espaco{flex:1}.rodape-texto{flex:2}.rodape-credito{white-space:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (width<=640px){.rodape{flex-direction:column;gap:4px;padding:10px 16px}.rodape-espaco{display:none}.rodape-credito{justify-content:center}}@media (width>=641px){.rodape{font-size:14px}.rodape .selo-mklabs{gap:4px;font-size:14px}.rodape .selo-mklabs img{height:32px}}.selo-mklabs{color:var(--texto-suave);white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.selo-mklabs img{width:auto;height:18px}.menu-perfil{position:relative}.menu-perfil-botao{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.menu-perfil-admin .menu-perfil-botao{color:#fff}.menu-perfil-admin .menu-perfil-botao:active{background:#ffffff26}.menu-perfil-vendedor .menu-perfil-botao{color:var(--azul)}.menu-perfil-vendedor .menu-perfil-botao:active{background:var(--azul-claro)}.menu-perfil-icone{object-fit:contain;width:32px;height:32px}@media (width>=641px){.menu-perfil-icone{width:36px;height:36px}}.menu-perfil-dropdown{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);min-width:200px;box-shadow:var(--sombra);z-index:20;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-perfil-nome{color:var(--texto);border-bottom:1px solid var(--borda);margin-bottom:4px;padding:10px 12px;font-weight:600}.menu-perfil-dropdown button{border-radius:var(--raio);text-align:left;min-height:44px;color:var(--texto);background:0 0;border:none;padding:0 12px;font-weight:500}.menu-perfil-dropdown button:active{background:var(--azul-claro)}.login-pagina{max-width:400px;margin:0 auto;padding:48px 16px 72px}.login-topo{text-align:center;margin-bottom:24px}.login-topo img{width:160px;height:auto}.login-form{flex-direction:column;gap:16px;display:flex}.login-rodape-fixo{background:var(--fundo);border-top:1px solid var(--borda);justify-content:center;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.login-recaptcha-erro{margin:0}.banner-pwa{background:var(--azul-claro);color:var(--azul);border-radius:var(--raio);align-items:center;gap:10px;margin-bottom:20px;padding:10px 12px;font-size:14px;display:flex}.banner-pwa-texto{flex:1}.banner-pwa-instalar{border-radius:var(--raio);background:var(--azul);color:#fff;border:none;min-height:44px;padding:0 14px;font-weight:600}.banner-pwa-fechar{min-width:44px;min-height:44px;color:var(--azul);background:0 0;border:none;border-radius:50%;font-size:18px;line-height:1}.banner-pwa-fechar:active{background:#00000014}@media (width>=769px){.banner-pwa{display:none}}#root{min-height:100vh}.admin{flex-direction:column;min-height:100vh;display:flex}.admin-topo{background:var(--azul);color:#fff;border-bottom:1px solid var(--azul-escuro);align-items:center;gap:24px;padding:12px 24px;display:flex}.admin-topo strong{color:#fff;align-items:center;display:flex}.admin-logo{width:24px;height:24px;margin-right:8px}.admin-topo nav{flex:1;align-items:center;gap:16px;display:flex}.admin-topo nav a{color:var(--creme);text-decoration:none}.admin-topo a.active{color:#fff;font-weight:700;text-decoration:underline}.admin-topo .menu-perfil{margin-left:auto}.admin-conteudo{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px}.admin-hamburguer{color:#fff;border-radius:var(--raio);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:none}.admin-hamburguer:active{background:#ffffff26}.admin-nav-mobile{background:var(--azul-escuro);flex-direction:column;padding:4px 12px 12px;display:none}.admin-nav-mobile a{min-height:var(--toque);color:var(--creme);align-items:center;padding:0 12px;text-decoration:none;display:flex}.admin-nav-mobile a.active{color:#fff;font-weight:700}.admin-nav-item-grupo{align-items:center;display:flex;position:relative}.admin-nav-item-principal,.admin-nav-item-botao{color:var(--creme);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;line-height:1;text-decoration:none;display:flex}.admin-nav-item-principal.active,.admin-nav-item-botao.active{color:#fff;font-weight:700;text-decoration:underline}.admin-nav-item-caret{min-width:28px;min-height:28px;color:var(--creme);border-radius:var(--raio);background:0 0;border:none;justify-content:center;align-items:center;margin-left:2px;display:flex}.admin-nav-item-caret:hover,.admin-nav-item-caret[aria-expanded=true]{color:#fff}.admin-nav-submenu{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);min-width:180px;box-shadow:var(--sombra);z-index:20;flex-direction:column;margin-top:10px;padding:6px;display:flex;position:absolute;top:100%;left:0}.admin-nav-desktop .admin-nav-submenu a{min-height:40px;color:var(--texto);border-radius:var(--raio);align-items:center;padding:0 10px;text-decoration:none;display:flex}.admin-nav-desktop .admin-nav-submenu a:hover,.admin-nav-desktop .admin-nav-submenu a.active{background:var(--azul-claro);color:var(--azul);font-weight:600}.admin-nav-mobile-grupo{flex-direction:column;display:flex}.admin-nav-mobile-titulo{min-height:var(--toque);color:var(--creme);align-items:center;padding:0 12px;font-weight:700;display:flex}.admin-nav-mobile-titulo.active{color:#fff}.admin-nav-mobile-submenu{flex-direction:column;padding-left:20px;display:flex}@media (width<=768px){.admin-topo nav.admin-nav-desktop{display:none}.admin-hamburguer,.admin-nav-mobile{display:flex}.admin-marca-texto{display:none}.admin-topo{gap:12px;padding:10px 12px}.admin-conteudo{padding:16px 12px}}.admin-conteudo button:not(.btn):not(.btn-secundario):not(.btn-fantasma):not(.toggle-opcao):not(.item-pedido-remover):not(.modal-fechar):not(.chip-remover):not(.resultado-cliente):not(.resultado-sku):not(.btn-aprovar):not(.btn-reprovar){border-radius:var(--raio);border:1.5px solid var(--azul);background:var(--superficie);min-height:40px;color:var(--azul);padding:0 16px;font-weight:600}.admin-conteudo button:not(.btn):not(.btn-secundario):not(.btn-fantasma):not(.toggle-opcao):not(.item-pedido-remover):not(.modal-fechar):not(.chip-remover):not(.resultado-cliente):not(.resultado-sku):not(.btn-aprovar):not(.btn-reprovar):disabled{opacity:.55}.admin-conteudo input:focus,.admin-conteudo select:focus,.admin-conteudo textarea:focus{outline:2px solid var(--azul);outline-offset:1px;border-color:var(--azul)}.admin-form{border:1px solid var(--borda);border-radius:8px;margin-bottom:24px;padding:16px}.admin-form .campos{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.admin-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.admin-form input,.admin-form select{padding:8px}.admin-busca{margin-bottom:12px}.admin-busca input{width:320px;max-width:100%;padding:8px}.admin-tabela{border-collapse:collapse;width:100%}.admin-tabela th,.admin-tabela td{text-align:left;border-bottom:1px solid var(--borda);padding:8px}.tabela-scroll{overflow-x:auto}.admin-lista-topo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-lista-filtros{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-lista-filtros select{padding:8px}.admin-lista-topo .admin-busca{margin-bottom:0}.modal-corpo .admin-form{border:none;margin-bottom:0;padding:0}.pedidos-barra{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.pedidos-filtros{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.pedidos-filtro-status{flex-wrap:wrap;gap:6px;display:flex}.pedidos-filtro-status .toggle-opcao{flex:none;min-height:36px;padding:0 14px;font-size:14px}.pedidos-filtro-data{color:var(--texto-suave);flex-direction:column;gap:4px;font-size:13px;display:flex}.pedidos-filtro-data input{padding:8px}.pedidos-export{align-items:center;gap:8px;display:flex}.pedidos-export input{padding:8px}.export-modal{flex-direction:column;gap:24px;display:flex}.export-modal-secao{flex-direction:column;gap:12px;display:flex}.export-modal-secao h3{margin:0;font-size:15px}.export-modal-secao:first-child{border-bottom:1px solid var(--borda);padding-bottom:24px}.export-modal-linha{flex-wrap:wrap;gap:12px;display:flex}.export-modal-linha .campo{flex:1;min-width:140px}.export-modal-linha input,.export-modal-linha select{padding:8px}.pedidos-acoes{align-items:center;gap:8px;display:flex}.pedidos-detalhe td{background:var(--azul-claro);border-bottom:2px solid var(--borda)}.pedidos-detalhe-conteudo{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.pedidos-detalhe-itens{border-collapse:collapse;background:var(--superficie);width:100%}.pedidos-detalhe-itens th,.pedidos-detalhe-itens td{text-align:left;border-bottom:1px solid var(--borda);padding:6px 8px;font-size:14px}.pedidos-edicao{flex-direction:column;gap:12px;max-width:480px;display:flex}.novo-pedido.novo-pedido-admin{max-width:640px;padding-bottom:0}.acoes-pedido-admin{justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;display:flex}.acoes-pedido-admin span{color:var(--azul);font-size:14px;font-weight:700}.dashboard .campo-mes{margin-bottom:20px}.dashboard-cartoes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.dashboard-cartao{flex-direction:column;gap:4px;padding:16px;display:flex}.dashboard-cartao-numero{color:var(--azul);font-size:28px;font-weight:700}.dashboard-cartao-label{color:var(--texto-suave);font-size:13px}.dashboard-cartao-destaque{background:var(--pendente-bg)}.dashboard-cartao-destaque .dashboard-cartao-numero{color:var(--pendente-fg)}.dashboard-graficos{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.grafico-cartao{min-width:0;padding:16px;position:relative}.grafico-cartao h3{margin-bottom:12px;font-size:15px}.grafico-vazio{color:var(--texto-suave);font-size:14px}.grafico-svg{width:100%;height:auto;display:block}.grafico-grid{stroke:var(--borda);stroke-width:1px}.grafico-eixo{stroke:var(--texto-suave);stroke-width:1px}.grafico-eixo-texto{fill:var(--texto-suave);font-size:10px}.grafico-legenda{flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.grafico-legenda li{color:var(--texto);align-items:center;gap:6px;font-size:13px;display:flex}.grafico-legenda-cor{border-radius:3px;flex-shrink:0;width:12px;height:12px}.grafico-hit{cursor:pointer}.grafico-tooltip{pointer-events:none;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);color:var(--texto);white-space:normal;z-index:5;max-width:240px;padding:6px 10px;font-size:12px;line-height:1.3;position:absolute}.relatorios{flex-direction:column;gap:20px;display:flex}.relatorio-filtros{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}@media (width<=768px){.dashboard-cartoes{grid-template-columns:repeat(2,1fr)}.dashboard-graficos{grid-template-columns:1fr}.pedidos-barra,.admin-lista-topo,.pedidos-filtros{flex-direction:column;align-items:stretch}.modal-overlay{padding:8px}.modal-cartao{max-width:100%}}@media (width<=480px){.dashboard-cartoes{grid-template-columns:1fr}}.vendedor{flex-direction:column;min-height:100vh;display:flex}.vendedor-topo{z-index:10;background:var(--superficie);border-bottom:1px solid var(--borda);align-items:center;gap:10px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.vendedor-marca{align-items:center;display:flex}.vendedor-logo{object-fit:contain;width:28px;height:28px}.vendedor-nav{gap:14px;display:flex}.vendedor-nav a{color:var(--texto-suave);padding:12px 6px;font-size:14px;font-weight:600;text-decoration:none}.vendedor-nav a.active{color:var(--azul)}.vendedor-topo .menu-perfil{margin-left:auto}.vendedor-conteudo{flex:1;width:100%;max-width:480px;margin:0 auto;padding:72px 16px 16px}.vendedor .rodape,.meus-pedidos{padding-bottom:calc(var(--toque) + 32px)}.meus-pedidos-vazio{color:var(--texto-suave);margin-top:24px}.meus-pedidos-busca{grid-template-columns:1fr 1fr;align-items:end;gap:10px;margin:12px 0 16px;display:grid}.meus-pedidos-busca>.campo,.meus-pedidos-busca .busca-cliente{min-width:0}.meus-pedidos-busca .campo-mes{min-width:0;max-width:none}.meus-pedidos-busca .campo-mes input{width:100%}.meus-pedidos-limpar{grid-column:1/-1;justify-self:start}.lista-pedidos{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cartao-pedido{width:100%;min-height:var(--toque);text-align:left;background:var(--superficie);font:inherit;color:inherit;flex-direction:column;gap:8px;padding:14px;display:flex}.cartao-pedido-topo,.cartao-pedido-base{justify-content:space-between;align-items:center;gap:8px;display:flex}.cartao-pedido-cliente{font-weight:600}.cartao-pedido-data{color:var(--texto-suave);font-size:14px}.cartao-pedido-total{color:var(--azul);font-weight:700}.btn-novo-pedido{z-index:10;width:calc(100% - 32px);max-width:448px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.texto-suave{color:var(--texto-suave);font-size:14px}.novo-pedido{padding-bottom:calc(var(--toque) + 56px);flex-direction:column;gap:24px;display:flex}.secao-pedido h2{font-size:16px}.cliente-selecionado{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.aviso-incompleto{color:var(--dourado);margin-top:4px;font-size:12px}.lista-resultado-cliente,.lista-resultado-sku{flex-direction:column;gap:8px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.resultado-cliente,.resultado-sku{width:100%;min-height:var(--toque);text-align:left;background:var(--superficie);font:inherit;color:inherit;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.resultado-sku{flex-direction:row;justify-content:space-between;align-items:center}.form-cliente-rapido{flex-direction:column;gap:10px;margin-top:8px;padding:14px;display:flex}.form-cliente-rapido-acoes{align-items:center;gap:12px;display:flex}.editor-itens,.lista-itens-pedido{flex-direction:column;gap:10px;display:flex}.item-pedido{padding:14px}.item-pedido-topo{justify-content:space-between;align-items:center;gap:8px;display:flex}.item-pedido-remover{min-width:44px;min-height:44px;color:var(--erro);border-radius:var(--raio);background:0 0;border:none;font-size:22px;line-height:1}.item-pedido-remover:active{background:var(--erro-bg)}.item-pedido-campos{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.item-pedido-campos .campo{min-width:0}.item-pedido-campos input{width:100%;min-width:0}.item-pedido-minimo{color:var(--texto-suave);font-size:12px;font-weight:400}.campo-invalido{border-color:var(--erro)!important}.item-pedido-erro{margin:8px 0 0;font-size:13px}.item-pedido-subtotal{color:var(--azul);text-align:right;margin:8px 0 0;font-size:14px;font-weight:600}.toggle-pagamento,.toggle-parcelas{gap:10px;display:flex}.toggle-parcelas{max-width:220px;margin-top:10px}.toggle-opcao{min-height:var(--toque);border:1.5px solid var(--borda);border-radius:var(--raio);background:var(--superficie);color:var(--texto);flex:1;font-weight:600}.toggle-opcao-ativa{border-color:var(--azul);background:var(--azul-claro);color:var(--azul)}.pedido-detalhe{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.pedido-detalhe h1{margin:0}.pedido-detalhe .revisao-cartao{width:100%}.revisao-cartao{background:var(--dourado-suave);flex-direction:column;gap:10px;padding:16px;display:flex}.revisao-itens{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.revisao-pagamento{font-size:14px}.revisao-obs{color:var(--texto-suave);font-size:14px}.revisao-total{text-align:right;font-size:18px}.comissao{flex-direction:column;gap:16px;padding-bottom:32px;display:flex}.cartao-resumo-comissao{text-align:center;background:var(--dourado-suave);padding:20px}.resumo-comissao-titulo{color:var(--texto-suave);margin:0;font-size:14px}.resumo-comissao-valor{color:var(--dourado);margin:4px 0;font-size:32px;font-weight:700}.resumo-comissao-base{color:var(--texto-suave);margin:0;font-size:13px}.comissao-vazio{color:var(--texto-suave)}.cartao-pedido-comissao{flex-direction:column;gap:8px;padding:14px;display:flex}.barra-total{z-index:10;background:var(--superficie);border-top:1px solid var(--borda);width:100%;max-width:480px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.barra-total span{color:var(--azul);font-size:14px;font-weight:700}.barra-total .btn{flex-shrink:0}