:root{--bg:#08101f;--panel:#0d1729;--panel2:#111d33;--line:#23314b;--text:#edf4ff;--muted:#8fa0bd;--cyan:#51d7ff;--green:#52e3a4;--amber:#ffcc6a;--red:#ff7188;--purple:#9b8cff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial;background:radial-gradient(circle at 70% 0,#122847 0,#08101f 35%);color:var(--text)}button,input,textarea,select{font:inherit}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh;direction:ltr}aside{background:#080f1cdd;border-right:1px solid var(--line);padding:22px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;direction:rtl}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 22px}.logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--purple));color:#06101c;font-weight:900}.brand b{display:block}.brand small{color:var(--muted);font-size:11px}.brand div{direction:ltr;text-align:left}nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:var(--muted);text-align:right;padding:11px 12px;border-radius:10px;cursor:pointer}nav button:hover,nav button.active{background:#16233a;color:var(--text)}.asideFoot{margin-top:auto;border-top:1px solid var(--line);padding:14px 8px 0;color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:center}#healthDot{width:9px;height:9px;border-radius:50%;background:#777}main{padding:26px 34px;direction:rtl}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:28px;margin:0 0 5px}header p{margin:0;color:var(--muted)}button{border:0;border-radius:10px;padding:10px 14px;background:var(--cyan);color:#07111c;font-weight:700;cursor:pointer}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.danger{background:var(--red)}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,#0e192c,#0b1525);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 18px 40px #00000022}.metric strong{font-size:30px;display:block;direction:ltr;text-align:right}.metric span,.muted{color:var(--muted)}.metric i{font-style:normal;font-size:12px;color:var(--green)}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.sectionTitle h2{font-size:18px;margin:0}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:right;padding:11px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#15253d;color:var(--cyan);font-size:11px}.ok{color:var(--green)}.warn{color:var(--amber)}.bad{color:var(--red)}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.form input,.form textarea,.form select{border:1px solid var(--line);background:#081220;color:var(--text);padding:11px;border-radius:10px;outline:none}.form textarea{min-height:100px;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap}.pipeline{direction:ltr;display:flex;align-items:center;gap:8px;overflow:auto;padding:10px 0}.pipeline .node{white-space:nowrap;border:1px solid var(--line);background:#101c30;border-radius:10px;padding:10px 12px;font-size:12px}.pipeline .arrow{color:var(--cyan)}pre{white-space:pre-wrap;word-break:break-word;background:#06101c;border:1px solid var(--line);padding:14px;border-radius:12px;direction:ltr;text-align:left;color:#cfe3ff;max-height:420px;overflow:auto}.empty{padding:30px;text-align:center;color:var(--muted)}.toast{position:fixed;left:24px;bottom:24px;background:#111e33;border:1px solid var(--line);padding:12px 16px;border-radius:10px;z-index:10;box-shadow:0 10px 30px #0006}.kpi{font-size:12px}.score{font-weight:800;font-size:20px}.score.high{color:var(--green)}.score.mid{color:var(--amber)}.score.low{color:var(--red)}@media(max-width:1000px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.shell{grid-template-columns:190px 1fr}main{padding:20px}}@media(max-width:720px){.shell{display:block}aside{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(3,1fr)}nav button{text-align:center;font-size:12px}.asideFoot{display:none}main{padding:16px}.g4,.g3,.g2{grid-template-columns:1fr}header{align-items:flex-start}.pipeline{padding-bottom:4px}}

button:disabled{opacity:.45;cursor:not-allowed}.metric.mini strong{font-size:22px}.missingBox{border-color:#6d5226}.planSummary{margin-top:14px}

/* v1.1.4 Run Inspector */
.runCard{margin-bottom:14px}.runCard.latestRun{border-color:#2d5878}.runHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;direction:ltr}.runHead>div:first-child{text-align:left}.runMetrics{margin-top:14px}.runSteps{overflow-x:auto;margin-top:12px}.runSteps .table{min-width:760px;direction:ltr}.runSteps .table th,.runSteps .table td{text-align:left}.runNote{margin:12px 0 0;font-size:12px;direction:ltr;text-align:left}

/* WFOS_RUNTIME_UI_STYLE_V1 */

.agent-runtime-control{
  min-width:150px;
}

.agent-runtime-select{
  width:100%;
  min-width:145px;
}

.agent-runtime-hint{
  margin-top:5px;
  font-size:11px;
  opacity:.65;
  white-space:nowrap;
}

@media(max-width:720px){
  .agent-runtime-control{
    min-width:130px;
  }

  .agent-runtime-select{
    min-width:125px;
    font-size:13px;
  }
}



/* v1.3 Autonomous lifecycle */
.agentTableWrap{overflow-x:auto}.selectedRow{background:#0f2138}.linkBtn{padding:0;background:transparent;color:var(--text);text-align:right}.tiny{font-size:11px}.tinyBtn{padding:6px 9px;font-size:11px}.runResult{margin-top:12px}.runResult pre{max-height:260px}.pulse{animation:wfosPulse 1.4s ease-in-out infinite}@keyframes wfosPulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:720px){.agentTableWrap .table{min-width:900px}.runHead{flex-direction:column}.runMetrics{grid-template-columns:repeat(2,1fr)}}