/* subagent_panel.css — 后台子代理面板 (web_assets/subagent_panel.js), 只用现有主题变量 */
.sa-panel{flex-shrink:0;padding:6px 12px;background:transparent;font-family:var(--sans)}
.sa-panel[hidden]{display:none}
.sa-entry{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border:1px solid var(--bd2);border-radius:999px;background:var(--bg);color:var(--tx2);font-size:12px;cursor:pointer;line-height:1.6}
.sa-entry:hover{border-color:var(--ac);color:var(--tx)}
.sa-entry-t{color:var(--tx);font-weight:600}
.sa-dot{width:7px;height:7px;border-radius:50%;background:var(--tx3)}
.sa-dot.on{background:var(--ac3);animation:sa-pulse 1.4s ease-in-out infinite}
@keyframes sa-pulse{50%{opacity:.35}}
.sa-caret{color:var(--tx3);font-size:10px}
.sa-drawer{margin-top:6px;max-height:42vh;overflow:auto;border:1px solid var(--bd);border-radius:var(--rr,12px);background:var(--bg)}
.sa-drawer[hidden]{display:none}
.sa-item{padding:8px 12px;border-bottom:1px solid var(--bd)}
.sa-item:last-child{border-bottom:none}
.sa-head{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0}
.sa-st{flex-shrink:0;padding:1px 8px;border-radius:999px;font-size:11px;background:var(--sf2);color:var(--tx2)}
.sa-st.st-running{color:var(--ac3);border:1px solid var(--ac3);background:transparent}
.sa-st.st-done{color:var(--ac2)}
.sa-st.st-failed,.sa-st.st-interrupted{color:var(--dg)}
.sa-st.st-stopped{color:var(--wn)}
.sa-id{flex-shrink:0;font-family:var(--mono);color:var(--tx3);font-size:11px}
.sa-role{flex-shrink:0;color:var(--tx);font-weight:600}
.sa-brief{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx2)}
.sa-time{flex-shrink:0;font-family:var(--mono);color:var(--tx3);font-size:11px}
.sa-prog{margin-top:3px;font-size:11.5px;color:var(--tx3);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-acts{display:flex;gap:6px;margin-top:6px}
.sa-btn{padding:2px 10px;border:1px solid var(--bd2);border-radius:var(--rs,8px);background:transparent;color:var(--tx2);font-size:11.5px;cursor:pointer}
.sa-btn:hover{border-color:var(--ac);color:var(--tx)}
.sa-btn[hidden]{display:none}
.sa-btn:disabled{opacity:.5;cursor:default}
.sa-btn.sa-primary{background:var(--ac);border-color:var(--ac);color:#fff}
.sa-stop:hover,.sa-stop.armed{border-color:var(--dg);color:var(--dg)}
.sa-stop.armed{font-weight:600}
.sa-note{margin-top:5px;font-size:11.5px;color:var(--ac3)}
.sa-note.bad{color:var(--dg)}
.sa-note[hidden],.sa-card[hidden],.sa-detailbox[hidden]{display:none}
.sa-card{margin-top:6px;padding:8px;border:1px solid var(--bd2);border-radius:var(--rr,12px);background:var(--sf)}
.sa-ta{width:100%;box-sizing:border-box;resize:vertical;min-height:56px;padding:6px 8px;border:1px solid var(--bd);border-radius:var(--rs,8px);background:var(--bg);color:var(--tx);font:inherit;font-size:12.5px}
.sa-ta:focus{outline:none;border-color:var(--ac)}
.sa-card-foot{display:flex;align-items:center;gap:6px;margin-top:6px}
.sa-cnt{font-family:var(--mono);font-size:11px;color:var(--tx3)}
.sa-err{flex:1;font-size:11.5px;color:var(--dg)}
.sa-detailbox{margin-top:6px}
.sa-dl{margin:6px 0 2px;font-size:11px;color:var(--tx3)}
.sa-pre{margin:0;max-height:240px;overflow:auto;padding:8px;border-radius:var(--rs,8px);background:var(--sf2);color:var(--tx);font-family:var(--mono);font-size:11.5px;white-space:pre-wrap;word-break:break-word}
@media(max-width:640px){.sa-panel{padding:4px 8px 0}.sa-drawer{max-height:50vh}.sa-brief{display:none}}