#term-wrap{position:relative;box-sizing:content-box}
.terminal-scrollbar{display:none}
@media (max-width:1099px){
  /* FitAddon reads the parent's computed content width; keep the rail outside it. */
  #term-wrap.has-terminal-scrollbar{padding-right:32px;box-sizing:content-box}
  .terminal-scrollbar{position:absolute;top:6px;right:1px;bottom:3px;width:29px;
    display:flex;flex-direction:column;align-items:center;gap:3px;
    touch-action:none;user-select:none;-webkit-user-select:none;z-index:5}
  .terminal-scrollbar button{width:29px;height:36px;flex-shrink:0;padding:0;
    background:transparent;color:var(--term-dim);border:0;border-radius:7px;
    font:12px/1 sans-serif;touch-action:none}
  .terminal-scrollbar button:hover,.terminal-scrollbar button:active{background:var(--term-ctl);transform:none}
  .terminal-scroll-track{position:relative;flex:1;width:100%;min-height:56px;outline:none;
    touch-action:none;cursor:ns-resize;border-radius:8px}
  .terminal-scroll-track::before{content:'';position:absolute;top:0;bottom:0;left:12px;
    width:5px;border-radius:5px;background:var(--term-ctl)}
  .terminal-scroll-thumb{position:absolute;left:8px;width:13px;height:48px;
    border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#98989d;
    box-shadow:0 1px 4px rgba(0,0,0,.25);pointer-events:none}
  .terminal-scroll-thumb::after{content:'≡';position:absolute;inset:0;display:grid;
    place-items:center;font:13px sans-serif;color:#202024}
  .terminal-scrollbar.active .terminal-scroll-thumb,.terminal-scroll-track:focus-visible .terminal-scroll-thumb{
    background:var(--blue,#0a84ff)}
  .terminal-scrollbar[aria-disabled="true"]{opacity:.35}
}