feat: add PriceVsValueCard to overview left column (DCF compass)

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

1 files changed, 69 insertions, 0 deletions

diff --git a/frontend/app/prism-shell.css b/frontend/app/prism-shell.css
index 56ca536..9bcbdc5 100644
--- a/frontend/app/prism-shell.css
+++ b/frontend/app/prism-shell.css
@@ -1888,3 +1888,72 @@
   border-top: 1px solid var(--line-1);
   margin: var(--sp-4) 0 var(--sp-3);
 }
+
+/* ── Price vs Value card ────────────────────────── */
+
+.psm-pvv-figures {
+  display: flex;
+  align-items: baseline;
+  gap: var(--sp-4);
+  margin-bottom: var(--sp-4);
+}
+
+.psm-pvv-current {
+  color: var(--fg-1);
+  font-family: var(--font-mono);
+  font-size: var(--fs-24);
+  font-variant-numeric: tabular-nums;
+}
+
+.psm-pvv-iv {
+  font-family: var(--font-mono);
+  font-size: var(--fs-14);
+  font-variant-numeric: tabular-nums;
+}
+
+.psm-pvv-rail {
+  position: relative;
+  height: 4px;
+  border-radius: var(--r-full);
+  background: var(--ink-3);
+  margin-bottom: var(--sp-2);
+}
+
+.psm-pvv-fill {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  border-radius: var(--r-full);
+}
+
+.psm-pvv-tick {
+  position: absolute;
+  top: -4px;
+  width: 2px;
+  height: 12px;
+  border-radius: 1px;
+}
+
+.psm-pvv-tick.price {
+  background: var(--fg-1);
+}
+
+.psm-pvv-tick.iv {
+  background: var(--fg-4);
+}
+
+.psm-pvv-rail-labels {
+  display: flex;
+  justify-content: space-between;
+  color: var(--fg-4);
+  font-family: var(--font-mono);
+  font-size: var(--fs-12);
+  font-variant-numeric: tabular-nums;
+  margin-bottom: var(--sp-3);
+}
+
+.psm-pvv-meta {
+  color: var(--fg-4);
+  font-size: var(--fs-12);
+  line-height: 1.5;
+}