/* ===== Financeiro ===== */
.fat{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}
.fat>strong{font-size:30px;font-weight:800;letter-spacing:-.02em}
.fat .bar{margin-top:6px}
.fcmp{font-weight:800}
.fcmp.up{color:var(--ok)}
.fcmp.down{color:var(--bad)}
@media (min-width:900px){
  #app:has(> .screen.fin){max-width:1180px}
  .screen.fin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head acts" "hero fat stats" "proc mov mov";gap:22px 24px;align-items:start}
  .fin-head{grid-area:head;align-self:center}
  .fin-hero{grid-area:hero;align-self:stretch;justify-content:center;padding:24px}
  .fin-hero strong{font-size:40px}
  .fin-fat{grid-area:fat;align-self:stretch;justify-content:center;padding:24px}
  .fin-fat>strong{font-size:36px}
  .fin-stats{grid-area:stats;grid-template-columns:minmax(0,1fr);gap:14px;align-self:stretch}
  .fin-stats .stat{justify-content:center}
  .fin-proc{grid-area:proc;position:sticky;top:20px}
  .fin-mov{grid-area:mov}
  .fin-acts{grid-area:acts;align-self:center}
}