1 files changed, 13 insertions, 3 deletions
diff --git a/web/static/css/input.css b/web/static/css/input.css
index c7fa1d2..321aa4f 100644
--- a/web/static/css/input.css
+++ b/web/static/css/input.css
@@ -24,7 +24,7 @@
 @layer components {
   /* Dark Glass Card */
   .card {
-    @apply bg-black/70 backdrop-blur-sm rounded-lg p-4 transition-all duration-200;
+    @apply bg-black/70 backdrop-blur-sm rounded-lg p-4 transition-all duration-200 overflow-hidden;
     box-shadow: 0 0 12px black;
   }
 
@@ -32,6 +32,11 @@
     @apply hover:bg-black/80;
   }
 
+  /* Panel with overflow clipping */
+  .bg-panel {
+    @apply overflow-hidden;
+  }
+
   /* Navigation Pills */
   .tab-button {
     @apply px-2 sm:px-4 py-2 rounded-lg text-xs sm:text-sm font-light text-white/70 tracking-wide transition-all duration-200;
@@ -59,11 +64,11 @@
   }
 
   .trello-card-item {
-    @apply bg-black/40 rounded-lg p-4 hover:bg-black/50 transition-all;
+    @apply bg-black/40 rounded-lg p-4 hover:bg-black/50 transition-all overflow-hidden;
   }
 
   .task-item {
-    @apply bg-black/70 rounded-lg transition-colors;
+    @apply bg-black/70 rounded-lg transition-colors overflow-hidden;
     box-shadow: 0 0 12px black;
   }
 
@@ -71,6 +76,11 @@
     @apply bg-black/80;
   }
 
+  /* Text truncation for long content */
+  .truncate-text {
+    @apply truncate;
+  }
+
   .line-clamp-3 {
     display: -webkit-box;
     -webkit-line-clamp: 3;