:root{
  --cf-bg:#f6f7fb;
}
body{background:var(--cf-bg);}
.card{border-radius:12px;}
.navbar-brand{letter-spacing:.5px;}
.table thead th{font-weight:600; font-size:.85rem; color:#444;}
.table td, .table th{vertical-align: middle;}
.badge{font-weight:500;}
details summary{cursor:pointer; user-select:none;}
@media (max-width: 576px){
  .display-6{font-size:1.8rem;}
  .h3{font-size:1.3rem;}
}

/* Mini fluxo de caixa (barras) */
.mini-flow{display:flex; align-items:flex-end; gap:4px; height:120px; padding:4px 0; border-bottom:1px dashed #dee2e6;}
.mini-flow .mf-col{flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; min-width:0;}
.mini-flow .mf-bar{width:80%; border-radius:3px 3px 0 0; min-height:4px;}
.mini-flow .mf-lbl{font-size:.65rem; color:#6c757d; margin-top:4px; white-space:nowrap;}
.progress{background:#eef0f4;}

/* Gráfico de fluxo de caixa (cashflow.php) */
.cf-chart{position:relative; display:flex; align-items:flex-end; gap:2px; height:180px; padding:4px 0; background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%); border-radius:6px;}
.cf-chart .cf-col{flex:1; display:flex; align-items:flex-end; justify-content:center; min-width:0; height:100%;}
.cf-chart .cf-bar{width:100%; min-height:2px; border-radius:2px 2px 0 0; transition:opacity .15s;}
.cf-chart .cf-col:hover .cf-bar{opacity:.7;}
.cf-chart .cf-zero{position:absolute; left:0; right:0; height:1px; background:#adb5bd; border-top:1px dashed #adb5bd;}