/* Navigation and accessibility fixes for the existing terminal views. */
html{color-scheme:dark}
.legacy-sector-links{position:relative;z-index:6;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:10px 14px;background:#080d17;border-bottom:1px solid #243047;font:12px/1.4 Inter,system-ui,sans-serif}
.legacy-sector-links a{color:#a8bacf;text-decoration:none;border:1px solid #2b3d54;border-radius:5px;padding:7px 10px}
.legacy-sector-links a.founder{color:#64e2bf;border-color:#347c68}
.legacy-sector-links span{color:#e8c15a;font-size:10px;letter-spacing:.05em;margin-left:auto}
.legacy-paper-notice{position:relative;z-index:1;margin:0;padding:8px 14px;background:#080d17;color:#a8bacf;font:11px/1.5 Inter,system-ui,sans-serif}
.legacy-sector-links a:focus-visible,.lang-switcher button:focus-visible{outline:2px solid #64e2bf;outline-offset:3px}
body[data-legacy-terminal="trading1"] #app{grid-template-rows:auto 1fr auto}
#app>header{flex-wrap:wrap;min-height:48px;padding-top:9px;padding-bottom:9px}
#app>header .seg{max-width:100%;overflow-x:auto}
#app>main{min-width:0}
.lang-switcher{position:relative;flex:none}
.lang-switcher .lang-trigger{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #2b3d54;border-radius:999px;background:#101a27;color:#e4ebf5;font:11px ui-monospace,monospace;cursor:pointer}
.lang-switcher .lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:184px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border:1px solid #2b3d54;border-radius:10px;background:#080d17;box-shadow:0 16px 40px #0006}
.lang-switcher .lang-menu[hidden]{display:none!important}
.lang-switcher .lang-option{display:flex;justify-content:center;padding:8px 6px;border:0;border-radius:7px;background:transparent;color:#e4ebf5;font:12px system-ui,sans-serif;cursor:pointer}
.lang-switcher .lang-option:hover,.lang-switcher .lang-option[aria-selected="true"]{background:#142837;color:#64e2bf}
.lang-switcher .lang-name{display:none}.lang-switcher .lang-code{display:inline}
@media(max-width:760px){
 .legacy-sector-links{gap:6px;padding:9px 10px;font-size:11px}
 .legacy-sector-links a{padding:7px 8px}
 .legacy-sector-links span{flex-basis:100%;margin-left:0}
 .legacy-paper-notice{padding:7px 10px;font-size:10px}
 #app>header .brand{flex-wrap:wrap;white-space:normal}
 #app>header .sp{display:none}
 #app .ph{flex-wrap:wrap}
 #app .kv{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px}
 #app .kv .v{white-space:normal;overflow-wrap:anywhere}
 #app #markets .pb{flex:none}
 #app .screens{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 #app .scr{min-height:62px;aspect-ratio:auto}
 #app .stream div{grid-template-columns:52px minmax(40px,auto) minmax(0,1fr)}
 #app .stream div>:last-child{grid-column:3;overflow-wrap:anywhere}
 body[data-legacy-terminal="terminal"] .top nav{flex-wrap:nowrap;overflow:auto;max-width:100%;order:3}
 body[data-legacy-terminal="terminal"] .top nav a{white-space:nowrap}
 body[data-legacy-terminal="terminal"] .ctl>*{min-width:0;max-width:100%}
 body[data-legacy-terminal="terminal"] .ctl select{max-width:100%}
}