/* ============================================================
   report.css — 报表页：指标卡、图表容器、环比表格
   ============================================================ */

.report-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-bottom: 18px; }

.chart-card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px; }
.chart-card .chart-title { font-size: 13.5px; font-weight: 600; margin-bottom: 12px; color: var(--muted); }
.chart-box { position: relative; width: 100%; }
.chart-box canvas { width: 100%; display: block; }

/* 两列布局 */
.report-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 900px) { .report-2col { grid-template-columns: 1fr; } }

/* 环比表 */
.cmp-up { color: var(--red); }   /* 涨 */
.cmp-down { color: var(--green); } /* 跌 */
.cmp-flat { color: var(--muted); }

/* 图例 */
.chart-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; font-size: 12px; color: var(--muted); }
.chart-legend .li { display: flex; align-items: center; gap: 5px; }
.chart-legend .sw { width: 10px; height: 10px; border-radius: 2px; }