:root{--marca-azul:#16224a;--marca-azul-700:#24325e;--marca-azul-800:#0d1330;--marca-laranja:#e8742a;--texto-primario:#10131c;--texto-titulo:#10131c;--texto-corpo:#10131c;--texto-suave:#646b7d;--texto-tenue:#8b91a1;--texto-sobre-escuro:#fff;--texto-sobre-escuro-suave:#b9c1da;--superficie-pagina:#f4f5f7;--superficie-cartao:#fff;--superficie-sutil:#fafafb;--superficie-campo:#fbfbfc;--superficie-selecionada:#f8f9fc;--borda-padrao:#e4e6eb;--borda-campo:#d3d7e0;--borda-forte:#d3d7e0;--borda-sutil:#eef0f3;--sucesso-fundo:#e7f3ec;--sucesso-texto:#256b45;--atencao-fundo:#fdf1e0;--atencao-texto:#8a5a12;--critico-fundo:#fdeceb;--critico-texto:#a02c22;--raio-padrao:10px;--raio-pilula:999px;--fonte:"Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fonte-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{font-family:var(--fonte);color:var(--texto-corpo);background:var(--superficie-pagina);-webkit-font-smoothing:antialiased;margin:0}a{color:#1d3f8f;text-decoration:none}a:hover{color:var(--marca-azul-800);text-decoration:underline}.mono{font-family:var(--fonte-mono)}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.login-pagina{background:linear-gradient(160deg, var(--marca-azul-800), var(--marca-azul));justify-content:center;align-items:center;min-height:100vh;display:flex}.login-cartao{background:var(--superficie-cartao);border-radius:var(--raio-padrao);width:360px;padding:32px;box-shadow:0 20px 50px #0d133059}.login-cartao h1{color:var(--texto-titulo);letter-spacing:-.015em;margin:0 0 4px;font-size:20px}.login-cartao p.sub{color:var(--texto-suave);margin:0 0 24px;font-size:13px}.sidebar{background:var(--marca-azul);height:100vh;color:var(--texto-sobre-escuro);flex-direction:column;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-marca{flex-direction:column;gap:2px;margin-bottom:24px;padding:0 12px;display:flex}.sidebar-marca .linha1{letter-spacing:-.01em;color:#fff;font-size:17px;font-weight:700}.sidebar-marca .linha2{text-transform:uppercase;letter-spacing:.08em;color:#8f9bc4;font-size:12px;font-weight:500}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-item{text-align:left;width:100%;color:var(--texto-sobre-escuro-suave);font-family:var(--fonte);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.sidebar-item .contagem{color:#7f8cb8;font-size:11px}.sidebar-item:hover{background:var(--marca-azul-700);color:#fff}.sidebar-item.ativo{background:var(--marca-azul-700);color:#fff;font-weight:600}.sidebar-item.ativo .contagem{color:#b9c1da}.sidebar-rodape{border-top:1px solid #26325c;flex-direction:column;gap:10px;margin-top:auto;padding:14px 12px 0;display:flex}.sidebar-rodape .operador-nome{color:#fff;flex-direction:column;gap:2px;font-size:13px;font-weight:600;display:flex}.sidebar-rodape .operador-papel{color:#8f9bc4;font-size:11.5px;font-weight:500}.conteudo{min-width:0}.pagina-cabecalho{border-bottom:1px solid var(--borda-padrao);background:#fff;justify-content:space-between;align-items:flex-end;gap:16px;max-width:1180px;margin:0 auto;padding:26px 32px 18px;display:flex}.pagina-cabecalho h1{letter-spacing:-.015em;color:var(--texto-titulo);margin:0;font-size:21px;font-weight:700}.pagina-cabecalho p{color:var(--texto-suave);margin:4px 0 0;font-size:13.5px}.pagina-cabecalho .busca{margin:0}.corpo{width:100%;max-width:1180px;margin:0 auto;padding:24px 32px}.campo{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.campo label{color:#5b6274;font-size:12.5px;font-weight:600}.campo input,.campo select{border:1px solid var(--borda-campo);font-size:14px;font-family:var(--fonte);color:var(--texto-primario);background:var(--superficie-campo);border-radius:8px;padding:9px 11px}.campo input:focus,.campo select:focus{outline-offset:-1px;outline:2px solid #1d3f8f}.campo .erro-campo{color:var(--critico-texto);font-size:12px}.btn{font-size:13.5px;font-weight:600;font-family:var(--fonte);cursor:pointer;border:none;border-radius:8px;padding:10px 18px}.btn.primario{background:var(--marca-azul);color:#fff}.btn.primario:hover{background:var(--marca-azul-700)}.btn.primario:disabled{cursor:not-allowed}.btn.fantasma{color:#cfd6ea;background:0 0;border:1px solid #3a4877;border-radius:7px;padding:7px 10px;font-size:13px}.btn.fantasma:hover{color:#fff;background:#24325e}.btn.linha{color:var(--marca-azul);border:1px solid var(--borda-campo);background:#fff}.btn.linha:hover{background:var(--superficie-pagina)}.btn.perigo{background:var(--critico-texto);color:#fff}.btn.perigo:hover{background:#841f18}.btn.pequeno{padding:9px 16px;font-size:13.5px}.cartao{background:var(--superficie-cartao);border:1px solid var(--borda-padrao);border-radius:var(--raio-padrao);padding:22px 24px}.cartao+.cartao{margin-top:16px}.cartao h2{color:var(--texto-titulo);margin:0 0 4px;font-size:16.5px;font-weight:700}.cartao .legenda{color:var(--texto-suave);max-width:66ch;margin:0 0 16px;font-size:13px}.cartao-cabecalho{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.titulo-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#7c8394;margin:0 0 4px;font-size:12px;font-weight:700}.linha-lista{border-bottom:1px solid var(--borda-sutil);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:15px 4px;display:flex}.linha-lista:last-child{border-bottom:none}.linha-lista:hover{background:var(--superficie-selecionada)}.linha-lista .titulo{color:var(--texto-primario);font-size:14.5px;font-weight:600}.linha-lista .subtitulo{color:var(--texto-suave);margin-top:2px;font-size:12.5px}.linha-lista .direita{align-items:center;gap:8px;display:flex}.distintivo{border-radius:var(--raio-pilula);align-items:center;padding:3px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.distintivo.sucesso{background:var(--sucesso-fundo);color:var(--sucesso-texto)}.distintivo.atencao{background:var(--atencao-fundo);color:var(--atencao-texto)}.distintivo.critico{background:var(--critico-fundo);color:var(--critico-texto)}.distintivo.neutro{background:var(--superficie-selecionada);color:#4d5568}.aviso{z-index:300;color:#fff;border-radius:12px;padding:14px 20px;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #00000040}.aviso-ok{background:var(--sucesso-texto)}.aviso-erro{background:var(--critico-texto)}.busca{border:1px solid var(--borda-campo);width:100%;max-width:300px;font-size:13.5px;font-family:var(--fonte);background:var(--superficie-campo);border-radius:8px;margin-bottom:16px;padding:9px 12px}.vazio{text-align:center;color:var(--texto-tenue);padding:40px 0;font-size:13.5px}.veu{z-index:90;background:#10131c52;position:fixed;inset:0}.gaveta{background:var(--superficie-pagina);z-index:91;width:460px;max-width:100vw;padding:0 0 40px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-16px 0 40px #10131c29}.gaveta h2{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:700}.gaveta-cabecalho{border-bottom:1px solid var(--borda-padrao);background:#fff;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex;position:sticky;top:0}.gaveta-cabecalho .cnpj{font-family:var(--fonte-mono);color:var(--texto-suave);margin-top:4px;font-size:12.5px}.gaveta .fechar{cursor:pointer;color:var(--texto-suave);border:1px solid var(--borda-padrao);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.gaveta .fechar:hover{background:var(--superficie-pagina);color:var(--texto-primario)}.gaveta-corpo{flex-direction:column;gap:14px;padding:18px 24px 40px;display:flex}.gaveta-corpo .cartao{margin-top:0!important}.secao-postos{padding:0;overflow:hidden}.secao-postos .cartao-cabecalho{padding:18px 20px 12px}.secao-postos .linha-lista{border-top:1px solid var(--borda-sutil);border-bottom:none;padding:13px 20px}.secao-postos .linha-lista:first-child{border-top:none}.secao-postos .vazio{padding:8px 20px 20px}.secao-postos .edicao-posto{margin:8px 20px 16px}.grade-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rotulo-valor{margin-bottom:12px}.rotulo-valor .r{color:var(--texto-tenue);font-size:12px}.rotulo-valor .v{color:var(--texto-primario);font-size:14px;font-weight:600}.grade-clientes-cabecalho,.grade-clientes-linha{grid-template-columns:2fr 1.3fr .9fr 1.1fr 1.2fr 40px;align-items:center;gap:16px;display:grid}.grade-clientes-cabecalho{background:var(--superficie-sutil);border-bottom:1px solid var(--borda-padrao);text-transform:uppercase;letter-spacing:.07em;color:#7c8394;padding:11px 18px;font-size:11px;font-weight:600}.grade-clientes-linha{border-bottom:1px solid var(--borda-sutil);cursor:pointer;padding:15px 18px}.grade-clientes-linha:last-child{border-bottom:none}.grade-clientes-linha:hover{background:var(--superficie-selecionada)}.grade-clientes-linha .nome{color:var(--texto-primario);font-size:14.5px;font-weight:600}.grade-clientes-linha .cnpj{font-family:var(--fonte-mono);color:var(--texto-suave);font-size:12.5px}.grade-clientes-linha .dado{color:#383e4d;font-size:13.5px}.grade-clientes-linha .seta{color:#a3a9b8;text-align:right;font-size:16px}.grade-clientes-linha .nome,.grade-clientes-linha .cnpj{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-de-faixas .legenda{font-family:var(--fonte-mono);border-bottom:1px solid #eef0f3;padding-bottom:18px}.linha-faixa{border-bottom:1px solid var(--borda-sutil);grid-template-columns:1fr 180px;align-items:center;gap:24px;padding:14px 0;display:grid}.linha-faixa:last-of-type{border-bottom:none}.linha-faixa .r{color:var(--texto-tenue);font-size:12px}.linha-faixa .v{color:var(--texto-primario);margin-top:2px;font-size:14.5px;font-weight:600}.preco-composto{border:1px solid var(--borda-campo);background:var(--superficie-campo);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.preco-composto .prefixo,.preco-composto .sufixo{color:var(--texto-suave);white-space:nowrap;background:#f4f5f7;align-items:center;padding:0 10px;font-size:13px;display:flex}.preco-composto .prefixo{border-right:1px solid var(--borda-padrao)}.preco-composto .sufixo{border-left:1px solid var(--borda-padrao)}.preco-composto input{min-width:0;font-family:var(--fonte-mono);text-align:right;background:0 0;border:none;flex:1;padding:9px 10px;font-size:14px}.preco-composto input:focus{outline:none}.preco-composto:focus-within{outline-offset:-1px;outline:2px solid #1d3f8f}.faturas-corpo{flex-direction:column;gap:20px;display:flex}.linha-selecao{grid-template-columns:1fr auto;align-items:end;gap:14px;display:grid}.grade-2.gap16{gap:16px}.grade-2 input[type=date]{font-family:var(--fonte-mono)}.cartao-historico{padding:0;overflow:hidden}.cartao-historico .cartao-cabecalho{padding:18px 24px 14px}.cartao-historico .vazio{padding:8px 24px 24px}.linha-historico{border-bottom:1px solid var(--borda-sutil);cursor:pointer;grid-template-columns:1fr 130px 110px;align-items:center;gap:16px;padding:14px 24px;display:grid}.linha-historico:last-child{border-bottom:none}.linha-historico:hover{background:var(--superficie-selecionada)}.linha-historico .range{font-family:var(--fonte-mono);color:var(--texto-primario);font-size:13.5px;font-weight:500}.linha-historico .total{font-family:var(--fonte-mono);text-align:right;color:var(--texto-primario);font-size:13.5px}.linha-historico .total.sem-total{color:var(--texto-tenue);font-family:var(--fonte)}.linha-historico .estado{text-align:right}.cartao .historico-cliente{color:var(--texto-suave);font-size:13px;font-weight:500}.grade-kpis-financeiro{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.kpi-financeiro{background:var(--superficie-cartao);border:1px solid var(--borda-padrao);border-radius:var(--raio-padrao);padding:18px 20px}.kpi-financeiro .rotulo{text-transform:uppercase;letter-spacing:.07em;color:#7c8394;font-size:12px;font-weight:600}.kpi-financeiro .valor{font-family:var(--fonte-mono);letter-spacing:-.02em;color:var(--texto-primario);margin-top:6px;font-size:26px;font-weight:500}.kpi-financeiro .nota{color:var(--texto-tenue);margin-top:4px;font-size:12.5px}.cartao-calendario{padding:0;overflow:hidden}.cartao-calendario .vazio{padding:8px 24px 24px}.calendario-cabecalho{justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px 16px;display:flex}.calendario-cabecalho .campo{margin-bottom:0}.linha-calendario{border-bottom:1px solid var(--borda-sutil);grid-template-columns:64px 1fr 110px 100px;align-items:center;gap:16px;padding:14px 24px;display:grid}.linha-calendario:last-child{border-bottom:none}.linha-calendario .dia{text-align:center;flex-direction:column;align-items:center;display:flex}.linha-calendario .dia .n{font-family:var(--fonte-mono);color:var(--texto-primario);font-size:18px;font-weight:500}.linha-calendario .dia .m{text-transform:uppercase;color:var(--texto-tenue);font-size:10.5px}.linha-calendario .cliente{color:var(--texto-primario);font-size:13.5px;font-weight:500}.linha-calendario .valor{font-family:var(--fonte-mono);text-align:right;color:var(--texto-primario);font-size:13.5px}.linha-calendario .estado{text-align:right}