/* Report */
.rpt-time-bar {
  display: flex; align-items: center; gap: 8px; margin-bottom: 16px;
  padding: 10px 16px; background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); flex-wrap: wrap;
}
.rpt-time-label { font-size: 13px; font-weight: 600; color: var(--text); }
.rpt-time-btn { background: var(--bg); border: 1px solid #d1d5db; color: var(--text); border-radius: 4px; padding: 5px 14px; font-size: 12px; cursor: pointer; }
.rpt-time-btn.active { background: var(--primary); color: #fff; border-color: var(--primary); }
.rpt-scope-btn { background: var(--bg); border: 1px solid #d1d5db; color: var(--text); border-radius: 4px; padding: 5px 14px; font-size: 12px; cursor: pointer; }
.rpt-scope-btn.active { background: #8b5cf6; color: #fff; border-color: #8b5cf6; }
.vas-scope-btn { background: var(--bg); border: 1px solid #d1d5db; color: var(--text); border-radius: 4px; padding: 5px 14px; font-size: 12px; cursor: pointer; }
.vas-scope-btn.active { background: #8b5cf6; color: #fff; border-color: #8b5cf6; }
.as-scope-btn { background: var(--bg); border: 1px solid #d1d5db; color: var(--text); border-radius: 4px; padding: 5px 14px; font-size: 12px; cursor: pointer; }
.as-scope-btn.active { background: #8b5cf6; color: #fff; border-color: #8b5cf6; }
.status-info { background: #dbeafe; color: #1d4ed8; }
.rpt-date-input { max-width: 140px; padding: 5px 8px; font-size: 12px; }
.rpt-date-sep { font-size: 13px; color: var(--text-light); }
.rpt-tab { display: none; }
.rpt-tab.active { display: block; }
.rpt-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.rpt-chart-box { background: var(--bg); border-radius: 8px; padding: 16px; }
.rpt-chart-box h4 { font-size: 13px; font-weight: 600; margin-bottom: 10px; color: var(--text); }
.rpt-chart-wrap { height: 220px; position: relative; }
.rpt-metric-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.rpt-metric { text-align: center; padding: 12px; background: var(--bg); border-radius: 8px; }
.rpt-metric .val { font-size: 20px; font-weight: 700; display: block; color: var(--text); }
.rpt-metric .lbl { font-size: 11px; color: var(--text-light); }
@media (max-width: 900px) { .rpt-row { grid-template-columns: 1fr; } .rpt-metric-row { grid-template-columns: repeat(2, 1fr); } }