/* LIGHT mode */
.jsrs-dashboard { border-radius: 16px; padding: 16px; background: #ffffff; color: #111111; }
.jsrs-dash-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap: 12px; margin-bottom:12px; }
.jsrs-filters { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.jsrs-cards { display:grid; grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); gap:12px; }
.jsrs-card { background:#ffffff; border:1px solid #e5e5e5; border-radius:14px; padding:12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.jsrs-card-label { font-size: 0.9rem; opacity: .8; margin-bottom:6px; }
.jsrs-card-value { font-size: 1.6rem; font-weight: 700; }
.jsrs-chart-wrap { position:relative; height:360px; margin-top:16px; background:#ffffff; border:1px solid #e5e5e5; border-radius:14px; padding:8px; }
.jsrs-breakdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px}
.jsrs-breakdown{background:#ffffff;border:1px solid #e5e5e5;border-radius:14px;padding:12px}
.jsrs-breakdown h3{margin:0 0 8px 0}
.jsrs-table{width:100%;border-collapse:collapse}
.jsrs-table th,.jsrs-table td{border-bottom:1px solid #f0f0f0;padding:6px 8px;text-align:left}
.jsrs-table tfoot th{border-top:2px solid #e5e5e5}
/* Chart controls */
.jsrs-chart-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:8px 0}
.jsrs-chart-controls label{display:flex;gap:6px;align-items:center}
.jsrs-ds-toggles{display:flex;gap:12px;flex-wrap:wrap}