:root{--bg:#f5f6f8;--superficie:#fff;--borda:#d9dde3;--texto:#1c2430;--texto-suave:#5d6877;--primaria:#1f5fbf;--primaria-hover:#174a95;--erro:#b3261e;--destaque:#e8f0fc;color:var(--texto);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12161c;--superficie:#1b212a;--borda:#303845;--texto:#e6e9ee;--texto-suave:#9aa5b4;--primaria:#5b9bff;--primaria-hover:#82b3ff;--erro:#ff8a80;--destaque:#243349}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0 0 .5rem;font-size:1.4rem}.sub{color:var(--texto-suave)}.carregando{color:var(--texto-suave);padding:2rem}label{margin:1rem 0 .3rem;font-size:.85rem;font-weight:600;display:block}input{width:100%;font:inherit;color:inherit;background:var(--superficie);border:1px solid var(--borda);border-radius:6px;padding:.55rem .7rem}input:focus-visible,button:focus-visible{outline:2px solid var(--primaria);outline-offset:1px}button{font:inherit;cursor:pointer;background:var(--primaria);color:#fff;border:0;border-radius:6px;padding:.6rem 1rem;font-weight:600}button:hover:not(:disabled){background:var(--primaria-hover)}button:disabled{opacity:.6;cursor:default}button.link{color:var(--primaria);background:0 0;padding:0}.erro{color:var(--erro);margin:.8rem 0 0}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login form{background:var(--superficie);border:1px solid var(--borda);border-radius:10px;width:100%;max-width:360px;padding:2rem}.login button{width:100%;margin-top:1.4rem}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{background:var(--superficie);border-right:1px solid var(--borda);padding:1.2rem 1rem}aside h2{margin:0 0 1rem;font-size:1.1rem}aside nav{flex-direction:column;gap:.2rem;display:flex}aside a{color:inherit;border-radius:6px;padding:.5rem .7rem;text-decoration:none}aside a.active{background:var(--destaque);color:var(--primaria);font-weight:600}.conteudo{min-width:0}.conteudo header{background:var(--superficie);border-bottom:1px solid var(--borda);justify-content:space-between;align-items:flex-end;gap:1rem;padding:.8rem 1.5rem;display:flex}.conteudo header .combobox{width:280px}.conteudo header label{margin-top:0}.usuario{align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.conteudo main{padding:1.5rem}.combobox{position:relative}.combobox ul{z-index:10;background:var(--superficie);border:1px solid var(--borda);border-radius:6px;max-height:240px;margin:.2rem 0 0;padding:.25rem;list-style:none;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 6px 18px #0000001f}.combobox li{cursor:pointer;border-radius:4px;padding:.45rem .6rem}.combobox li.destaque{background:var(--destaque)}.combobox li[aria-selected=true]{font-weight:600}.combobox li.vazio{color:var(--texto-suave);cursor:default}@media (width<=720px){.app{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--borda)}.conteudo header{flex-direction:column;align-items:stretch}.conteudo header .combobox{width:100%}}.titulo-linha{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.titulo-linha h1{margin:0}.so-leitor{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filtros{flex-wrap:wrap;align-items:flex-end;gap:.8rem 1rem;margin:1rem 0;display:flex}.filtros label{margin-top:0}.filtros input{width:auto}.filtro-conta{width:230px}.filtro-busca{flex:1;min-width:160px}.filtro-busca input{width:100%}.segmentos{border:1px solid var(--borda);background:var(--superficie);border-radius:6px;display:inline-flex;overflow:hidden}.segmentos button{color:var(--texto);background:0 0;border-radius:0;padding:.5rem .85rem;font-weight:500}.segmentos button+button{border-left:1px solid var(--borda)}.segmentos button:hover:not(:disabled):not(.ativo){background:var(--destaque)}.segmentos button.ativo{background:var(--primaria);color:#fff}.abas{margin:1rem 0}.cartoes{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;flex-direction:column;gap:.15rem;padding:.8rem 1rem;display:flex}.cartao span{color:var(--texto-suave);font-size:.85rem}.cartao strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.cartao small,td small{color:var(--texto-suave);font-size:.78rem}.destaque-cartao{border-color:var(--primaria)}.negativo{color:var(--erro)}.aviso{background:var(--destaque);border-radius:6px;margin:.8rem 0;padding:.6rem .9rem}.tabela-rolavel{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borda);vertical-align:top;padding:.55rem .8rem}thead th{text-transform:uppercase;letter-spacing:.03em;color:var(--texto-suave);white-space:nowrap;font-size:.8rem}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody th{white-space:nowrap;font-weight:600}td small{display:block}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.forte{font-weight:700}.linha-atual{background:var(--destaque)}.etiqueta{color:var(--primaria);text-transform:uppercase;font-size:.72rem;font-weight:600}.vazio-tabela{text-align:center;color:var(--texto-suave);padding:1.5rem}td.saida{color:var(--erro)}td.entrada{color:#1b7a43}@media (prefers-color-scheme:dark){td.entrada{color:#66d19e}}tr.cancelado td,tr.cancelado th{color:var(--texto-suave);text-decoration:line-through}tr.cancelado td.acoes,tr.cancelado .selo{text-decoration:none}.acoes{white-space:nowrap;gap:.8rem;display:flex}button.perigo{color:var(--erro)}.selo{border:1px solid;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.selo.pago{color:#1b7a43}.selo.aberto{color:var(--primaria)}.selo.atrasado{color:var(--erro)}.selo.cancelado{color:var(--texto-suave)}@media (prefers-color-scheme:dark){.selo.pago{color:#66d19e}}.paginacao{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.modal{background:var(--superficie);width:min(520px,100vw - 2rem);color:var(--texto);border:0;border-radius:10px;padding:0}.modal::backdrop{background:#00000073}.modal-corpo{padding:1.2rem 1.4rem 1.4rem}.modal-corpo header{justify-content:space-between;align-items:center;display:flex}.modal-corpo h2{margin:0;font-size:1.15rem}.formulario>*+*,.formulario .combobox{margin-top:.2rem}.duas-colunas{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.botoes{justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}button.secundario{color:var(--texto);border:1px solid var(--borda);background:0 0}button.secundario:hover:not(:disabled){background:var(--destaque)}.check{align-items:center;gap:.5rem;margin:.9rem 0 .3rem;font-weight:500;display:flex}.check input{width:auto}.linha-form{flex-wrap:wrap;align-items:flex-end;gap:.8rem 1rem;margin:1rem 0;display:flex}.linha-form label:not(.check){margin-top:0}.linha-form .check{margin:0 0 .5rem}.passos{gap:1.2rem;padding-left:1.2rem;display:grid}.passos li>p{margin:.2rem 0 .6rem}.passos code{background:var(--destaque);border-radius:4px;padding:.05rem .3rem}.selo.importado{color:var(--primaria);vertical-align:middle;margin-left:.4rem;padding:0 .4rem;font-size:.7rem}td input[type=checkbox]{width:auto}.formulario h3{margin:1.2rem 0 .2rem;font-size:1rem}th small{color:var(--texto-suave);font-size:.78rem;font-weight:400;display:block}.opcao-fluxo{align-items:flex-start;margin:.2rem 0 1rem}.opcao-fluxo small{color:var(--texto-suave);font-weight:400;display:block}.abas-fluxo{margin-bottom:.5rem}.linha-atraso{background:var(--destaque)}button.valor-link{color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-underline-offset:3px;cursor:pointer;background:0 0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button.valor-link:hover:not(:disabled){color:var(--primaria);background:0 0;text-decoration-style:solid}.cartao button.valor-link{text-align:left;font-size:1.35rem;font-weight:700}.modal.modal-larga{width:min(1000px,100vw - 2rem)}.tabela-titulos{max-height:60vh;margin-top:.6rem;overflow:auto}.tabela-titulos tfoot th,.tabela-titulos tfoot td{border-top:2px solid var(--borda)}
