Fix timeline calendar view and shopping UI bugs (#56, #65-73)

- #56: Add overflow-hidden to card/panel classes to prevent content overflow
- #65: Fix Google Tasks not showing by including tasks without due dates
- #66: Add no-cache headers to prevent stale template responses
- #67: Increase dropdown z-index to 100 for proper layering
- #69: Implement calendar-style Today section with hourly grid (6am-10pm),
       duration-based event heights, and compact overdue/all-day section
- #70: Only reset shopping-mode form on successful submission
- #71: Remove checkboxes from shopping tab (only show in shopping mode)
- #72: Add inline add-item input at end of each store section
- #73: Add Grouped/Flat view toggle for shopping list

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

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;