/* Dashboard-only layout: keep operational metrics separate from modal detail grids. */
.dashboard-metrics{margin-top:24px;overflow:hidden}
.dashboard-metrics .panel-head{padding:20px 24px}
.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px}
.dashboard-metric{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;min-height:112px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#f8faf7}
.dashboard-metric>span{color:#68796e;font-size:13px;line-height:1.5}
.dashboard-metric>strong{color:var(--green-deep);font-size:26px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dashboard-metrics-note{margin:0;padding:16px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7;background:#fcfdfb}
@media(max-width:1200px){.dashboard-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:12px}.dashboard-metrics .panel-head{padding:18px}.dashboard-metric{padding:16px;min-height:104px}.dashboard-metric>strong{font-size:24px}.dashboard-metrics-note{padding:14px 18px}}
@media(max-width:440px){.dashboard-metrics-grid{grid-template-columns:minmax(0,1fr)}.dashboard-metric{min-height:96px}}

/* Show revenue without requiring a hover over a tiny chart marker. */
.chart-wrap{overflow-x:auto}
.chart-wrap .chart{height:240px;min-width:480px;display:block}
.chart-amount{fill:var(--green-deep);font-weight:600;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:white;stroke-width:4px;stroke-linejoin:round}
.chart-axis-label{font-size:11px;fill:#7a857e;font-variant-numeric:tabular-nums}