From b410cf9972d36d4b151fc10eb2d98fce3bd07077 Mon Sep 17 00:00:00 2001
From: Jer Miller <jeremie.miller@gmail.com>
Date: Sun, 12 Apr 2026 08:49:39 -0600
Subject: [PATCH] tokens: add code badge and loading text styling

Add inline code styling for technical identifiers in breakdown tables
and intentional typography for the loading state message.
---
 apps/tokens/workspace.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/tokens/workspace.html b/apps/tokens/workspace.html
index bd6b6afa5..1b7a2fa9f 100644
--- a/apps/tokens/workspace.html
+++ b/apps/tokens/workspace.html
@@ -172,6 +172,11 @@
   color: #666;
 }
 
+.loading-state p {
+  font-size: 0.95em;
+  font-weight: 500;
+}
+
 .summary-card {
   background: #f8f9fa;
   color: #333;
@@ -331,6 +336,14 @@
   color: #333;
 }
 
+.breakdown-table code {
+  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;
+  font-size: 0.9em;
+  background: #f5f5f5;
+  padding: 0.15em 0.4em;
+  border-radius: 3px;
+}
+
 .breakdown-table .empty-row {
   text-align: center;
   color: #999;
-- 
2.51.2