feat: add VolumeCard to overview left column (today vs 30d avg)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 51 insertions, 0 deletions

diff --git a/frontend/app/prism-shell.css b/frontend/app/prism-shell.css
index 7b9ccf4..ce9b3bd 100644
--- a/frontend/app/prism-shell.css
+++ b/frontend/app/prism-shell.css
@@ -1829,3 +1829,54 @@
     width: 64px;
   }
 }
+
+/* ── Volume card ────────────────────────────────── */
+
+.psm-vol-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sp-3);
+}
+
+.psm-vol-row {
+  display: grid;
+  grid-template-columns: 52px 1fr auto;
+  gap: var(--sp-3);
+  align-items: center;
+}
+
+.psm-vol-label {
+  color: var(--fg-4);
+  font-size: var(--fs-12);
+  font-weight: 600;
+  letter-spacing: var(--tr-wider);
+  text-transform: uppercase;
+}
+
+.psm-vol-track {
+  height: 4px;
+  border-radius: var(--r-full);
+  background: var(--ink-3);
+  overflow: hidden;
+}
+
+.psm-vol-fill {
+  height: 100%;
+  border-radius: var(--r-full);
+  background: var(--info);
+  transition: width 300ms ease;
+}
+
+.psm-vol-fill.accent {
+  background: var(--brass);
+}
+
+.psm-vol-value {
+  color: var(--fg-2);
+  font-family: var(--font-mono);
+  font-size: var(--fs-13);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+  white-space: nowrap;
+  min-width: 60px;
+}