/* tools.css —— 设置页「工具 · MCP」 */
#xtBox .xt-st { color: var(--text-sub, #9a9aa2); }
#xtBox .xt-st a, #xtBox .hint-line a { color: var(--accent, var(--theme-color)); text-decoration: none; font-weight: 600; }
#xtBox .xt-sub { margin-top: 14px; }

/* 一行：左边「名称 + 小字说明」，右边开关 */
#xtBox .xt-row .xt-tx, #xtBox .xt-srv .xt-tx, #xtBox .xt-log .xt-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; padding-right: 10px; }
#xtBox .xt-tx b { font-weight: 600; font-size: 14px; word-break: break-all; }
#xtBox .xt-tx small { font-size: 11.5px; line-height: 1.45; color: var(--text-sub, #9a9aa2); word-break: break-all; }

/* 分类（可折叠） */
#xtBox details.xt-cat { margin: 8px 0; }
#xtBox details.xt-cat > summary, #xtBox details.xt-tools > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 10px 4px; font-size: 14px; font-weight: 600; user-select: none; }
#xtBox details > summary::-webkit-details-marker { display: none; }
#xtBox details.xt-cat > summary::after, #xtBox details.xt-tools > summary::after { content: '›'; margin-left: auto; color: var(--text-sub, #9a9aa2); transition: transform .15s; font-size: 18px; line-height: 1; }
#xtBox details[open] > summary::after { transform: rotate(90deg); }
#xtBox .xt-cat .xt-ic { width: 22px; text-align: center; opacity: .75; }
#xtBox .xt-cat summary em { font-style: normal; font-weight: 400; font-size: 12px; color: var(--text-sub, #9a9aa2); }

/* MCP 服务 */
#xtBox .xt-srv { border-bottom: .5px solid var(--border-color, #ececf0); padding-bottom: 8px; }
#xtBox .xt-srv:last-child { border-bottom: none; }
#xtBox .xt-btns { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 4px 14px 8px; }
#xtBox .xt-btns button { border: 1px solid var(--border-color, #ececf0); background: var(--card-bg, #fff); color: var(--theme-dark, #222); border-radius: 14px; padding: 6px 12px; font-size: 12.5px; cursor: pointer; }
#xtBox .xt-btns button.xt-primary { background: var(--accent, var(--theme-color)); border-color: transparent; color: var(--on-accent, #fff); font-weight: 600; }
#xtBox .xt-btns button.xt-del { color: var(--danger, #ff4d6d); margin-left: auto; }
#xtBox .xt-auto { font-size: 12px; color: var(--text-sub, #9a9aa2); display: inline-flex; align-items: center; gap: 4px; }
#xtBox .xt-msg { padding: 0 14px 6px; font-size: 12px; color: var(--text-sub, #9a9aa2); min-height: 0; word-break: break-all; }
#xtBox .xt-msg.ok { color: var(--success, #34c759); }
#xtBox .xt-msg.err { color: var(--danger, #ff4d6d); }
#xtBox details.xt-tools { padding: 0 14px; }
#xtBox details.xt-tools > summary { font-size: 12.5px; font-weight: 500; color: var(--text-sub, #9a9aa2); padding: 6px 0; }
#xtBox .xt-tl { display: flex; align-items: flex-start; gap: 8px; padding: 6px 0; font-size: 13px; }
#xtBox .xt-tl input { margin-top: 3px; flex: none; }
#xtBox .xt-tl span { display: flex; flex-direction: column; min-width: 0; }
#xtBox .xt-tl i { font-style: normal; font-size: 10.5px; margin-left: 6px; padding: 1px 5px; border-radius: 6px; background: rgba(52, 199, 89, .15); color: var(--success, #34c759); }
#xtBox .xt-tl small { font-size: 11.5px; color: var(--text-sub, #9a9aa2); }

/* 说明弹窗 */
.xt-help { max-width: 330px; width: 86%; text-align: left; }
.xt-help-in { padding: 20px 18px 10px; max-height: 62vh; overflow-y: auto; font-size: 13.5px; line-height: 1.65; color: var(--text-main, #222); }
.xt-help-in .xt-ttl { display: block; font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.xt-help-in p { margin-bottom: 8px; }

/* 外卖跳转地址的小说明 */
#xtBox .xt-note { padding: 8px 14px 10px; font-size: 11.5px; line-height: 1.5; color: var(--text-sub, #9a9aa2); }