tabbed frametype filtering

analyzer/tui/textual/styles/streamlens_v2.tcss

@@ -68,13 +68,13 @@ MetricCard {
 }
 
 FlowMainDetailsPanel {
-    height: 3fr;
+    height: 2fr;
     background: #1a1a1a;
     border: solid #ff8800;
 }
 
 SubFlowDetailsPanel {
-    height: 2fr;
+    height: 3fr;
     background: #1a1a1a;
     border: solid #ff8800;
 }
@@ -206,4 +206,82 @@ DataTable:focus {
 
 /* Panel Borders - Removed for clean look */
 
+/* Tabbed Content Styling */
+TabbedContent {
+    height: 1fr;
+    background: #1a1a1a;
+    dock: top;
+}
+
+TabbedContent > ContentSwitcher {
+    height: 1fr;
+    background: #1a1a1a;
+}
+
+/* Tab Bar Styling - Force horizontal layout */
+TabbedContent > Horizontal {
+    height: 3;
+    background: #262626;
+    dock: top;
+}
+
+TabbedContent Tabs {
+    height: 3;
+    background: #262626;
+    color: #999999;
+    dock: top;
+}
+
+TabbedContent Tab {
+    padding: 0 2;
+    background: transparent;
+    color: #999999;
+    text-style: none;
+}
+
+TabbedContent Tab:hover {
+    background: #333333;
+    color: #ffffff;
+}
+
+TabbedContent Tab.-active {
+    background: #0080ff;
+    color: #ffffff;
+    text-style: bold;
+}
+
+TabbedContent Tab:disabled {
+    color: #666666;
+    text-style: dim;
+}
+
+/* Tab Pane Content */
+TabPane {
+    padding: 0;
+    height: 1fr;
+}
+
+/* Frame Type Content Layout */
+FrameTypeTabContent {
+    height: 1fr;
+    width: 1fr;
+}
+
+FrameTypeTabContent > Horizontal {
+    height: 1fr;
+}
+
+FrameTypeFlowTable {
+    width: 70%;
+    height: 1fr;
+    border: solid #666666;
+}
+
+FrameTypeStatsPanel {
+    width: 30%;
+    height: 1fr;
+    border: solid #666666;
+    padding: 1;
+}
+
 /* End of styles */