/* Statistics: calm number cards on the shared band (styles.css: .wsBand,
   .wsHeader, .wsBody, .calmCard). */
.statsSummary { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
.statsSummary > div { display:grid; align-content:start; gap:6px; min-width:0; min-height:92px; padding:16px 13px 14px; border-radius:20px; }
.statsSummary strong { color:#1d6a4e; font-size:28px; font-weight:650; line-height:1; letter-spacing:-.5px; font-variant-numeric:tabular-nums; }
.statsSummary span { color:#647f73; font-size:12px; font-weight:550; line-height:1.3; overflow-wrap:anywhere; }
.statsCard { padding:20px 18px 12px; min-width:0; }
.statsCardTitle { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.statsCardTitle .eyebrow { color:#6b8a7b; }
.statsCard h2 { margin-top:5px; color:#173e38; font-size:20px; font-weight:650; letter-spacing:-.3px; }
.statsCard button { min-height:38px; padding:6px 14px; font-size:12.5px; font-weight:650; }
.statsRows { display:grid; margin-top:10px; }
.statsRow { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:58px; padding:10px 2px; color:#3f5a50; }
.statsRow + .statsRow { border-top:1px solid #eef2ef; }
.statsRow strong { color:#173e38; font-size:20px; font-weight:650; font-variant-numeric:tabular-nums; }
.statsLabel { display:flex; align-items:center; gap:12px; min-width:0; font-size:14.5px; font-weight:550; }
.statsLabel span { overflow-wrap:anywhere; }
.statsLabel i { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:12px; background:#ebf4ef; color:#2c7556; font-style:normal; font-weight:700; font-size:15px; }
.statsNote { display:grid; gap:5px; padding:16px 18px; border-radius:20px; background:var(--panel-bg); color:#587068; font-size:13px; line-height:1.5; }
.statsNote strong { color:#2c5a47; font-weight:650; }
@media (max-width: 360px) { .statsSummary { gap:8px; } .statsSummary > div { padding:14px 10px 12px; } .statsSummary strong { font-size:25px; } .statsCard { padding:18px 14px 10px; } }
.statsRangeLabel { display:flex; align-items:center; gap:8px; margin:9px 0 0; color:#cce4da; font-size:12px; font-weight:650; }.statsRangeLabel select,.statsCardTitle select { min-height:36px; border:0; box-shadow:inset 0 0 0 1px #ffffff38; border-radius:10px; background:#ffffff18; color:inherit; font:inherit; font-size:13px; padding:6px 9px; }.statsCardTitle select { box-shadow:inset 0 0 0 1px #d6e4dc; background:#f4f8f6; color:#244f40; }.trendChart { min-height:150px; margin:12px 0 4px; border-radius:14px; background:linear-gradient(#f6faf7,#edf5f0); overflow:hidden; }.trendChart svg { display:block; width:100%; height:150px; }.trendCaption { margin:0 2px 5px; color:#627c70; font-size:12px; line-height:1.45; }
.trendCompareLabel{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#587368;font-size:12px;font-weight:650}.trendCompareLabel select{min-height:36px;max-width:220px;border:0; box-shadow:inset 0 0 0 1px #d6e4dc;border-radius:10px;background:#f4f8f6;color:#244f40;font:inherit;font-size:12px;padding:6px 9px}.trendLegend{display:flex;flex-wrap:wrap;gap:12px;margin:12px 2px -4px;color:#5e786d;font-size:12px;font-weight:600}.trendLegend span{display:flex;align-items:center;gap:6px}.trendLegend i{width:14px;height:3px;border-radius:99px}.trendLegend span:nth-child(2) i{background:repeating-linear-gradient(90deg,#7e8cba 0 7px,transparent 7px 13px)!important}
.trendAxis{position:relative;height:18px;margin:2px 0 6px;color:#6f877c;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.trendAxis span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.trendAxis span.atStart{transform:translateX(-4px)}.trendAxis span.atEnd{transform:translateX(calc(-100% + 4px))}
.trendChart.isEmpty{display:grid;place-items:center;padding:18px}.trendEmpty{margin:0;color:#6f877c;font-size:13px;font-weight:550;text-align:center}