:root{
  --font-family: Consolas, "Courier New", monospace;
  --font-size: 10px;
  --font-size-status: 10px;
  --control-w: 90px;
  --pad: 2px;
  --bar-h: 30px;

  --color-background: #0f1115;
  --color-surface: #151922;
  --color-surface-alt: #1b2230;
  --color-hover: #20283a;
  --color-text: #d7dde6;
  --color-text-muted: #9aa7b5;
  --color-link: #7aa2f7;
  --color-border: #2a3446;
  --color-accent: #7aa2f7;
  --color-error: #ff6b6b;
  --color-warning: #ffd166;
  --color-success: #2ee59d;
  --color-selection-bg: #2b3a55;
  --color-selection-text: #ffffff;

  --bg: var(--color-background);
  --panel: var(--color-surface);
  --fg: var(--color-text);
  --muted: var(--color-text-muted);
  --border: var(--color-border);

  --menu-guide-step: 10px;
  --menu-depth-guide-bg:
    repeating-linear-gradient(
      to right,
      rgba(255,255,255,0.06) 0,
      rgba(255,255,255,0.06) 1px,
      transparent 1px,
      transparent var(--menu-guide-step)
    );

  --menu-item-pad-left: 4px;
  --menu-item-pad-right: 2px;
  --menu-leaf-child-indent: 3px;

  --term-output-pad: 6px;
  --term-table-border-w: 1px;

  --control-icon-box: 1.8em;
  --control-icon-glyph-size: calc(var(--control-icon-box) * 0.80);
}

*{ box-sizing:border-box; }

html, body{
  height:100%;
  margin:0;
  overflow:hidden;
  font-family:var(--font-family);
  font-size:var(--font-size);
  background:var(--bg);
  color:var(--fg);
}

::selection{
  background:var(--color-selection-bg);
  color:var(--color-selection-text);
}
::-moz-selection{
  background:var(--color-selection-bg);
  color:var(--color-selection-text);
}

a{
  color:var(--color-link);
  text-decoration:none;
}
a:hover{ text-decoration:underline; }

#appRoot.app{
  position:fixed;
  inset:0;
  min-height:0;
}

.app-shell{
  position:absolute;
  inset:0;
  min-height:0;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.app-shell > *{
  min-width:0;
  min-height:0;
}

.layout-row,
.layout-column,
.layout-grid{
  min-width:0;
  min-height:0;
}

.layout-row{
  display:flex;
  flex-direction:row;
}

.layout-column{
  display:flex;
  flex-direction:column;
}

.layout-grid{
  display:grid;
}

.layout-row > *,
.layout-column > *,
.layout-grid > *{
  min-width:0;
  min-height:0;
}

.layout-row > *,
.layout-column > *{
  flex:0 0 auto;
}

.layout-row > .pane-fill,
.layout-column > .pane-fill{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
}

.pane{
  min-width:0;
  min-height:0;
}

.widget-host{
  min-width:0;
  min-height:0;
  width:100%;
}

.layout-row > .widget-host,
.layout-column > .widget-host,
.layout-grid > .widget-host{
  min-width:0;
  min-height:0;
}

.pane-fill{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
}

.pane-type-panel,
.pane-type-inset,
.pane-type-info,
.pane-type-warning,
.pane-type-error,
.pane-type-success{
  background:var(--panel);
  border:1px solid var(--border);
  padding:6px var(--pad);
}

.pane-type-info,
.pane-type-warning,
.pane-type-error,
.pane-type-success{ border-left-width:4px; }

.pane-type-plain{
  background:transparent;
  border:0;
  padding:0;
}

.pane-type-inset{ background:var(--color-surface-alt); }

.pane-type-banner{
  background:var(--panel);
  border:0;
  border-bottom:1px solid var(--border);
  padding:6px var(--pad);
  font-weight:700;
}

.pane-type-toolbar{
  background:transparent;
  border:0;
  padding:4px var(--pad);
}

.pane-type-toolbar.widget-host{
  display:flex;
  align-items:center;
}

.pane-type-toolbar.widget-host > .pane-links,
.pane-type-toolbar.widget-host > .widget-controls{
  margin-left:auto;
}

.pane-type-status{
  background:transparent;
  border:0;
  padding:0;
  color:var(--muted);
  font-size:var(--font-size-status);
}

.pane-type-info{ border-left-color:var(--color-accent); }
.pane-type-warning{ border-left-color:var(--color-warning); }
.pane-type-error{ border-left-color:var(--color-error); }
.pane-type-success{ border-left-color:var(--color-success); }

.pane-join-left{ border-left:0 !important; }
.pane-join-right{ border-right:0 !important; }
.pane-join-top{ border-top:0 !important; }
.pane-join-bottom{ border-bottom:0 !important; }

.pane-flag-align-left{ text-align:left; justify-content:flex-start; }
.pane-flag-align-center{ text-align:center; justify-content:center; }
.pane-flag-align-right{ text-align:right; justify-content:flex-end; }
.pane-flag-align-between{ justify-content:space-between; }

.pane-flag-text-nowrap{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pane-flag-text-wrap{ white-space:normal; }

.pane-flag-size-xs{
  padding-top:0;
  padding-bottom:0;
  line-height:1;
}
.pane-flag-size-compact{
  padding-top:2px;
  padding-bottom:2px;
}
.pane-flag-size-roomy{
  padding-top:10px;
  padding-bottom:10px;
}

.pane-flag-beh-scroll-y{ overflow-y:auto; }
.pane-flag-beh-scroll-x{ overflow-x:auto; }

.pane-flag-place-center{
  display:flex;
  align-items:center;
  justify-content:center;
}

.pane-links{ min-width:0; }

.pane-links a,
.pane-links button.pane-link-action{
  color:var(--color-text);
  text-decoration:none;
}

.pane-links button.pane-link-action{
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  font:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.pane-links a:hover,
.pane-links button.pane-link-action:hover{ text-decoration:underline; }

.menu,
.widget-menu-stack,
.widget-menu-horizontal{
  font-family:var(--font-family);
  font-size:var(--font-size);
  line-height:1.2;
}

.widget-menu-stack,
.widget-menu-horizontal{
  min-width:0;
}

.widget-menu-stack{
  min-height:0;
  overflow:auto;
}

.menu{
  padding:2px;
  overflow:auto;
}

.widget-menu-horizontal{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
  overflow:hidden;
}

.widget-menu-horizontal .menu-h-item,
.menu .item{
  color:var(--color-text);
  text-decoration:none;
  font:inherit;
  appearance:none;
  -webkit-appearance:none;
}

.widget-menu-horizontal .menu-h-item{
  display:inline-block;
  padding:2px 4px;
  border:1px solid var(--border);
  background:transparent;
  cursor:pointer;
}

.widget-menu-horizontal .menu-h-item:hover{
  border-color:var(--border);
  background:var(--color-hover);
  text-decoration:none;
}

.menu .item{
  display:block;
  width:100%;
  padding:3px var(--menu-item-pad-right);
  padding-left:var(--menu-item-pad-left);
  line-height:inherit;
  border:1px solid transparent;
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.menu a.item,
.menu a.item:visited,
.menu a.item:hover,
.menu a.item:active{
  color:var(--color-text);
  text-decoration:none;
}

.menu .item.item-child{
  padding-left:calc(var(--menu-item-pad-left) + var(--menu-leaf-child-indent));
}

.menu .item.leaf-child{
  padding-left:calc(var(--menu-item-pad-left) + var(--menu-leaf-child-indent));
}

.menu .item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:calc(var(--depth,0) * var(--menu-guide-step));
  pointer-events:none;
  background:var(--menu-depth-guide-bg);
}

.menu .item:hover{
  border-color:var(--border);
  background:var(--color-hover);
}

.menu .nav-folder::after{
  content:"";
  position:absolute;
  right:var(--menu-item-pad-right);
  top:50%;
  width:6px;
  height:6px;
  border-right:1px solid var(--muted);
  border-bottom:1px solid var(--muted);
  transform:translateY(-50%) rotate(45deg);
  opacity:.7;
  pointer-events:none;
}

.menu .menu-form-host{
  position:relative;
  padding-left:var(--menu-item-pad-left);
  padding-right:var(--menu-item-pad-right);
}

.menu .menu-form-host::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:calc(var(--depth,0) * var(--menu-guide-step));
  pointer-events:none;
  background:var(--menu-depth-guide-bg);
}

.menu-form{
  border:1px solid transparent;
  padding:6px;
  margin:2px 0;
  background:transparent;
}

.menu-form-title{
  font-weight:700;
  margin-bottom:6px;
}

.menu-form-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:2px 0;
  line-height:1;
}

.menu-form-row label{
  white-space:nowrap;
  color:var(--muted);
}

.menu-form-row input[type="text"],
.menu-form-row input[type="number"],
.menu-form-row input[type="date"],
.menu-form-row select{
  width:var(--control-w);
  border:1px solid var(--border);
  background:var(--panel);
  color:var(--fg);
  font-family:inherit;
  font-size:inherit;
  padding:2px 4px;
  outline:none;
}

.menu-form-row input[type="checkbox"]{ margin:0; }

.menu-form-row input[type="number"]::-webkit-outer-spin-button,
.menu-form-row input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.menu-form-row input[type="number"]{ -moz-appearance:textfield; }

.menu-form-actions{
  display:flex;
  justify-content:flex-start;
  padding-top:6px;
}

.menu-form.layout-stack .menu-form-row{
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:2px;
  padding:2px 0;
}

.menu-form.layout-stack .menu-form-row label{ margin-bottom:2px; }

.menu-form.layout-stack .menu-form-row input[type="checkbox"]{
  align-self:flex-start;
  margin:0;
}

.widget-controls{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.widget-control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  font:inherit;
  padding:2px 8px;
  cursor:pointer;
  text-decoration:none;
}

.widget-control:hover{
  background:var(--color-hover);
  text-decoration:none;
}

.menu-label{
  display:inline-block;
  line-height:1;
}

.widget-control.control-icon{
  inline-size:var(--control-icon-box);
  block-size:var(--control-icon-box);
  padding:0;
  aspect-ratio:1 / 1;
}

.widget-control.control-icon > .menu-label{
  display:flex;
  align-items:center;
  justify-content:center;
  inline-size:100%;
  block-size:100%;
  font-size:var(--control-icon-glyph-size);
  line-height:1;
}

.widget-status{
  min-height:var(--bar-h);
  height:var(--bar-h);
  padding:0 6px;
  font-size:var(--font-size-status);
  color:var(--muted);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  white-space:nowrap;
  line-height:1;
}

.overlay-root{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:200;
}

.overlay{
  display:none;
  position:absolute;
  min-width:360px;
  max-width:calc(100vw - (var(--pad) * 2));
  background:var(--color-surface-alt);
  border:1px solid var(--border);
  pointer-events:auto;
  font-size:var(--font-size);
}

.overlay.open{ display:block; }

.overlay-inner{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:6px;
  padding:6px;
}

.overlay-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid var(--border);
  padding-bottom:6px;
}

.overlay-title{ font-weight:700; }

.overlay-body{
  min-height:0;
  max-height:calc(100vh - 80px);
  overflow:auto;
}

.overlay-body > *{
  width:100%;
  min-width:0;
  min-height:0;
}

.overlay-stack{
  display:grid;
  gap:6px;
}

.overlay-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px;
  align-items:center;
  column-gap:10px;
}

.overlay-row > *{ min-width:0; }

.overlay-row label{
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.overlay-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.overlay-body input[type="text"],
.overlay-body input[type="number"],
.overlay-body input[type="password"],
.overlay-body select{
  width:100%;
  min-width:0;
  border:1px solid var(--border);
  background:var(--panel);
  color:var(--fg);
  font-family:inherit;
  font-size:inherit;
  padding:2px 4px;
  outline:none;
}

.overlay-body input[type="checkbox"]{
  margin:0;
  justify-self:end;
}

.overlay-body .auth-summary{ cursor:pointer; }

.btn{
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  font-family:inherit;
  font-size:inherit;
  padding:4px 8px;
  cursor:pointer;
}

.btn:active{ transform:translateY(1px); }

.content{
  min-width:0;
  min-height:0;
  background:transparent;
}

.content > .term{
  height:100%;
  min-height:0;
}

.pane-content-link-root{
  display:flex;
  width:100%;
  height:100%;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

.pane-content-link-root:hover{ text-decoration:none; }

.pane-content-body{ min-width:0; }

.term{
  height:100%;
  display:grid;
  grid-template-rows:1fr auto;
  min-height:0;
  border:1px solid var(--border);
  background:var(--panel);
  font-size:var(--term-font-size,var(--font-size));
}

.term-output{
  border-bottom:1px solid var(--border);
  padding:0;
  overflow-y:auto;
  overflow-x:auto;
  scrollbar-gutter:stable;
  white-space:pre;
  line-height:1.25;
  background:var(--panel);
}

.term-output > div{
  padding-left:var(--term-output-pad);
  padding-right:var(--term-output-pad);
}

.sys-title.sys-ok{ color:var(--color-success); }
.sys-title.sys-warn{ color:var(--color-warning); }
.sys-title.sys-error{ color:var(--color-error); }

.term-inputbar{
  min-height:var(--bar-h);
  height:var(--bar-h);
  padding:0 6px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:8px;
  align-items:center;
  line-height:1;
}

.prompt{
  color:var(--muted);
  white-space:nowrap;
}

.cmd{
  width:100%;
  height:100%;
  border:none;
  outline:none;
  background:transparent;
  color:var(--fg);
  font-family:inherit;
  font-size:inherit;
}

.term-tablewrap.grid-outer-none .term-table{ border:0; }
.term-tablewrap.grid-outer-box .term-table{ border:var(--term-table-border-w) solid var(--border); }

.term-tablewrap.grid-outer-top .term-table{
  border:0;
  border-top:var(--term-table-border-w) solid var(--border);
}
.term-tablewrap.grid-outer-bottom .term-table{
  border:0;
  border-bottom:var(--term-table-border-w) solid var(--border);
}
.term-tablewrap.grid-outer-left .term-table{
  border:0;
  border-left:var(--term-table-border-w) solid var(--border);
}
.term-tablewrap.grid-outer-right .term-table{
  border:0;
  border-right:var(--term-table-border-w) solid var(--border);
}
.term-tablewrap.grid-outer-x .term-table{
  border:0;
  border-left:var(--term-table-border-w) solid var(--border);
  border-right:var(--term-table-border-w) solid var(--border);
}
.term-tablewrap.grid-outer-y .term-table{
  border:0;
  border-top:var(--term-table-border-w) solid var(--border);
  border-bottom:var(--term-table-border-w) solid var(--border);
}

.term-tablewrap.grid-inner-none .term-table th,
.term-tablewrap.grid-inner-none .term-table td{
  border-right:0;
}

.term-tablewrap.grid-inner-none .term-table th:first-child,
.term-tablewrap.grid-inner-none .term-table td:first-child{
  border-left:0;
}

.term-tablewrap.grid-inner-row .term-table th,
.term-tablewrap.grid-inner-row .term-table td{
  border-right:0;
}

.term-tablewrap.grid-inner-row .term-table tbody td{
  border-top:1px solid var(--border);
}

.term-tablewrap.grid-inner-both .term-table tbody td{
  border-top:1px solid var(--border);
}

.term-output > .term-tablewrap{
  padding-left:var(--term-output-pad);
  padding-right:calc(var(--term-output-pad) + 1px);
}

.term-tablewrap{
  white-space:normal;
  margin:0;
  --table-sticky-h: 0px;
}

.term-table-sticky{
  position:sticky;
  top:0;
  z-index:30;
  background:transparent;
}

.term-table-title{
  margin:0;
  padding-left:var(--term-output-pad);
  padding-right:var(--term-output-pad);
  background:var(--panel);
}

.term-table-frame-top{
  background:var(--panel);
  border:var(--term-table-border-w) solid var(--border);
  border-bottom:0;
  padding:0;
}

.term-tablewrap.has-pager.grid-outer-none .term-table-frame-top{
  border-bottom:var(--term-table-border-w) solid var(--border);
}

.term-tablepager{
  display:flex;
  align-items:stretch;
  gap:0;
  margin:0;
}

.term-tablepager-controls{
  display:flex;
  align-items:stretch;
}

.term-tablepager .pager-btn{
  border:0;
  border-right:1px solid var(--border);
  border-radius:0;
  padding:2px 8px;
  min-width:28px;
  line-height:1;
}

.term-tablepager .pager-btn:active{ transform:none; }

.term-tablepager-info{
  flex:1 1 auto;
  min-width:0;
  border-left:1px solid var(--border);
  border-right:1px solid var(--border);
  padding:0 8px;
  display:flex;
  align-items:center;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.term-tablepager .pager-field{
  border:0;
  outline:none;
  background:transparent;
  color:var(--fg);
  font-family:inherit;
  font-size:inherit;
  padding:0;
  margin:0;
  width:70px;
  line-height:1;
}

.term-tablepager .pager-field::placeholder{
  color:var(--muted);
  opacity:.55;
  font-style:italic;
  text-align:center;
}

.term-tablepager .pager-filter{ border-right:1px solid var(--border); }

.term-tablefilterline{
  display:none;
  border-top:1px solid var(--border);
  padding:2px 6px;
  background:var(--panel);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.term-tablefilterline .filter-term{
  color:var(--fg);
  text-decoration:none;
}

.term-tablefilterline .filter-term:hover{ text-decoration:underline; }

.term-table{
  width:max-content;
  min-width:100%;
  border-collapse:collapse;
  border:0;
  background:var(--panel);
  color:var(--fg);
  font-size:inherit;
  table-layout:auto;
}

.term-tablewrap.has-pager.grid-outer-box .term-table{ border-top:0; }

.term-table.is-frozen{ table-layout:fixed; }

.term-table th,
.term-table td{
  border:none;
  border-right:1px solid var(--border);
  padding:0 6px;
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.term-tablewrap.grid-inner-col .term-table th:first-child,
.term-tablewrap.grid-inner-col .term-table td:first-child,
.term-tablewrap.grid-inner-both .term-table th:first-child,
.term-tablewrap.grid-inner-both .term-table td:first-child{
  border-left:1px solid var(--border);
}

.term-table th{ position:relative; }

.term-table thead th{
  background:var(--color-surface-alt);
  position:sticky;
  top:var(--table-sticky-h);
  z-index:25;
}

.term-table thead th.sortable{
  cursor:pointer;
  padding-right:16px;
}

.term-table thead th.sort-asc::after{
  content:"\25B2";
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  font-size:var(--font-size);
}

.term-table thead th.sort-desc::after{
  content:"\25BC";
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  font-size:var(--font-size);
}

.term-table td.is-num{ font-variant-numeric:tabular-nums; }

.term-table td.center,
.term-table th.center{ text-align:center; }

.term-table td.is-num .num-field{
  display:inline-block;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}

.term-table th.is-hidden,
.term-table td.is-hidden{ display:none; }

.term-table a.cell-link{
  color:inherit;
  text-decoration:none;
  font-weight:400;
}

.term-table a.cell-link:hover{
  text-decoration:none;
  font-weight:600;
  outline:1px solid var(--border);
  outline-offset:-1px;
}

.term-table tr.is-hit td{
  background:var(--color-selection-bg);
  color:var(--color-selection-text);
}

.col-resize-handle{
  position:absolute;
  top:0;
  right:-2px;
  width:6px;
  height:100%;
  cursor:col-resize;
  user-select:none;
  touch-action:none;
}

.col-resize-handle:hover{ background:rgba(255,255,255,0.12); }

.term-md{
  white-space:normal;
  line-height:1.45;
  max-width:100%;
}

.term-md p{ margin:6px 0; }

.term-md h1{
  font-size:1.55em;
  font-weight:800;
  margin:10px 0 3px;
}
.term-md h2{
  font-size:1.25em;
  font-weight:800;
  margin:6px 0 3px;
}
.term-md h3,
.term-md h4{
  font-size:1em;
  font-weight:700;
  margin:3px 0;
}

.term-md h1,
.term-md h2,
.term-md h3,
.term-md h4{ line-height:1.2; }

.term-md a{
  color:var(--color-link);
  text-decoration:underline;
}

.term-md a:hover{ opacity:.9; }

.term-md ul,
.term-md ol{
  margin:6px 0 8px 1.25em;
  padding:0;
}

.term-md li{ margin:3px 0; }

.term-md li > ul,
.term-md li > ol{ margin-top:4px; }

.term-md hr{
  border:0;
  border-top:1px solid var(--color-border);
  margin:12px 0;
}

.term-md blockquote{
  margin:8px 0;
  padding:6px 10px;
  border-left:3px solid var(--color-border);
  background:var(--color-surface-alt);
}

.term-md blockquote p{ margin:4px 0; }

.term-md code{
  padding:0 5px;
  border:1px solid var(--color-border);
  border-radius:4px;
  background:var(--color-surface-alt);
}

.term-md pre{
  margin:8px 0;
  padding:10px 12px;
  border:1px solid var(--color-border);
  border-radius:6px;
  overflow:auto;
  background:var(--color-surface);
}

.term-md pre code{
  padding:0;
  border:0;
  background:transparent;
  display:block;
  white-space:pre;
}

.term-md table{
  border-collapse:collapse;
  margin:10px 0;
  width:100%;
}

.term-md th,
.term-md td{
  border:1px solid var(--color-border);
  padding:6px 8px;
  text-align:left;
}

.term-md th{
  background:var(--color-surface-alt);
  font-weight:700;
}

.term-output,
.menu,
.widget-menu-stack,
.overlay-body{
  scrollbar-width:thin;
  scrollbar-color:var(--border) var(--panel);
}

.term-output::-webkit-scrollbar,
.menu::-webkit-scrollbar,
.widget-menu-stack::-webkit-scrollbar,
.overlay-body::-webkit-scrollbar{
  width:12px;
  height:12px;
}

.term-output::-webkit-scrollbar-track,
.menu::-webkit-scrollbar-track,
.widget-menu-stack::-webkit-scrollbar-track,
.overlay-body::-webkit-scrollbar-track{
  background:var(--panel);
}

.term-output::-webkit-scrollbar-thumb,
.menu::-webkit-scrollbar-thumb,
.widget-menu-stack::-webkit-scrollbar-thumb,
.overlay-body::-webkit-scrollbar-thumb{
  background:var(--border);
  border-radius:8px;
  border:2px solid var(--panel);
}

@media (max-width:900px){
  .layout-row{
    flex-direction:column !important;
  }

  .overlay{
    left:var(--pad)!important;
    right:var(--pad)!important;
    width:auto!important;
    max-width:none;
  }
}