/* e4a.css -- build, run, error marks. Uses the tokens from core.css (var(--surface) etc.). */

/* ---- the Run/Stop buttons above the editor: top right of the tab strip ---- */
#main { position: relative; }
.runbar {
  position: absolute; top: 0; right: 0; height: var(--tab-h); z-index: 3;
  display: flex; align-items: center; gap: 6px; padding: 0 10px 0 14px;
  background: var(--surface);
}
.runbar[hidden] { display: none; }
body.panelopen.panelmax .runbar { display: none; }
.runbar button {
  font: calc(var(--ui-fs) * 12 / 13) var(--font-ui); border-radius: 4px; padding: 3px 12px;
  border: 1px solid var(--rule); background: var(--surface2); color: var(--text-strong); cursor: pointer;
}
.runbar .runbar-run { background: var(--ok); border-color: var(--ok); color: #fff; }
.runbar button:disabled { opacity: .45; cursor: default; }

/* the program's arguments */
.runbar .runbar-args { width: 9.5em; min-width: 0; font: calc(var(--ui-fs) * 12 / 13) var(--font-code); padding: 3px 6px; border: 1px solid var(--rule); border-radius: 4px; background: var(--bg); color: var(--text); }