/* ═══════════════════════════════════════════════════════════
   Insights: stat tiles, chart cards, cadence rows.
   Chart series colours (validated with the dataviz palette check):
   #3A5A96 / #009E88 / #B7791F
   ═══════════════════════════════════════════════════════════ */
:root { --rm-chart-1: #3A5A96; --rm-chart-2: #009E88; --rm-chart-3: #B7791F; }

.rm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.9rem; margin-bottom: 1.25rem; }
.rm-stat { position: relative; background: var(--app-white); border: 1px solid var(--app-border); border-radius: var(--rm-r-card); padding: 1rem 1.1rem 0.9rem; overflow: hidden; }
.rm-stat::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--stat-color); }
.rm-stat__label { font-size: 0.8rem; color: var(--app-text-2); display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.35rem; }
.rm-stat__label i { color: var(--stat-color); }
.rm-stat__value { font-size: 2rem; font-weight: 700; color: var(--rm-ink); line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.rm-stat__detail { font-size: 0.76rem; color: var(--app-text-3); margin-top: 0.35rem; }

.rm-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 1rem; margin-bottom: 1rem; }
.rm-chart { background: var(--app-white); border: 1px solid var(--app-border); border-radius: var(--rm-r-card); padding: 1rem 1.15rem 0.75rem; min-width: 0; }
.rm-chart__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.5rem; }
.rm-chart__title { font-size: 0.95rem; font-weight: 600; color: var(--rm-ink); margin: 0 0 0.15rem; }
.rm-chart__reading { font-size: 0.8rem; color: var(--app-text-2); margin: 0; }
.rm-chart__body { min-height: 120px; }
.rm-chart__table { overflow-x: auto; }
.rm-chart .apexcharts-canvas { margin: 0 auto; }
.rm-chart .apexcharts-tooltip { font-family: var(--rm-font-ui) !important; border-radius: var(--app-r-sm) !important; box-shadow: var(--app-shadow) !important; }

.rm-cadence { display: flex; flex-direction: column; gap: 0.3rem; }
.rm-cadence__row { display: grid; grid-template-columns: minmax(120px, 160px) 1fr auto; align-items: center; gap: 0.75rem; padding: 0.3rem 0; border-top: 1px solid var(--app-border); }
.rm-cadence__row:first-child { border-top: 0; }
.rm-cadence__name { font-size: 0.86rem; font-weight: 600; color: var(--rm-ink); display: flex; align-items: center; gap: 0.5rem; }
.rm-cadence__spark { min-width: 0; }
.rm-cadence__facts { font-size: 0.78rem; color: var(--app-text-3); white-space: nowrap; }
.rm-cadence__facts strong { color: var(--rm-ink); font-variant-numeric: tabular-nums; }
@media (max-width: 640.98px) {
  .rm-cadence__row { grid-template-columns: 1fr auto; }
  .rm-cadence__spark { display: none; }
}