/* layout for the AT tester - xp.css supplies the chrome */
html, body { height: 100%; margin: 0; background: #3a6ea5; overflow: hidden; }

body, button, select, input, textarea, label, legend, fieldset,
.window-body, .status-bar-field { font-family: Tahoma, 'Segoe UI', 'DejaVu Sans', Arial, sans-serif; font-size: 11px; }

#app { display: flex; flex-direction: column; position: absolute; inset: 4px; }
#app .window-body-main { flex: 1; display: flex; flex-direction: column; margin: 0; padding: 4px; min-height: 0; gap: 4px; }

.toolbar { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.toolbar .tb-sep { width: 1px; height: 20px; background: #aca899; margin: 0 2px; }
.toolbar .warn { color: #a00; }

.panes { display: flex; gap: 4px; flex: 1; min-height: 0; }
.pane { margin: 0; overflow: auto; background: #fff; }
#paneCatalog { flex: 0 0 230px; }
.midcol { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#paneParsed { flex: 0 0 210px; }

#catalog .cat-item { padding: 3px 5px; cursor: pointer; border-bottom: 1px solid #eee; }
#catalog .cat-item:hover { background: #316ac5; color: #fff; }
#catalog .cat-item code { font-family: 'Courier New', monospace; font-weight: bold; display: block; }
#catalog .cat-item small { color: #666; }
#catalog .cat-item:hover small { color: #dde; }

.consolePane { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
#console {
  flex: 1; margin: 0; overflow-y: scroll; background: #fff; color: #000;
  font-family: 'Courier New', monospace; font-size: 12px; white-space: pre-wrap; word-break: break-all;
}
#console .sent { color: #00f; }
.sendrow { display: flex; gap: 4px; align-items: center; padding-top: 3px; }
#cmdInput { flex: 1; font-family: 'Courier New', monospace; }
#paneScript textarea { width: 100%; box-sizing: border-box; font-family: 'Courier New', monospace; }

.parsed-item { padding: 5px; border-bottom: 1px solid #eee; }
.sigbars { display: flex; gap: 2px; align-items: flex-end; height: 30px; margin: 4px 0; }
.sigbars i { width: 9px; background: #ddd; display: inline-block; }
.sigbars i.on { background: #2e7d32; }
.hint { color: #777; padding: 4px; }
.status-bar-field { padding: 1px 6px; }
#sbConn.demo { color: #a00; font-weight: bold; }