From 678aefd76ee72b8fb17dfa1fca66c205438946da Mon Sep 17 00:00:00 2001
From: James Smith <jamessmith1@outlook.com>
Date: Tue, 19 May 2026 22:18:48 +0100
Subject: [PATCH] feat: add lean/enhanced component overrides; retire
 data-animations component CSS

---
 static/css/core/components.css | 44 ++++++++++++++++++++++++++++++----
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/static/css/core/components.css b/static/css/core/components.css
index f9b91d8..a3427b3 100644
--- a/static/css/core/components.css
+++ b/static/css/core/components.css
@@ -248,10 +248,6 @@
     }
 }
 
-[data-animations="off"] .panel-indicator.active {
-    animation: none;
-}
-
 .panel-content {
     padding: var(--space-3);
 }
@@ -1181,3 +1177,43 @@ textarea:focus {
     z-index: 1;
     border-radius: inherit;
 }
+
+/* ============================================
+   LEAN TIER — flat cards, no shadows/glows
+   ============================================ */
+[data-ui-tier="lean"] .card,
+[data-ui-tier="lean"] .panel,
+[data-ui-tier="lean"] .stat-card,
+[data-ui-tier="lean"] .data-card {
+    box-shadow: none;
+    border-radius: 2px;
+}
+
+[data-ui-tier="lean"] .panel-indicator.active {
+    animation: none;
+    box-shadow: none;
+}
+
+/* ============================================
+   ENHANCED TIER — amber left-border card accents
+   ============================================ */
+[data-ui-tier="enhanced"] .stat-card,
+[data-ui-tier="enhanced"] .data-card {
+    border-left: 2px solid var(--accent-cyan);
+    background: rgba(200, 150, 40, 0.03);
+}
+
+[data-ui-tier="enhanced"] .stat-value,
+[data-ui-tier="enhanced"] .data-value {
+    font-family: var(--font-mono);
+    color: var(--accent-cyan);
+}
+
+[data-ui-tier="enhanced"] .stat-label,
+[data-ui-tier="enhanced"] .data-label {
+    font-family: var(--font-mono);
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    font-size: var(--text-xs);
+    color: rgba(200, 150, 40, 0.5);
+}