/* Financeiro: leitura rápida por status, com pendências neutras sem azul.
   A cor é sempre acompanhada de texto e ícone para manter acessibilidade. */
html[data-theme="dark"] #view-finance{
 --fin-green:#83e5b1;--fin-green-bg:rgba(62,185,122,.12);--fin-green-line:rgba(100,217,152,.31);
 --fin-red:#ffaaa6;--fin-red-bg:rgba(235,85,94,.12);--fin-red-line:rgba(252,132,136,.31);
 --fin-amber:#ffd289;--fin-amber-bg:rgba(236,168,62,.13);--fin-amber-line:rgba(243,182,79,.36);
 --fin-pending:#D1C6B8;--fin-pending-bg:rgba(169,149,129,.09);--fin-pending-line:rgba(193,173,149,.26);
 --fin-neutral-bg:var(--read-raised,var(--surface-2));
}
html[data-theme="light"] #view-finance{
 --fin-green:#166f4a;--fin-green-bg:#eaf8ef;--fin-green-line:#b1dec3;
 --fin-red:#ac3441;--fin-red-bg:#fff0f0;--fin-red-line:#f2bec2;
 --fin-amber:#955807;--fin-amber-bg:#fff4dd;--fin-amber-line:#f0d49d;
 --fin-pending:#69574A;--fin-pending-bg:#F6F1EB;--fin-pending-line:#E3D7C9;
 --fin-neutral-bg:var(--read-raised,var(--surface-2));
}
/* Resumo: quatro indicadores claros no PC, grade 2×2 no celular. */
#view-finance .finance-stats{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
#view-finance .finance-stats .finance-stat{
 grid-column:auto;min-width:0;display:flex;flex-direction:column;
 padding:14px 14px 13px;gap:5px;border-radius:13px;
 background:var(--fin-neutral-bg);border:1px solid var(--read-stroke,var(--line));
}
#view-finance .finance-stats .finance-stat>span{
 display:flex;align-items:center;gap:7px;
 font-size:.76rem;font-weight:780;color:var(--read-secondary,var(--muted));
}
#view-finance .finance-stats .finance-stat>span::before{
 display:grid;place-items:center;flex:0 0 24px;
 width:24px;height:24px;border-radius:8px;
 font-size:.91rem;font-weight:900;line-height:1;
 content:"∑";background:var(--fin-neutral-bg);
 border:1px solid var(--read-stroke,var(--line));
}
#view-finance .finance-stats .finance-stat>strong{
 font-size:clamp(1.02rem,2.4vw,1.48rem)!important;
 line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere;
 font-variant-numeric:tabular-nums;
}
#view-finance .finance-stats .finance-stat>small{
 margin-top:2px;line-height:1.35;font-size:.69rem;font-weight:660;
 color:var(--read-secondary,var(--muted));
}
#view-finance .finance-stats .finance-stat-pending{
 background:var(--fin-pending-bg);border-color:var(--fin-pending-line);padding:14px 14px 13px;
}
#view-finance .finance-stats .finance-stat-pending>span::before{
 content:"○";color:var(--fin-pending);border-color:var(--fin-pending-line);background:transparent;
}
#view-finance .finance-stats .finance-stat-pending>strong{color:var(--fin-pending)!important}
#view-finance .finance-stats .finance-stat-paid{
 background:var(--fin-green-bg);border-color:var(--fin-green-line);
}
#view-finance .finance-stats .finance-stat-paid>span::before{
 content:"✓";color:var(--fin-green);border-color:var(--fin-green-line);background:transparent;
}
#view-finance .finance-stats .finance-stat-paid>strong{color:var(--fin-green)!important}
#view-finance .finance-stats .finance-stat-overdue{
 background:var(--fin-red-bg);border-color:var(--fin-red-line);
}
#view-finance .finance-stats .finance-stat-overdue>span::before{
 content:"!";color:var(--fin-red);border-color:var(--fin-red-line);background:transparent;
}
#view-finance .finance-stats .finance-stat-overdue>strong{color:var(--fin-red)!important}
#view-finance .finance-stats .finance-stat-total{
 background:var(--fin-neutral-bg);border-color:var(--read-stroke,var(--line));
}
#view-finance .finance-stats .finance-stat-total>strong{color:var(--read-strong,var(--text))!important}
#view-finance .finance-overview-note{
 margin:10px 2px 0;color:var(--read-muted,var(--muted));
 font-size:.71rem;line-height:1.4;
}
/* Cada linha tem um detalhe lateral, data suave e selo legível. */
#view-finance .finance-agenda-item{
 --fin-state-color:var(--fin-pending);--fin-state-bg:var(--fin-pending-bg);
 --fin-state-border:var(--fin-pending-line);
 border-left:4px solid var(--fin-state-color);
 background:var(--read-card,var(--surface));
 padding-left:10px;
}
#view-finance .finance-agenda-item.finance-state-paid{
 --fin-state-color:var(--fin-green);--fin-state-bg:var(--fin-green-bg);--fin-state-border:var(--fin-green-line);
 background:var(--fin-green-bg);
}
#view-finance .finance-agenda-item.finance-state-overdue{
 --fin-state-color:var(--fin-red);--fin-state-bg:var(--fin-red-bg);--fin-state-border:var(--fin-red-line);
 background:var(--fin-red-bg);
}
#view-finance .finance-agenda-item.finance-state-today,
#view-finance .finance-agenda-item.finance-state-soon{
 --fin-state-color:var(--fin-amber);--fin-state-bg:var(--fin-amber-bg);--fin-state-border:var(--fin-amber-line);
 background:var(--fin-amber-bg);
}
#view-finance .finance-agenda-item.finance-state-pending{background:var(--read-card,var(--surface))}
#view-finance .finance-agenda-item .finance-agenda-date{
 background:var(--fin-state-bg);border:1px solid var(--fin-state-border);
 color:var(--fin-state-color);border-radius:10px;
}
#view-finance .finance-agenda-item .finance-agenda-date strong,
#view-finance .finance-agenda-item .finance-agenda-date small{color:var(--fin-state-color)}
#view-finance .finance-agenda-item .finance-agenda-status{
 display:inline-flex;align-items:center;justify-content:center;gap:5px;
 padding:5px 9px;border-radius:99px;font-size:.68rem;line-height:1.2;
 font-weight:800;white-space:normal;text-align:center;
 color:var(--fin-state-color)!important;
 border:1px solid var(--fin-state-border);background:var(--fin-state-bg);
}
#view-finance .finance-agenda-item .finance-agenda-status::before{
 content:"○";font-size:.76rem;font-weight:900;
}
#view-finance .finance-state-paid .finance-agenda-status::before{content:"✓"}
#view-finance .finance-state-overdue .finance-agenda-status::before{content:"!"}
#view-finance .finance-state-today .finance-agenda-status::before,
#view-finance .finance-state-soon .finance-agenda-status::before{content:"◷"}
#view-finance .finance-agenda-item .finance-agenda-pay.is-paid{
 border-color:var(--fin-green-line);background:var(--fin-green-bg);
 color:var(--fin-green);
}
#view-finance .finance-agenda-item .finance-agenda-pay:focus-visible,
#view-finance .finance-agenda-item .finance-agenda-more>summary:focus-visible{
 outline:3px solid var(--read-accent,var(--fin-pending));outline-offset:2px;
}
@media(max-width:760px){
 #view-finance .finance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #view-finance .finance-stats .finance-stat{padding:12px;min-height:102px}
 #view-finance .finance-stats .finance-stat>strong{font-size:clamp(.98rem,4vw,1.25rem)!important}
 #view-finance .finance-stats .finance-stat>span{font-size:.72rem}
 #view-finance .finance-agenda-item{padding-left:8px}
}
@media(max-width:360px){
 #view-finance .finance-stats{gap:7px}
 #view-finance .finance-stats .finance-stat{padding:10px;min-height:100px}
 #view-finance .finance-stats .finance-stat>small{font-size:.64rem}
 #view-finance .finance-agenda-item .finance-agenda-status{padding:4px 6px;font-size:.62rem}
}