/* FINANÇA+ · Identidade cromática 7.0
   Cor é apresentação: NÃO muda classificação financeira, dados ou banco selecionado. */
.layout{
 --f7-blue:#1769d9;
 --f7-green:#159a6a;
 --f7-red:#d84d65;
}
/* Paleta semântica restrita aos cards e lançamentos. */
.layout :is(.f7-debt,.f7-entry){
 --f7-accent:#227db9;
 --f7-soft:#e8f5ff;
 --f7-border:#cce7f8;
 --f7-ink:#155b88;
}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="nubank"]{--f7-accent:#7b35ca;--f7-soft:#f2eafb;--f7-border:#e4d1fa;--f7-ink:#6930aa}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="inter"]{--f7-accent:#ed7218;--f7-soft:#fff0e3;--f7-border:#f8d9bf;--f7-ink:#bd5211}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="mercadopago"]{--f7-accent:#1378dd;--f7-soft:#e7f3ff;--f7-border:#c6e2fb;--f7-ink:#075bac}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="financing"]{--f7-accent:#1f85d5;--f7-soft:#e7f5ff;--f7-border:#cfe7ff;--f7-ink:#14659e}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="loan"]{--f7-accent:#c8861e;--f7-soft:#fff5df;--f7-border:#f5dfb7;--f7-ink:#a66a09}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="credit"]{--f7-accent:#8759cb;--f7-soft:#f4eefd;--f7-border:#e6d6fb;--f7-ink:#7044b3}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="food"]{--f7-accent:#e27d3e;--f7-soft:#fff2e8;--f7-border:#f8decf;--f7-ink:#af561c}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="fuel"]{--f7-accent:#db9851;--f7-soft:#fff2df;--f7-border:#f8e2c6;--f7-ink:#a96b23}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="health"]{--f7-accent:#099c88;--f7-soft:#e9f9f4;--f7-border:#c5eee1;--f7-ink:#057764}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="repair"]{--f7-accent:#5e789e;--f7-soft:#eef3fb;--f7-border:#d5e1f2;--f7-ink:#435d88}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="vehicle"]{--f7-accent:#16a1ac;--f7-soft:#e8f9fa;--f7-border:#c5edf0;--f7-ink:#087e89}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="utilities"]{--f7-accent:#338fc6;--f7-soft:#ebf6fd;--f7-border:#d3eafa;--f7-ink:#166899}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="housing"]{--f7-accent:#8581c8;--f7-soft:#f4f1ff;--f7-border:#e2dcf8;--f7-ink:#615ba0}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="shopping"]{--f7-accent:#ce729c;--f7-soft:#fff0f7;--f7-border:#f4d5e6;--f7-ink:#a14c72}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="transport"]{--f7-accent:#438ebc;--f7-soft:#eef8ff;--f7-border:#d0e9f7;--f7-ink:#276e9d}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="tax"]{--f7-accent:#a98249;--f7-soft:#faf2e8;--f7-border:#e9d6be;--f7-ink:#8a652e}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="income"]{--f7-accent:#149f76;--f7-soft:#e8faf2;--f7-border:#c7eddf;--f7-ink:#0c815e}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="uber"]{--f7-accent:#242a35;--f7-soft:#f0f1f4;--f7-border:#d7dce5;--f7-ink:#242a35}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="n99"]{--f7-accent:#dbac08;--f7-soft:#fff8d9;--f7-border:#f2e39c;--f7-ink:#846700}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="indrive"]{--f7-accent:#61a52d;--f7-soft:#f0fbe7;--f7-border:#d9eac7;--f7-ink:#4c8522}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="ultra"]{--f7-accent:#14975e;--f7-soft:#e5f8ee;--f7-border:#cbead7;--f7-ink:#14734e}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="sales"]{--f7-accent:#d76b65;--f7-soft:#fff0f0;--f7-border:#f6d1d0;--f7-ink:#ae4b45}
.layout :is(.f7-debt,.f7-entry)[data-fin-tone="other"]{--f7-accent:#6587a7;--f7-soft:#f1f7fc;--f7-border:#dfeaf3;--f7-ink:#476c8e}

/* Contas e dívidas: mantêm toda a lógica e o botão Ver parcelas. */
.layout .debt-card.f7-debt{
 position:relative;
 isolation:isolate;
 min-width:0;
 overflow:hidden;
 background:linear-gradient(124deg,#fff 38%,var(--f7-soft) 100%);
 border:1px solid var(--f7-border);
 border-top:3px solid var(--f7-accent);
 border-radius:21px;
 padding:20px;
 box-shadow:0 7px 22px rgba(18,60,101,.06);
 transition:border-color .18s ease,box-shadow .18s ease;
}
.layout .debt-card.f7-debt::before{
 content:"";
 position:absolute;
 width:180px;
 height:180px;
 border-radius:50%;
 background:var(--f7-accent);
 opacity:.055;
 top:-105px;
 right:-52px;
 z-index:-1;
 pointer-events:none;
}
.layout .debt-card.f7-debt .f7-debt-icon{
 display:grid;
 place-items:center;
 position:absolute;
 top:20px;
 right:19px;
 height:44px;
 width:44px;
 border-radius:15px;
 color:var(--f7-ink);
 background:var(--f7-soft);
 border:1px solid var(--f7-border);
}
.layout .debt-card.f7-debt .eyebrow{
 display:inline-block;
 margin-right:51px;
 color:var(--f7-ink);
 font-size:11px;
 letter-spacing:.11em;
 font-weight:850;
}
.layout .debt-card.f7-debt h3{
 color:#243f61;
 font-size:16px;
 line-height:1.45;
 margin-top:13px;
 overflow-wrap:anywhere;
 max-width:100%;
}
.layout .debt-card.f7-debt .debt-original{
 color:#142f50;
 font-size:clamp(23px,2.7vw,30px);
 letter-spacing:-.04em;
 overflow-wrap:anywhere;
 font-variant-numeric:tabular-nums;
}
.layout .debt-card.f7-debt .debt-progress{background:#e4eaf2;height:8px}
.layout .debt-card.f7-debt .debt-progress span{background:var(--f7-accent)}
.layout .debt-card.f7-debt .text-btn{
 background:var(--f7-soft);
 color:var(--f7-ink);
 border:1px solid var(--f7-border);
 border-radius:12px;
 min-height:44px;
 padding:11px;
 font-weight:800;
}
.layout .debt-card.f7-debt .text-btn:hover{filter:brightness(.975)}
.layout .debt-card.f7-debt.late{
 border-top-color:#d74961;
 box-shadow:0 6px 21px rgba(196,53,85,.07);
}
.layout .debt-card.f7-debt.late .debt-progress span{background:#d74961}
.layout .debt-card.f7-debt.settled{
 border-top-color:#149b70;
 background:linear-gradient(124deg,#fff 34%,#e8f9ef);
}
.layout .debt-card.f7-debt.settled .debt-progress span{background:#159b70}

/* Lançamentos com faixa sutil por categoria; crédito/débito mantém sinal e cor. */
.layout .entry-row.f7-entry{
 position:relative;
 min-width:0;
 border-left:3px solid var(--f7-accent);
 border-bottom:1px solid #e7edf4;
 margin:6px 0;
 padding:15px 10px 15px 12px;
 background:linear-gradient(100deg,var(--f7-soft) 0%,#fff 67%);
 border-radius:13px;
 gap:10px;
}
.layout .entry-row.f7-entry .entry-symbol{
 background:var(--f7-soft);
 color:var(--f7-ink);
 border:1px solid var(--f7-border);
 border-radius:12px;
}
.layout .entry-row.f7-entry .entry-main strong{color:#1e3c57;overflow-wrap:anywhere}
.layout .entry-row.f7-entry .entry-main small{line-height:1.55}
.layout .entry-row.f7-entry .entry-value.income{color:#0e9868}
.layout .entry-row.f7-entry .entry-value.expense{color:#cb4b65}
.layout .entry-row.f7-entry .text-btn:not(.delete){
 background:#e8f5ff;
 color:#14699f;
 border-radius:10px;
 min-height:34px;
}
.layout .entry-row.f7-entry .text-btn.delete{
 background:#fff0f2;
 color:#c5485b;
 border-radius:10px;
 min-height:34px;
}
.layout .f7-bank-chip{
 display:inline-block;
 padding:2px 7px;
 background:#eef3f7;
 color:#5a6f83;
 border-radius:7px;
 font-weight:750;
 white-space:normal;
}
.layout .f7-bank-chip[data-fin-bank="nubank"]{background:#efe2ff;color:#7832b4}
.layout .f7-bank-chip[data-fin-bank="inter"]{background:#fff0dc;color:#bf641a}
.layout .f7-bank-chip[data-fin-bank="mercadopago"]{background:#e2f2ff;color:#086db6}

/* Resumo: cores por situação, com leitura estável no Android. */
.layout .summary-grid>.summary-tile{
 border-radius:18px;
 position:relative;
 min-width:0;
 overflow:hidden;
 box-shadow:0 5px 21px rgba(14,64,114,.055);
 padding:19px;
 border:1px solid var(--f7-card-border,#dce8f5);
 background:linear-gradient(135deg,#fff 32%,var(--f7-card-soft,#f2f8ff) 100%);
}
.layout .summary-grid>.summary-tile::before{
 content:"";
 display:block;
 width:31px;
 height:31px;
 background:var(--f7-card-icon,#eaf4ff);
 border-radius:10px;
 margin-bottom:13px;
}
.layout .summary-grid>.summary-tile>span{color:var(--f7-card-ink,#456e91);font-size:12px;font-weight:800}
.layout .summary-grid>.summary-tile>strong{
 color:var(--f7-card-strong,#186cc2);
 margin:8px 0 7px;
 line-height:1.2;
 font-variant-numeric:tabular-nums;
 overflow-wrap:anywhere;
}
.layout .summary-grid>.summary-tile>small{color:#6d8298}
.layout .summary-grid>.summary-tile.blue{
 --f7-card-soft:#eaf3ff;--f7-card-border:#d1e7fc;
 --f7-card-icon:#cae5ff;--f7-card-ink:#0b5fbb;--f7-card-strong:#0c5fc2;
 background:linear-gradient(125deg,#0e78df,#0745b1);
 border-color:#2f87df;
}
.layout .summary-grid>.summary-tile.blue>span,
.layout .summary-grid>.summary-tile.blue>strong,
.layout .summary-grid>.summary-tile.blue>small{color:#fff}
.layout .summary-grid>.summary-tile.blue::before{background:#ffffff28}
.layout .summary-grid>.summary-tile.green{
 --f7-card-soft:#e6f9ec;--f7-card-border:#c9ebd8;
 --f7-card-icon:#c7f0d9;--f7-card-ink:#257c57;--f7-card-strong:#0d9864;
}
.layout .summary-grid>.summary-tile.red{
 --f7-card-soft:#ffebef;--f7-card-border:#fad3db;
 --f7-card-icon:#ffd7de;--f7-card-ink:#9f4f63;--f7-card-strong:#d23c59;
}
/* Colorir menu "Mais" pelo destino sem modificar os cliques data-page. */
.layout .premium-more-link{
 --f7-menu:#217cb5;
 --f7-menu-soft:#eaf4ff;
 --f7-menu-border:#d9ebf7;
 background:linear-gradient(110deg,var(--f7-menu-soft),#fff 92%);
 border:1px solid var(--f7-menu-border);
 border-radius:15px;
}
.layout .premium-more-link .premium-more-icon{
 background:var(--f7-menu-soft);
 color:var(--f7-menu);
 border:1px solid var(--f7-menu-border);
}
.layout .premium-more-link:hover{
 border-color:var(--f7-menu);
 background:linear-gradient(110deg,var(--f7-menu-soft),#fff 90%);
}
.layout .premium-more-link[data-page="transactions"]{--f7-menu:#118c9e;--f7-menu-soft:#e7f8fa;--f7-menu-border:#cfedf0}
.layout .premium-more-link[data-page="bills"]{--f7-menu:#c77d26;--f7-menu-soft:#fff4e5;--f7-menu-border:#f4e0c1}
.layout .premium-more-link[data-page="income"]{--f7-menu:#098e69;--f7-menu-soft:#e7f9f0;--f7-menu-border:#d1eddf}
.layout .premium-more-link[data-page="driver"]{--f7-menu:#3e607a;--f7-menu-soft:#edf4fa;--f7-menu-border:#dce6f0}
.layout .premium-more-link[data-page="transfers"]{--f7-menu:#1a91b8;--f7-menu-soft:#e7f7fc;--f7-menu-border:#d0edf8}
.layout .premium-more-link[data-page="sourceSetup"]{--f7-menu:#158f6a;--f7-menu-soft:#edf9f2;--f7-menu-border:#d4efe0}
.layout .premium-more-link[data-page="guardian"]{--f7-menu:#7355c6;--f7-menu-soft:#f1edfd;--f7-menu-border:#e3dbfa}
.layout .premium-more-link[data-page="assistant"]{--f7-menu:#6c58b1;--f7-menu-soft:#f3effd;--f7-menu-border:#e5dcf8}
.layout .premium-more-link[data-page="smart"]{--f7-menu:#1675ca;--f7-menu-soft:#eaf5ff;--f7-menu-border:#d4e8f9}
.layout .premium-more-link[data-page="reports"]{--f7-menu:#1087ab;--f7-menu-soft:#ebf8fd;--f7-menu-border:#d3edf6}
.layout .premium-more-link[data-page="alerts"]{--f7-menu:#d59627;--f7-menu-soft:#fff6e6;--f7-menu-border:#f6e5c6}
.layout .premium-more-link[data-page="activity"]{--f7-menu:#687eaa;--f7-menu-soft:#f0f4fa;--f7-menu-border:#dce7f4}
.layout .premium-more-link[data-page="budget"]{--f7-menu:#d08832;--f7-menu-soft:#fff5e7;--f7-menu-border:#f4e2c6}
.layout .premium-more-link[data-page="goals"]{--f7-menu:#14906d;--f7-menu-soft:#eafaf2;--f7-menu-border:#ceeedf}
.layout .premium-more-link[data-page="cards"]{--f7-menu:#7d40c5;--f7-menu-soft:#f4edfd;--f7-menu-border:#e7dafa}
.layout .premium-more-link[data-page="shared"]{--f7-menu:#3889ab;--f7-menu-soft:#eef7fb;--f7-menu-border:#d9edf4}
.layout .premium-more-link[data-page="settings"]{--f7-menu:#5e7797;--f7-menu-soft:#f1f6fc;--f7-menu-border:#dce7f3}
.layout .premium-more-link[data-page="help"]{--f7-menu:#5186ad;--f7-menu-soft:#f0f8ff;--f7-menu-border:#dbeaf5}
/* Central Inteligente com destaque por finalidade (mantém navegação e formulários). */
.layout .smart-screen .smart-tabs button[data-smart-tab="overview"]{--f7-tab:#147bca}
.layout .smart-screen .smart-tabs button[data-smart-tab="recurring"]{--f7-tab:#7953be}
.layout .smart-screen .smart-tabs button[data-smart-tab="search"]{--f7-tab:#0d82a8}
.layout .smart-screen .smart-tabs button[data-smart-tab="health"]{--f7-tab:#118a6d}
.layout .smart-screen .smart-tabs button[data-smart-tab="history"]{--f7-tab:#ba862d}
.layout .smart-screen .smart-tabs button.active{
 background:var(--f7-tab,#087dcc);
 border-color:var(--f7-tab,#087dcc);
 box-shadow:0 5px 13px #175c9d1a;
}
.layout .smart-screen .smart-panel:has(#smart-search-form){
 border-top:3px solid #0d8aae;
 background:linear-gradient(120deg,#f2faff,#fff 55%);
}
.layout .smart-screen .smart-panel:has(#smart-rule-form){
 border-top:3px solid #8658c9;
 background:linear-gradient(120deg,#f8f4ff,#fff 55%);
}
.layout .smart-screen .smart-panel:has(.smart-dup){
 border-top:3px solid #d89739;
}
.layout .smart-screen .smart-stat:nth-child(1){border-top:3px solid #1682d9}
.layout .smart-screen .smart-stat:nth-child(2){border-top:3px solid #0a9a72}
.layout .smart-screen .smart-stat:nth-child(3){border-top:3px solid #d89b45}
@media(max-width:720px){
 .layout .debt-card.f7-debt{padding:18px 16px;border-radius:18px}
 .layout .debt-card.f7-debt .f7-debt-icon{width:39px;height:39px;top:16px;right:14px}
 .layout .debt-card.f7-debt .debt-original{font-size:clamp(23px,6vw,29px)}
 .layout .debt-card-grid{gap:12px}
 /* Evita quebrar o saldo em "R$ 63.921,9" + "6" em cartões estreitos. */
 .layout .f7-bills-summary .summary-grid:has(> .summary-tile.blue) {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
 }
 .layout .f7-bills-summary .summary-grid:has(> .summary-tile.blue)>.summary-tile.blue{
  grid-column:1/-1;
 }
 .layout .summary-grid>.summary-tile{padding:15px;min-width:0}
 .layout .summary-grid>.summary-tile>strong{font-size:clamp(20px,5vw,26px)}
 .layout .f7-bills-summary .summary-tile>strong{white-space:nowrap}
 .layout .summary-grid>.summary-tile.blue>strong{font-size:clamp(25px,7vw,34px)}
 .layout .entry-row.f7-entry{padding:12px 9px 12px 11px}
 .layout .entry-row.f7-entry .entry-actions{gap:6px}
 .layout .premium-more-link{min-height:77px}
}
@media(max-width:350px){
 .layout .summary-grid>.summary-tile>strong{font-size:19px}
 .layout .entry-row.f7-entry .entry-main{min-width:0}
}
@media(prefers-reduced-motion:reduce){
 .layout .debt-card.f7-debt,.layout .premium-more-link{transition:none}
}
/* Finança Plus v8 — correção pontual da leitura dos valores nos resumos
   de Lançamentos e Relatórios. NÃO afeta Contas e dívidas nem os cálculos. */
@media(max-width:720px){
 .layout .summary-grid.f8-mobile-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  margin:16px 0 18px;
  align-items:stretch;
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  grid-column:auto;
  gap:6px;
  padding:15px 18px;
  min-height:115px;
  min-width:0;
  overflow:hidden;
  border-radius:18px;
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile.blue{
  order:-1;
  grid-column:auto;
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile::before{
  display:none;
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile>span{
  font-size:12px;
  line-height:1.3;
  margin:0;
  font-weight:800;
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile>strong.money-value{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:2px 0;
  font-size:clamp(21px,6vw,30px);
  line-height:1.13;
  letter-spacing:-.03em;
  font-weight:850;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  font-variant-numeric:tabular-nums;
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile.blue>strong.money-value{
  font-size:clamp(25px,7vw,35px);
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile>small{
  font-size:11px;
  line-height:1.4;
  margin:0;
 }
}
@media(min-width:520px) and (max-width:720px){
 .layout .summary-grid.f8-mobile-summary{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile.blue{
  grid-column:1/-1;
 }
 .layout .summary-grid.f8-mobile-summary>.summary-tile:not(.blue)>strong.money-value{
  font-size:clamp(20px,3.75vw,25px);
 }
}
