:root{--fundo: #f6f7f5;--superficie: #ffffff;--texto: #1d2320;--suave: #5b6560;--borda: #d5dbd7;--destaque: #1f6f53;--destaque-texto: #ffffff;--erro: #b3261e;--zebra: #eceeeb;--raio: 8px;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media(prefers-color-scheme:dark){:root{--fundo: #141816;--superficie: #1d2320;--texto: #e7ece9;--suave: #a3ada8;--borda: #36403b;--destaque: #5fbf97;--destaque-texto: #0d1411;--erro: #f2b8b5;--zebra: #1d2320}}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto)}header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--borda);background:var(--superficie)}.logo{font-weight:700;color:var(--destaque);text-decoration:none}main{max-width:480px;margin:24px auto;padding:0 16px;overflow-wrap:anywhere}.faixa{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0;padding:8px 16px;border-bottom:1px solid var(--borda);background:var(--superficie)}h1{font-size:1.5rem;margin:0 0 16px}form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--suave)}label.opcao{flex-direction:row;align-items:center;gap:8px}input,select,textarea{font:inherit;font-size:1rem;min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie);color:var(--texto)}input[readonly]{color:var(--suave)}button{font:inherit;padding:10px 16px;border:1px solid var(--destaque);border-radius:var(--raio);background:var(--destaque);color:var(--destaque-texto);cursor:pointer}button.secundario{background:transparent;color:var(--destaque)}button:disabled{opacity:.5;cursor:default}a{color:var(--destaque)}.erro{color:var(--erro);margin:0}.nota,.aviso{color:var(--suave);font-size:.9rem}.qr{display:block;width:220px;max-width:100%;margin:8px auto;background:#fff;border-radius:var(--raio)}code{word-break:break-all}.codigos{columns:2;font-size:1.05rem}.acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.link-convite{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:16px;border:1px solid var(--destaque);border-radius:var(--raio);background:var(--superficie)}.lista{list-style:none;padding:0}.lista li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--borda)}.situacao{color:var(--suave)}h2{font-size:1.15rem;margin:24px 0 8px}h3{font-size:1rem;margin:16px 0 4px}.titulo-item{font-weight:600}.valor{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.negativo{color:var(--erro)}.acoes-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%}.acoes-item button{padding:4px 10px;font-size:.85rem}.confirmacao{padding:12px;margin:8px 0 16px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie)}.confirmacao p{margin-top:0}.quadro{padding:12px 16px;margin-bottom:16px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie)}.linha{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.linha.total{border-top:1px solid var(--borda);margin-top:4px;padding-top:8px;font-weight:600}.opcoes-tipo{display:flex;flex-wrap:wrap;gap:8px 16px;min-width:0;margin:0;padding:0;border:none}.opcoes-tipo legend{width:100%;margin-bottom:4px;font-size:.9rem;color:var(--suave)}header{flex-wrap:wrap;gap:8px}.menu{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.9rem}.menu a.ativo{font-weight:600}.navegacao-mes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.navegacao-mes h1,.navegacao-mes h2{flex:1;min-width:0;margin:0;text-align:center}.navegacao-mes a,.navegacao-mes .desabilitado{flex:none;font-size:1.5rem;padding:0 12px;text-decoration:none}.navegacao-mes .desabilitado{color:var(--borda)}.indicador{display:flex;flex-wrap:wrap;gap:4px 12px;padding:8px 12px;border-radius:var(--raio);border:1px solid var(--borda);background:var(--superficie)}.indicador.pendente{border-color:var(--erro)}.indicador.pendente strong{color:var(--erro)}.linha.suave{color:var(--suave);font-size:.9rem}.saldo-conta{padding:8px 0;border-bottom:1px solid var(--borda)}details summary{cursor:pointer}.marcas{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%}.marca{padding:0 6px;border:1px solid var(--borda);border-radius:var(--raio);color:var(--suave);font-size:.8rem}.lista li.cancelado .titulo-item,.lista li.cancelado .valor{text-decoration:line-through;color:var(--suave)}.painel,.largura-total{width:100%;min-width:0}.campo-com-sinal{display:flex;align-items:flex-end;gap:8px}.campo-com-sinal label{flex:1;min-width:0}.campo-com-sinal button{flex:none;min-width:44px;padding:10px 12px}details.mais-acoes>summary{padding:4px 10px;border:1px solid var(--destaque);border-radius:var(--raio);color:var(--destaque);font-size:.85rem}details.mais-acoes[open]{flex-basis:100%}details.mais-acoes[open]::details-content{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}@media(min-width:720px){@supports selector(::details-content){details.mais-acoes{display:flex;flex-wrap:wrap;gap:8px}details.mais-acoes>summary{display:none}details.mais-acoes::details-content{content-visibility:visible;display:contents}}}.abas{display:none}@media(max-width:719.98px){nav.menu{display:none}.abas{position:fixed;right:0;bottom:0;left:0;z-index:20;display:flex;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--borda);background:var(--superficie)}.abas a{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;min-height:56px;color:var(--suave);font-size:.8rem;text-decoration:none}.abas a.ativo{box-shadow:inset 0 2px 0 var(--destaque);color:var(--destaque);font-weight:700}header{padding:0 16px}main{margin-top:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.painel{scroll-margin-bottom:calc(64px + env(safe-area-inset-bottom))}}@media(max-width:719.98px),(pointer:coarse){button,select,input:not([type=checkbox],[type=radio]){min-height:44px}.acoes-item button{padding:8px 12px}label.opcao{min-height:44px}summary,details.mais-acoes>summary{padding-block:10px;line-height:24px}a{padding-block:14px}a.logo,a.marca,.navegacao-mes a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-block:0}.navegacao-mes a,.navegacao-mes .desabilitado{min-width:44px}}.rodape-inicio{margin-top:32px}.lista li.calculada .titulo-item{font-style:italic;font-weight:400}.lista-lancamentos li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"data titulo valor" "situacao situacao situacao" "estado marcas marcas" "acoes acoes acoes";gap:4px 12px;align-items:baseline;padding:10px 8px}.lista-lancamentos li>*{min-width:0}.lista-lancamentos .data{grid-area:data;color:var(--suave);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.lista-lancamentos .titulo-item{grid-area:titulo}.lista-lancamentos .situacao{grid-area:situacao}.lista-lancamentos .estado{grid-area:estado;justify-self:start}.lista-lancamentos .valor{grid-area:valor;justify-self:end;margin-left:0;text-align:right}.lista-lancamentos .marcas{grid-area:marcas;width:auto}.lista-lancamentos .marcas:empty{display:none}.lista-lancamentos .acoes-item{grid-area:acoes;width:auto}.lista-lancamentos li>.painel,.lista-lancamentos li>.confirmacao,.lista-lancamentos li>form{grid-column:1 / -1}.lista-lancamentos li.nota{display:block}.lista-lancamentos li.cabecalho{display:none}.lista-lancamentos li:nth-child(odd):not(.cabecalho){background:var(--zebra)}@media(min-width:720px){main.larga{max-width:1120px}main.larga .quadro,main.larga .indicador,main.larga .navegacao-mes,main.larga .confirmacao,main.larga .painel>*,main.larga form{max-width:560px}.lista-lancamentos li{grid-template-columns:7rem minmax(8rem,2fr) minmax(7rem,1.2fr) 6.5rem 9rem;grid-template-areas:"data titulo situacao estado valor" ". marcas marcas acoes acoes"}.lista-lancamentos .data{color:var(--texto);font-size:1rem}.lista-lancamentos .acoes-item{justify-self:end;justify-content:flex-end}.lista-lancamentos li.cabecalho{display:grid;padding-block:4px;border-bottom:2px solid var(--borda);color:var(--suave);font-size:.85rem;font-weight:600}.lista-lancamentos li.cabecalho .titulo-item{font-weight:600}}@media(min-width:1024px){.lista-lancamentos li{grid-template-columns:7rem minmax(10rem,2fr) minmax(8rem,1.2fr) 6.5rem 9rem auto;grid-template-areas:"data titulo situacao estado valor acoes" ". marcas marcas marcas marcas ."}}.curva-meses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}fieldset.curva,fieldset.reajustes{display:flex;flex-direction:column;gap:8px;min-width:0;margin:8px 0;padding:12px;border:1px solid var(--borda);border-radius:var(--raio)}@media(min-width:720px){.curva-meses{grid-template-columns:repeat(4,minmax(0,1fr))}}.alerta-risco{padding:8px 12px;border:1px solid var(--erro);border-radius:var(--raio);background:var(--superficie)}.quadro.risco{border-color:var(--erro)}.quadro.risco h3{margin-top:0}.reserva{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px}.meses-planejamento li.em-risco .titulo-item{color:var(--erro)}.barra{display:block;width:100%;height:6px;border-radius:3px;background:var(--borda)}.barra>span{display:block;height:100%;border-radius:3px;background:var(--destaque)}