@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;800&family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,800&display=swap");
/* IAAnota: 3 visuais em teste (Azul Luminoso, Maçã, Aipo e Noite), cada um claro e escuro.
   Layout: celular = conteúdo + barra de baixo com microfone no centro; PC (900px+) = menu lateral com microfone e conteúdo em 2 colunas. */

/* ---------- Azul Luminoso (padrão) ---------- */
:root{
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --font-h:var(--font); --font-num:var(--font);
  --h-size:2.1rem; --h-w:800; --h-ls:-.03em; --num-w:800; --r:22px; --mic:72px; --card-bd:1px solid rgba(91,141,239,.18);
  --bg:#eef3ff; --fg:#0e1a3a; --mute:#5a6890; --card:#ffffff; --line:#dbe4fb; --track:#e4ebfd; --accent:#3d6fe0; --on-accent:#fff;
  --pos:#1a8f69; --neg:#d0405f; --warn:#d97a1c; --warn-bg:#fff1e3; --bad-bg:#ffe6ec; --info-bg:#e6eeff;
  --mic-bg:linear-gradient(145deg,#7aa6ff,#3d6fe0); --mic-sh:0 0 0 8px rgba(91,141,239,.18),0 14px 30px -8px rgba(61,111,224,.65); --tab-bg:rgba(238,243,255,.86);
  --sombra:0 1px 2px rgba(14,26,58,.04);
  color-scheme:light;
}
[data-visual="luminoso"][data-modo="escuro"]{
  --bg:#0a1230; --fg:#e9efff; --mute:#9aa9d6; --card:#121d44; --line:#22305e; --track:#1c2852; --accent:#7aa6ff; --on-accent:#0a1230;
  --pos:#4fd6a6; --neg:#ff7d9c; --warn:#ffb45c; --warn-bg:#2a2340; --bad-bg:#3a1830; --info-bg:#16244f;
  --mic-bg:linear-gradient(145deg,#9cbcff,#5b8def); --mic-sh:0 0 0 8px rgba(122,166,255,.16),0 0 34px rgba(122,166,255,.55); --tab-bg:rgba(10,18,48,.86); color-scheme:dark;
}
/* ---------- Maçã (estilo iPhone) ---------- */
[data-visual="maca"]{
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif; --font-h:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",system-ui,sans-serif; --font-num:var(--font);
  --h-size:2.1rem; --h-w:700; --h-ls:-.02em; --num-w:700; --r:14px; --mic:66px; --card-bd:0;
  --bg:#f2f2f7; --fg:#000; --mute:#6d6d72; --card:#fff; --line:#e5e5ea; --track:#e9e9ee; --accent:#007aff; --on-accent:#fff;
  --pos:#248a3d; --neg:#d70015; --warn:#c96f00; --warn-bg:#fff4e5; --bad-bg:#ffe9eb; --info-bg:#e8f1ff;
  --mic-bg:#007aff; --mic-sh:0 8px 20px -6px rgba(0,122,255,.55); --tab-bg:rgba(249,249,251,.84);
}
[data-visual="maca"][data-modo="escuro"]{
  --bg:#1c1c1f; --fg:#fff; --mute:#9a9aa0; --card:#2c2c30; --line:#3a3a3f; --track:#3a3a3f; --accent:#0a84ff; --on-accent:#fff;
  --pos:#30d158; --neg:#ff453a; --warn:#ff9f0a; --warn-bg:#2a1f0d; --bad-bg:#3a1414; --info-bg:#0d2240; --mic-bg:#0a84ff; --tab-bg:rgba(36,36,40,.86); color-scheme:dark;
}
/* ---------- Aipo e Noite ---------- */
[data-visual="aipo"]{
  --font:"Bricolage Grotesque",system-ui,sans-serif; --font-h:var(--font); --font-num:var(--font);
  --h-size:2.3rem; --h-w:800; --h-ls:-.035em; --num-w:800; --r:20px; --mic:76px; --card-bd:0;
  --bg:#f3f1df; --fg:#1d2638; --mute:#5d6577; --card:#fffef6; --line:#e2dfc4; --track:#e9e6c9; --accent:#3e4e68; --on-accent:#e6f08a;
  --pos:#2f7d4f; --neg:#c2413b; --warn:#a8720c; --warn-bg:#f4ecc4; --bad-bg:#f8dcd6; --info-bg:#e6ecd0;
  --mic-bg:#3e4e68; --mic-sh:0 0 0 6px #d5e05b; --tab-bg:rgba(243,241,223,.9);
}
[data-visual="aipo"][data-modo="escuro"]{
  --bg:#141a26; --fg:#eef0d8; --mute:#a3a9b8; --card:#1d2536; --line:#2c3549; --track:#273046; --accent:#d5e05b; --on-accent:#141a26;
  --pos:#9fd98a; --neg:#ff8a7a; --warn:#e9c45a; --warn-bg:#2b2c22; --bad-bg:#3a2226; --info-bg:#232d22; --mic-bg:#d5e05b; --mic-sh:0 0 0 6px rgba(213,224,91,.22); --tab-bg:rgba(20,26,38,.9); color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-tap-highlight-color:transparent;transition:background .2s}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pos{color:var(--pos)} .neg{color:var(--neg)}

/* ---------- estrutura ---------- */
.lateral,.topo-pc{display:none}
#principal{padding:calc(env(safe-area-inset-top,0px) + 14px) max(16px,env(safe-area-inset-right,0px)) calc(130px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));max-width:1100px;margin:0 auto}
#conteudo{display:flex;flex-direction:column;gap:12px}
.grade{display:flex;flex-direction:column;gap:12px}
.col-avisos{display:flex;flex-direction:column;gap:10px}
.col-avisos:empty{display:none}

.hd{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-top:6px}
.hd .dt{font-size:.78rem;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.hd h1{margin:2px 0 4px;font-size:var(--h-size);font-weight:var(--h-w);letter-spacing:var(--h-ls);font-family:var(--font-h);line-height:1.1;text-wrap:balance}
.redondo{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--card);color:var(--fg);display:grid;place-items:center;box-shadow:var(--sombra)}
.redondo svg{width:20px;height:20px}
.mes-nav{display:flex;gap:6px;margin-top:6px}

.card{background:var(--card);border-radius:var(--r);padding:14px 16px;border:var(--card-bd);box-shadow:var(--sombra);min-width:0}
.card h4{margin:0 0 6px;font-size:.78rem;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.card h4.sep{margin-top:16px}
.dia{margin:12px 0 2px;font-size:.78rem;color:var(--mute);font-weight:600;text-transform:capitalize}
.saldo .lb,.lb{font-size:.8rem;color:var(--mute)}
.saldo .big{font-size:2.1rem;font-weight:var(--num-w);font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px}
.io{display:flex;gap:16px;margin-top:6px;font-size:.92rem;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.io.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.io.tres b{font-size:1.05rem;font-family:var(--font-num);font-weight:var(--num-w)}
.lim{margin-top:12px;font-size:.84rem;color:var(--mute)} .lim b{color:var(--fg);font-weight:600}
.bar{height:8px;border-radius:9px;background:var(--track);overflow:hidden;margin-top:6px}
.bar i{display:block;height:100%;background:var(--accent);border-radius:9px}
.bar.atencao i{background:var(--warn)} .bar.ruim i{background:var(--neg)}
.link{background:none;border:0;color:var(--accent);font-weight:600;padding:8px 0 0;text-align:left}
.faixa{background:var(--info-bg);border-radius:12px;padding:10px 12px;font-size:.88rem}
.faixa .link{padding:0}
.vazio{color:var(--mute);font-size:.92rem;margin:6px 0}

.aviso{display:flex;gap:10px;align-items:center;border-radius:var(--r);padding:12px 14px;font-size:.92rem;line-height:1.35;background:var(--info-bg)}
.aviso.atencao{background:var(--warn-bg)} .aviso.ruim{background:var(--bad-bg)}
.aviso .dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);align-self:flex-start;margin-top:6px}
.aviso.atencao .dot{background:var(--warn)} .aviso.ruim .dot{background:var(--neg)}
.aviso-txt{flex:1;min-width:0}
.mini{flex:none;border:0;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:600;background:var(--card);color:var(--fg);display:inline-flex;align-items:center;gap:4px}
.mini svg{width:16px;height:16px}

.it{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);width:100%;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;font-size:.95rem}
.lista h4 + .it,.lista h5 + .it,.lista .it:first-child,.chips + .it,.prox h4 + .it{border-top:0}
.it-txt{flex:1;min-width:0;background:none;border:0;padding:0;text-align:left;overflow-wrap:anywhere}
.it .c{color:var(--mute);font-size:.78rem;margin-top:1px}
.it .v{font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.it.feito{opacity:.6}
.sit.atencao{color:var(--warn);font-weight:600} .sit.ruim{color:var(--neg);font-weight:600} .sit.ok{color:var(--pos)}

.tags,.chips{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:.75rem;padding:3px 9px;border-radius:999px;background:var(--track);color:var(--fg);font-weight:500}
.tag.forte{background:var(--accent);color:var(--on-accent)}
.chip{font-size:.85rem;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 12px;display:inline-flex;align-items:center;gap:4px}
.chip svg{width:16px;height:16px}
.chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.chip .x{border:0;background:none;padding:0 0 0 4px;color:var(--mute)}
.filtros{margin-bottom:6px}

.cats{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.cat-l{position:relative;display:flex;justify-content:space-between;gap:8px;border:0;background:none;padding:7px 0 11px;font-size:.9rem;text-align:left;width:100%}
.cat-l small{color:var(--mute)}
.cat-l i{position:absolute;left:0;bottom:3px;height:5px;border-radius:5px;background:var(--neg);opacity:.75}
.cat-l.on span:first-child{color:var(--accent);font-weight:700}
.cat-l .v{font-variant-numeric:tabular-nums;font-family:var(--font-num)}

.seg{display:flex;background:var(--track);border-radius:12px;padding:3px;gap:2px;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:1 0 auto;border:0;background:none;padding:8px 12px;border-radius:9px;font-size:.88rem;font-weight:600;color:var(--mute);white-space:nowrap}
.seg button.on{background:var(--card);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.nav-per{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;text-transform:capitalize}
.periodo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exportar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

/* botões */
.b-ok,.b-sec,.b-perigo{border:0;border-radius:calc(var(--r) - 6px);padding:12px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.95rem}
.b-ok{background:var(--accent);color:var(--on-accent)}
.b-sec{background:var(--track);color:var(--fg)}
.b-perigo{background:var(--bad-bg);color:var(--neg)}
.b-ok svg,.b-perigo svg,.b-sec svg{width:18px;height:18px}
.pequeno{padding:8px 12px;font-size:.85rem}
.btns{display:flex;gap:8px;margin-top:4px}
.btns > *{flex:1}
.arquivo{cursor:pointer}

/* formulários */
.form{display:flex;flex-direction:column;gap:12px}
.form-card{display:flex;flex-direction:column;gap:10px}
label{display:flex;flex-direction:column;gap:4px;font-size:.84rem;color:var(--mute);font-weight:600;min-width:0}
input,select,textarea{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:11px 12px;font-size:1rem;color:var(--fg);width:100%;min-width:0}
textarea{resize:vertical}
label.check{flex-direction:row;align-items:center;gap:10px;color:var(--fg);font-weight:500;font-size:.95rem}
label.check input{width:22px;height:22px;accent-color:var(--accent)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#fDic.duas,.fCat.duas{grid-template-columns:1fr 1fr auto}
.fCat.duas{grid-template-columns:1fr auto}
.dica{font-size:.84rem;color:var(--mute);margin:0;font-weight:400}
details summary{cursor:pointer;font-weight:600;padding:6px 0}
.lim-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:.9rem}
.lim-cat span{display:flex;flex-direction:column} .lim-cat small{color:var(--mute);font-size:.75rem}
.lim-cat input{width:110px;text-align:right}
.alts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.8rem;color:var(--mute)}
[data-tipo="lembrete"] .so-valor,[data-tipo="nota"] .so-valor,[data-tipo="lembrete"] .so-cat,[data-tipo="nota"] .so-cat{display:none}
#janela-corpo:not([data-tipo="pagar"]):not([data-tipo="receber"]) .so-conta{display:none}
#janela-corpo:not([data-tipo="gasto"]) .so-parc{display:none}
[data-tipo="pagar"] .so-hora,[data-tipo="receber"] .so-hora,[data-tipo="nota"] .so-hora{display:none}

.visuais{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vis{border:2px solid var(--line);background:var(--card);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.82rem;text-align:center}
.vis.on{border-color:var(--accent)}
.vis small{color:var(--mute);font-size:.72rem}
.amostra{width:44px;height:44px;border-radius:50%;display:block}
.a-luminoso{background:linear-gradient(145deg,#7aa6ff,#3d6fe0);box-shadow:0 0 0 4px #e4ebfd}
.a-maca{background:#007aff;box-shadow:0 0 0 4px #f2f2f7}
.a-aipo{background:#3e4e68;box-shadow:0 0 0 4px #d5e05b}
.voto p{margin:4px 0 10px;color:var(--mute);font-size:.9rem}

/* ---------- barra de baixo com microfone ---------- */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--tab-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px max(6px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
.abas{display:flex;justify-content:space-around;align-items:flex-end;max-width:560px;margin:0 auto}
.abas a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--mute);text-decoration:none;font-size:.68rem;padding:2px 0}
.abas a.on{color:var(--accent);font-weight:700}
.abas svg{width:25px;height:25px}
.abas a.on svg{stroke-width:2.3}
.abas a.on svg .f,#menu a.on svg .f{fill:currentColor;fill-opacity:.18}
.abas .vao{flex:0 0 calc(var(--mic) + 14px)}
.mic{border:0;border-radius:50%;width:var(--mic);height:var(--mic);background:var(--mic-bg);color:var(--on-accent);display:grid;place-items:center;box-shadow:var(--mic-sh);transition:transform .15s}
.mic svg{width:42%;height:42%;stroke-width:2.2}
.barra .mic{position:absolute;left:50%;top:calc(var(--mic) * -0.42);transform:translateX(-50%)}
.mic:active{transform:translateX(-50%) scale(.94)}
.lateral .mic:active{transform:scale(.94)}
.teclado{position:absolute;left:calc(50% + var(--mic) / 2 - 6px);top:calc(var(--mic) * -0.42 - 4px);width:30px;height:30px;border-radius:50%;border:2px solid var(--bg);background:var(--card);color:var(--fg);display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.teclado svg{width:16px;height:16px}
body.ouvindo .mic{animation:pulso 1.1s ease-in-out infinite}
@keyframes pulso{0%,100%{box-shadow:0 0 0 0 rgba(208,64,95,.5)}50%{box-shadow:0 0 0 16px rgba(208,64,95,0)}}
body.ouvindo .mic{background:var(--neg);color:#fff}
.ao-vivo{position:fixed;left:16px;right:16px;bottom:calc(120px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--fg);color:var(--bg);border-radius:16px;padding:14px 16px;font-size:1.05rem;text-align:center;max-width:520px;margin:0 auto}

/* cartão "Entendi assim" */
.confirmar{position:fixed;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:25;padding:0 max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px))}
.conf{max-width:520px;margin:0 auto;background:var(--card);border:2px solid var(--accent);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 40px -12px rgba(0,0,0,.35)}
.conf-t{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700}
.conf-main{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.conf-main span{font-weight:600;font-size:1.1rem;overflow-wrap:anywhere}
.conf-main strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.4rem;white-space:nowrap}
.parc{font-size:.95rem;color:var(--fg)}
.parc b{font-family:var(--font-num);font-variant-numeric:tabular-nums}
.ouvi{font-size:.82rem;color:var(--mute);font-style:italic}
.fix{font-size:.8rem;color:var(--accent);font-weight:600}
.conf .btns{display:flex}
.conf .b-x{flex:0 0 46px;border:0;border-radius:calc(var(--r) - 6px);background:var(--track);color:var(--mute)}
.conf .b-ok,.conf .b-sec{flex:1}
@media (prefers-reduced-motion:no-preference){.conf{animation:sobe .22s ease-out}@keyframes sobe{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}}

/* janela */
.janela{position:fixed;inset:0;z-index:40;background:rgba(5,10,25,.45);display:flex;align-items:flex-end;justify-content:center}
.janela-caixa{position:relative;background:var(--card);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:20px max(18px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
.janela-caixa h2{margin:0 0 12px;font-size:1.3rem;font-family:var(--font-h)}
.fechar-j{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;border:0;background:var(--track);color:var(--mute)}
body.com-janela{overflow:hidden}
.toast{position:fixed;left:50%;transform:translateX(-50%);top:calc(14px + env(safe-area-inset-top,0px));z-index:50;background:var(--fg);color:var(--bg);padding:11px 16px;border-radius:14px;font-size:.92rem;max-width:calc(100% - 32px);box-shadow:0 10px 30px -10px rgba(0,0,0,.4);display:flex;align-items:center;gap:12px}
.toast button{border:0;background:none;color:var(--bg);font-weight:800;text-decoration:underline;padding:0}
body.offline .sem-net{display:inline}
.sem-net{display:none}

/* ---------- PC ---------- */
@media (min-width:900px){
  .barra,.so-cel{display:none}
  .app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
  .lateral{display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:var(--tab-bg)}
  .marca{display:flex;align-items:center;gap:10px;font-size:1.2rem}
  .falar-pc{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border-radius:var(--r);padding:18px 12px;border:var(--card-bd)}
  .falar-pc p{margin:0;color:var(--mute);font-size:.85rem}
  .mic.grande{width:84px;height:84px}
  #menu{display:flex;flex-direction:column;gap:2px}
  #menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--fg);text-decoration:none;font-weight:500}
  #menu a svg{width:22px;height:22px;color:var(--mute)}
  #menu a.on{background:var(--card);color:var(--accent);font-weight:700}
  #menu a.on svg{color:var(--accent)}
  #principal{padding:20px 28px 32px;max-width:none;margin:0}
  .topo-pc{display:flex;align-items:center;gap:16px;min-height:0}
  .topo-pc h2{display:none}
  .sem-net{font-size:.85rem;color:var(--warn)}
  /* PC: usa a largura toda para rolar menos */
  .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}
  /* telas com lista: resumo à esquerda, lista ocupa o resto em várias colunas */
  .grade.com-lista{grid-template-columns:minmax(320px,380px) 1fr}
  .col-esq{display:flex;flex-direction:column;gap:14px;min-width:0}
  .lista.larga{columns:2 340px;column-gap:28px}
  .lista.larga>h4,.lista.larga>.filtros{column-span:all}
  .lista.larga>*{break-inside:avoid}
  /* Ajustes e Contas: cartões encaixados em colunas */
  .grade.mosaico{display:block;columns:2 340px;column-gap:14px}
  .grade.mosaico>*{break-inside:avoid;margin:0 0 14px}
  .confirmar{left:auto;right:24px;bottom:24px;width:440px;padding:0}
  .ao-vivo{left:auto;right:24px;bottom:24px;width:440px}
  .janela{align-items:center}
  .janela-caixa{border-radius:22px}
}
@media (min-width:1300px){ .grade.mosaico{columns:3 340px} .lista.larga{columns:3 300px} }
@media (min-width:1800px){ .grade.mosaico{columns:4 340px} }
.cartao-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;margin-top:6px}
.cartao-form #ctNome{grid-column:1/-1}
.cartao-form button{grid-column:1/-1}
.parcelada{padding:2px 0 8px}
.parcelada .bar{margin-top:2px}
.qual{display:flex;flex-direction:column;gap:6px}

/* conta */
.form-conta{display:flex;flex-direction:column;gap:12px;margin:8px 0 4px}
.form-conta button[disabled]{opacity:.6}
.dica.erro{color:var(--neg)}