/* brain.maximyzeai.com — Finance page: cash chart, invoice table. Tokens from app.css. */
.stat .big.muted{color:var(--steel)}

/* cash line chart (inline SVG, responsive) */
.cashchart{width:100%;height:auto;max-height:260px;display:block;font-family:var(--font-b)}
.cashchart .grid{stroke:var(--mist);stroke-width:1}
.cashchart .yl,.cashchart .xl{fill:var(--slate);font-size:11px}
.cashchart .area{fill:var(--ice);stroke:none}
.cashchart .line{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.cashchart .floor{stroke:var(--red);stroke-dasharray:4 4;stroke-width:1.2}
.cashchart .floor-l{fill:var(--red);font-size:10.5px;font-weight:600}
.cashchart .pt{fill:#fff;stroke:var(--blue);stroke-width:2}
.cashchart .pt.low{stroke:var(--red)}
.cashchart .pt:hover{r:5}

/* invoices */
.tbl.inv td.nowrap{white-space:nowrap}
.tbl.inv .inv-status{min-width:220px;max-width:420px}
.tbl.inv .inv-act{white-space:nowrap;text-align:right}
.tbl.inv .inv-act .btn{padding:4px 10px;font-size:12px;min-height:32px}
.tbl.inv tr.row-off td{background:#fff5f5!important}
.tbl.inv tr.row-off td:first-child{box-shadow:inset 3px 0 0 var(--red)}
.inv-more{margin-top:4px}
.inv-more summary{cursor:pointer;font:600 11px var(--font-h);color:var(--blue-deep);list-style:none}
.inv-more summary::-webkit-details-marker{display:none}
.inv-more[open] summary{margin-bottom:4px}
.inv-more .md{max-width:420px}

@media(max-width:700px){
  .cashchart{max-height:220px}
  .tbl.inv .inv-status{min-width:180px}
  .tbl.inv .inv-act .btn{min-height:40px}
}