Simplify client overview access controls and layout

test/web/responsive-layout-contract.test.js

@@ -90,6 +90,19 @@ test('secondary menus share one right rail and both drawers open from the right'
   assert.match(rule('.client-local-rules'), /transform:\s*translateX\(104%\)/);
 });
 
+test('duration and Gateway access keep stable geometry without tabs', () => {
+  assert.match(rule('.client-state-detail'), /min-height:\s*44px/);
+  assert.match(rule('.client-duration-toggle'), /min-height:\s*44px/);
+  assert.match(component, /client-duration-word-row is-calendar/);
+  assert.match(component, /client-duration-word-row is-clock/);
+  assert.match(rule('.client-duration-toggle > .client-tooltip'), /right:\s*calc\(100% \+ 12px\)/);
+  assert.match(component, /\['gateway', 'GATEWAY'\]/);
+  assert.match(component, /\['socks5', 'SOCKS5'\]/);
+  assert.match(component, /\['http', 'HTTP'\]/);
+  assert.doesNotMatch(component, /client-access-tabs|role="tab"|role="tabpanel"/);
+  assert.match(rule('.client-proxies.is-gateway'), /width:\s*270px/);
+});
+
 test('responsive motion has a reduced-motion fallback', () => {
   const reducedMotion = /@media \(prefers-reduced-motion: reduce\) \{([\s\S]*)\n\}/.exec(styles)?.[1] || '';