From fa65505eec9c4419a3ba121ffd6ab89057f03a2f Mon Sep 17 00:00:00 2001
From: Marco Allegretti <mightymarco4@gmail.com>
Date: Wed, 4 Feb 2026 00:59:20 +0100
Subject: [PATCH] ui: make KPI tiles responsive

---
 .../src/components/ui/DesignSystemStyles.astro  | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro
index 2d06e29..b4fd5e6 100644
--- a/frontend/src/components/ui/DesignSystemStyles.astro
+++ b/frontend/src/components/ui/DesignSystemStyles.astro
@@ -940,6 +940,23 @@
     min-width: 140px;
   }
 
+  @media (max-width: 640px) {
+    .ui-kpis {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .ui-kpi {
+      min-width: 0;
+    }
+  }
+
+  @media (max-width: 380px) {
+    .ui-kpis {
+      grid-template-columns: 1fr;
+    }
+  }
+
   .ui-kpi-value {
     font-size: 1.25rem;
     font-weight: 700;