/* MCP：本机助手 + 远程连接（勿给 .view 根设 display） */

.mcp-view{
  background:var(--bg);
  position:relative;
}
.mcp-head{
  flex:0 0 auto;
  display:flex; align-items:center; gap:2px;
  padding:var(--head-top) 10px 2px;
}
.mcp-head h1{
  flex:1; margin:0 0 0 4px;
  font-size:20px; font-weight:700;
}
.mcp-body{
  flex:1; min-height:0; overflow-y:auto;
  overscroll-behavior:contain;
  padding:8px 16px 40px;
}
.mcp-body::-webkit-scrollbar{ width:0; }

.mcp-note{
  margin:4px 2px 16px;
  font-size:12px; line-height:1.55; color:var(--gray-2);
}
.mcp-sec-title{
  display:flex; align-items:center; justify-content:space-between;
  margin:18px 2px 10px;
  font-size:13px; font-weight:700; color:var(--ink);
}
.mcp-sec-title:first-of-type{ margin-top:4px; }
.mcp-text-btn{
  border:none; background:var(--fill); color:var(--gray-1);
  border-radius:999px; padding:5px 12px;
  font-family:inherit; font-size:11.5px; cursor:pointer;
}

.mcp-card{
  background:var(--card, var(--fill));
  border-radius:16px;
  padding:14px 14px 10px;
  margin-bottom:10px;
}
.mcp-card-top{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}
.mcp-card-meta{ min-width:0; flex:1; }
.mcp-card-meta b{
  display:block; font-size:14.5px; font-weight:700;
}
.mcp-status{
  display:inline-block; margin-top:4px;
  font-size:11px; color:var(--gray-2);
}
.mcp-status.ok{ color:#2f9e44; }
.mcp-status.err{ color:#e03131; }
.mcp-status.busy{ color:#f08c00; }
.mcp-card-desc{
  margin:8px 0 6px;
  font-size:12px; line-height:1.5; color:var(--gray-2);
}
.mcp-card-url{
  margin:0 0 8px;
  font-size:11px; color:var(--gray-3);
  word-break:break-all;
}

.mcp-tool-list{ margin-top:6px; }
.mcp-tool-row{
  display:flex; align-items:center; gap:10px;
  padding:10px 0;
  border-top:1px solid color-mix(in srgb, var(--ink) 6%, transparent);
}
.mcp-tool-row:first-child{ border-top:none; }
.mcp-tool-info{ flex:1; min-width:0; }
.mcp-tool-info b{
  display:block; font-size:12.5px; font-weight:600;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mcp-tool-info span{
  display:block; margin-top:2px;
  font-size:11px; color:var(--gray-2); line-height:1.4;
}
.mcp-tool-acts{ display:flex; align-items:center; gap:6px; flex:0 0 auto; }
.mcp-mini{
  border:none; background:var(--fill); color:var(--gray-1);
  border-radius:10px; padding:6px 10px;
  font-family:inherit; font-size:11px; cursor:pointer;
}
.mcp-mini.danger{ color:#e03131; }

.mcp-add{
  background:var(--card, var(--fill));
  border-radius:16px;
  padding:14px;
  margin-bottom:12px;
}
.mcp-add label{
  display:block; margin-bottom:10px;
  font-size:12px; font-weight:600; color:var(--ink);
}
.mcp-add label em{
  font-style:normal; font-weight:400; color:var(--gray-2); margin-left:6px;
}
.mcp-add input,
.mcp-add textarea,
.mcp-try textarea{
  display:block; width:100%; box-sizing:border-box;
  margin-top:6px;
  border:none; border-radius:12px;
  background:var(--bg); color:var(--ink);
  padding:10px 12px;
  font-family:inherit; font-size:13px;
  outline:none;
  resize:vertical;
}
.mcp-add-acts{
  display:flex; gap:8px; margin-top:4px;
}
.mcp-add-acts .save-btn{ flex:1; }
.mcp-test-out{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:12px;
  background:var(--bg);
  font-size:11px; line-height:1.45;
  white-space:pre-wrap; word-break:break-word;
  max-height:180px; overflow:auto;
  color:var(--gray-1);
}
.mcp-remote-empty{
  margin:8px 2px 20px;
  font-size:12.5px; color:var(--gray-2); text-align:center;
  padding:24px 12px;
}
.mcp-try{ margin-top:8px; }
.mcp-try label{
  display:block; margin:8px 0 10px;
  font-size:12px; font-weight:600;
}