fix: use absolute positioning for xterm.js to fill container

- Make .terminal-container position: relative with overflow: hidden
- Make xterm element absolutely positioned to fill container
- This ensures xterm.js always has concrete dimensions for fitAddon
- Remove conflicting height: 100% !important overrides
- Terminal now properly fills available space and calculates correct rows

apps/web/src/styles.css

@@ -2614,14 +2614,6 @@ a.nav-item,
 }
 
 /* Ensure xterm viewport fills container properly */
-.terminal-wrapper.mobile .xterm {
-  height: 100% !important;
-}
-
-.terminal-wrapper.mobile .xterm-viewport {
-  height: 100% !important;
-}
-
 /* Responsive terminal */
 @media (max-width: 767px) {
   .terminal-page {
@@ -3195,6 +3187,37 @@ a.nav-item,
   flex-direction: column;
 }
 
+/* Terminal wrapper - explicit height for xterm.js */
+.terminal-wrapper.mobile {
+  border: none;
+  border-radius: 0;
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.terminal-wrapper.mobile .terminal-container {
+  flex: 1;
+  min-height: 0;
+  padding: 0;
+  overflow: hidden;
+  position: relative;
+}
+
+/* Ensure xterm fills container */
+.terminal-wrapper.mobile .terminal-container .xterm {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+}
+
 /* Special Keys Strip */
 .special-keys-strip {
   display: flex;