/* cost.css - Cost (admin) screen. */

.cost-screen .ledger.cols-4 { margin-bottom: 18px; }
.cost-period .cell .v { font-size: 20px; }
.cost-chart-wrap { position: relative; height: 240px; width: 100%; }
.cost-note { font-size: 12.5px; color: var(--muted); }
.cost-screen .mono { font-family: var(--mono); font-size: 12.5px; }
.cost-split { align-items: start; }

@media (max-width: 820px) {
  .cost-screen .ledger.cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .cost-screen .ledger.cols-4 { grid-template-columns: 1fr; }
}