Force compact grid with aggressive selectors

app.py

@@ -157,39 +157,43 @@ body {
     border-radius: 6px !important;
   }
 
-  .tc-grid {
-    gap: 4px !important;
+  .tc-grid, .tc-grid * {
+    gap: 3px !important;
+    margin: 0 !important;
   }
 
-  .tc-grid > div {
+  .tc-grid .row, .tc-grid > div, .tc-grid > .block {
     display: flex !important;
     flex-direction: row !important;
     flex-wrap: nowrap !important;
-    gap: 4px !important;
+    gap: 3px !important;
     margin: 0 !important;
     padding: 0 !important;
   }
 
-  .tc-grid > div > div {
+  .tc-grid .row > *, .tc-grid > div > * {
     flex: 1 1 0 !important;
     min-width: 0 !important;
+    max-width: 25% !important;
     margin: 0 !important;
     padding: 0 !important;
   }
 
-  .tc-grid .gr-button {
-    font-size: 12px;
-    border-radius: 6px;
-    padding: 6px 0 !important;
+  .tc-grid button, .tc-grid .gr-button {
+    font-size: 11px !important;
+    border-radius: 6px !important;
+    padding: 4px 0 !important;
     margin: 0 !important;
     min-width: 0 !important;
-    min-height: 32px !important;
-    height: 32px !important;
+    min-height: 28px !important;
+    max-height: 28px !important;
+    height: 28px !important;
     width: 100% !important;
+    line-height: 1 !important;
   }
 
-  .tc-grid .num .gr-button {
-    border-radius: 50%;
+  .tc-grid .num button, .tc-grid .num .gr-button {
+    border-radius: 50% !important;
   }
 }