.demo-shell{padding:1.3rem;border:1px solid var(--line);border-radius:.7rem;background:#fff}.demo-top{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.demo-label{font-size:.62rem;letter-spacing:.12em;color:var(--teal);font-weight:750}.demo-top h3{margin:.25rem 0 0;font-size:1.15rem;letter-spacing:-.03em}.demo-filters{display:flex;gap:.55rem}.demo-filters label{display:grid;gap:.3rem;color:var(--muted);font-size:.66rem;font-weight:700}.demo-filters select{min-width:8.5rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:.35rem;background:white;color:var(--ink);font:inherit;font-size:.75rem}.demo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.2rem 0}.demo-kpis article{padding:.85rem;border:1px solid var(--line);border-radius:.45rem;background:#fbfcfa}.demo-kpis span{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.1em;font-weight:750}.demo-kpis strong{display:block;margin-top:.35rem;font-size:1.6rem;letter-spacing:-.05em}.chart-heading{display:flex;align-items:center;justify-content:space-between;margin:.8rem 0 .3rem;font-size:.75rem}.chart-heading span{font-size:.66rem;color:var(--muted)}.demo-chart{min-height:12rem}.demo-chart svg{display:block;width:100%;height:auto;overflow:visible}.demo-chart text{font-family:inherit;fill:var(--muted);font-size:11px}.demo-legend{display:flex;justify-content:center;gap:1rem;margin:.2rem 0;font-size:.68rem;color:var(--muted)}.demo-legend span{display:flex;align-items:center;gap:.35rem}.legend-dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.demo-footnote{margin:.45rem 0 0;color:var(--muted);font-size:.67rem}@media(max-width:700px){.demo-shell{padding:1rem}.demo-top{align-items:flex-start;flex-direction:column}.demo-filters{width:100%}.demo-filters label{flex:1}.demo-filters select{width:100%;min-width:0}.demo-kpis{gap:.4rem}.demo-kpis article{padding:.65rem}.demo-kpis strong{font-size:1.25rem}}
.demo-status{margin:1rem 0;color:var(--muted);font-size:.75rem}.demo-status.is-ready{color:var(--teal)}.demo-status.is-error{color:#a0443c}