*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#0d1117;--panel:#090e13;--titlebar:#161b22;--border:#30363d;--soft:#242c35;--text:#e6edf3;--muted:#8b949e;--green:#3fb950;--green2:#56d364;--blue:#58a6ff;--yellow:#e3b341;--red:#f85149;--purple:#bc8cff;--cyan:#39c5cf}
html,body{min-height:100%;margin:0;background:radial-gradient(circle at 50% -10%,rgba(88,166,255,.05),transparent 34%),var(--bg);color:var(--text)}
body{min-height:100vh;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
button,input,textarea,select{font:inherit}
.qa-shell{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:30px 0 24px}
.qa-window{overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.015) inset}
.qa-titlebar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 16px;background:var(--titlebar);border-bottom:1px solid #252d36}
.window-buttons{display:flex;align-items:center;gap:8px}.window-dot{width:12px;height:12px;display:inline-block;border-radius:50%}a.window-dot{text-decoration:none}.window-dot.red{background:#ff5f57}.window-dot.yellow{background:#febc2e}.window-dot.green{background:#28c840}
.qa-title{color:#9aa4af;font-size:.78rem;text-align:center}.qa-status{justify-self:end;display:flex;align-items:center;gap:7px;color:var(--green);font-size:.68rem;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(63,185,80,.45)}
.qa-console{padding:18px;background:linear-gradient(rgba(5,9,13,.97),rgba(5,9,13,.97)),repeating-linear-gradient(0deg,transparent 0 25px,rgba(255,255,255,.012) 25px 26px)}
.console-command{margin-bottom:13px;color:#c9d1d9;font-size:.8rem}.prompt{color:var(--green)}
.qa-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.qa-tab{min-height:38px;padding:7px 10px;color:#89939d;background:#10161d;border:1px solid #2a323b;border-radius:7px;cursor:pointer;font-size:.65rem}.qa-tab.active{color:#e8f3ff;border-color:#3e6f9e;background:rgba(88,166,255,.10)}
.qa-tool{display:none}.qa-tool.active{display:block}
.tool-grid,.pipeline-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:13px}
.control-card,.terminal-card,.pipeline-stages{min-width:0;background:rgba(13,19,26,.9);border:1px solid var(--soft);border-radius:9px}
.control-card{padding:15px}.control-card h2{margin:0 0 14px;color:#dbe5ef;font-size:.92rem}.control-card label{display:grid;gap:6px;margin-top:11px;color:#8b949e;font-size:.69rem}
input,textarea,select{width:100%;color:#d8e0e7;background:#090e13;border:1px solid #2d3640;border-radius:6px;outline:none}input,select{min-height:40px;padding:7px 9px}textarea{padding:9px;line-height:1.5;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:#4979a8}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.check-grid label{display:flex;align-items:center;gap:7px;margin:0}.check-grid input{width:auto;min-height:0}
.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.button-row button,.terminal-head button,.control-card>button{min-height:40px;padding:7px 11px;color:#aeb8c2;background:#111820;border:1px solid #30363d;border-radius:7px;cursor:pointer}.button-row .primary,.control-card>button.primary{color:#e8f3ff;border-color:#3e6f9e;background:rgba(88,166,255,.10)}
.helper{color:#7b8590;font-size:.7rem;line-height:1.55}.bug-summary{margin-top:14px;padding:12px;color:#9ca6b0;background:#0b1117;border:1px solid #222c35;border-radius:7px;font-size:.7rem;line-height:1.55}
.terminal-card{display:flex;flex-direction:column;overflow:hidden;min-height:470px}.terminal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;color:#77818b;background:#10161d;border-bottom:1px solid #242c35;font-size:.66rem}.terminal-output{flex:1 1 auto;min-height:420px;margin:0;overflow:auto;padding:14px;color:#cbd4dc;background:#020503;font-size:12px;line-height:1.5;white-space:pre-wrap}
.pipeline-stages{display:flex;flex-direction:column;padding:10px;gap:7px}.pipeline-stages button{display:flex;justify-content:space-between;gap:10px;min-height:46px;padding:9px 11px;color:#adb6bf;background:#0b1117;border:1px solid #26303a;border-radius:7px;cursor:pointer}.pipeline-stages strong{color:#69737d;font-size:.64rem}.pipeline-stages button.running{border-color:#e3b341}.pipeline-stages button.running strong{color:#e3b341}.pipeline-stages button.passed{border-color:#2d6b3c}.pipeline-stages button.passed strong{color:#56d364}.pipeline-stages button.failed{border-color:#843c3a}.pipeline-stages button.failed strong{color:#f85149}.pipeline-stages button.blocked strong{color:#8b949e}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qa-status-line{margin-top:12px;color:#68727c;font-size:.68rem;text-align:center}.qa-note{margin:12px 0 0;color:#6e7681;font-size:.7rem;text-align:center}
@media(max-width:900px){.tool-grid,.pipeline-layout{grid-template-columns:1fr}.terminal-card{min-height:380px}.terminal-output{min-height:330px}}
@media(max-width:650px){.qa-shell{width:min(100% - 18px,1400px);padding-top:12px}.qa-titlebar{padding:0 10px}.qa-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qa-console{padding:11px}.two-col,.check-grid{grid-template-columns:1fr}}


/* RunsLinux shared Labs workstation shell */
@media (min-width: 901px) {
  html, body { width: 100%; height: 100%; overflow: hidden; }
  body.rl-has-site-nav { background: #080d13; }
  .qa-shell {
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;
    height: calc(100vh - 54px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url('/assets/terminal-workstation.webp') center top / cover no-repeat !important;
  }
  .qa-shell > .qa-window {
    position: absolute !important;
    left: 19.65% !important;
    top: 5.75% !important;
    width: 62.75% !important;
    height: 60.45% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: auto !important;
    border-radius: 10px !important;
    z-index: 3 !important;
    box-shadow: none !important;
  }
  .qa-shell > :not(.qa-window) { display: none !important; }
}