/* term.css — chrome around the bundled xterm.js instance built by term.js.
   xterm's own stylesheet is emitted next to the bundle as vendor/xterm.css by
   build/build.sh and linked from index.html; everything HERE is the glitch skin
   (voidblack tokens from theme.css) plus the size rules xterm needs to measure. */
.ga-term{display:flex;flex-direction:column;height:100%;background:var(--void-black)}
.ga-term-bar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 12px;
  border-bottom:1px solid var(--teal-trace);background:var(--glass)}
.ga-term-status{flex:1 1 auto;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.ga-term-status.on{color:var(--teal-mid)}
.ga-term-status.err{color:var(--err)}
.ga-term-reconnect{flex:0 0 auto;min-height:44px;font-size:11px}
.ga-term-host{flex:1 1 auto;min-height:0;padding:6px 8px;overflow:hidden}
.ga-term-host .xterm{height:100%}
.ga-term-host .xterm-viewport{background:transparent!important;-webkit-overflow-scrolling:touch}