improve charts

cmd/ingestd/web/styles.css

@@ -221,12 +221,36 @@ body {
   grid-column: span 2;
 }
 
+.chart-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+
 .chart-title {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   color: var(--muted);
-  margin-bottom: 8px;
+}
+
+.chart-link {
+  border: 1px solid rgba(123, 223, 242, 0.2);
+  background: transparent;
+  color: var(--accent);
+  font-size: 11px;
+  padding: 4px 10px;
+  border-radius: 999px;
+  cursor: pointer;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.chart-link:hover {
+  border-color: var(--accent);
+  color: var(--text);
 }
 
 .chart-canvas {
@@ -243,6 +267,26 @@ canvas {
   display: block;
 }
 
+.single-chart .panel.hero {
+  display: none;
+}
+
+.single-chart .layout {
+  grid-template-columns: 1fr;
+}
+
+.single-chart .charts {
+  grid-column: 1 / -1;
+}
+
+.single-chart .chart-card {
+  display: none;
+}
+
+.single-chart .chart-card.active {
+  display: block;
+}
+
 @media (max-width: 980px) {
   .layout {
     grid-template-columns: 1fr;