/* ── MCP connector tab ───────────────────────────────────────── */
.mcp-user-card { border:1px solid #dfe4f3; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 10px 30px rgba(30,41,59,.07); }
.mcp-user-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px; color:#fff; background:linear-gradient(135deg,#27388f,#3f51b5 60%,#6372d3); }
.mcp-user-brand { display:flex; align-items:center; gap:15px; min-width:0; }
.mcp-user-icon { width:66px; height:66px; flex:0 0 66px; padding:7px; border-radius:18px; background:#fff; box-shadow:0 8px 22px rgba(15,23,42,.22); }
.mcp-user-title { margin:0 0 4px; font-size:23px; line-height:1.2; }
.mcp-user-description { margin:0; color:rgba(255,255,255,.8); font-size:13px; line-height:1.5; }
.mcp-user-art { width:118px; height:118px; flex:0 0 118px; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(15,23,42,.24)); }
.mcp-switch-wrap { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:700; white-space:nowrap; }
.mcp-switch { position:relative; width:52px; height:29px; display:inline-block; }
.mcp-switch input { position:absolute; opacity:0; pointer-events:none; }
.mcp-switch span { position:absolute; inset:0; border-radius:999px; background:rgba(255,255,255,.28); cursor:pointer; transition:.2s; }
.mcp-switch span::after { content:""; position:absolute; width:23px; height:23px; left:3px; top:3px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(15,23,42,.3); transition:.2s; }
.mcp-switch input:checked + span { background:#22c55e; }
.mcp-switch input:checked + span::after { transform:translateX(23px); }
.mcp-user-body { padding:22px 24px 26px; }
.mcp-status-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.mcp-status { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:750; }
.mcp-status::before { content:""; width:10px; height:10px; border-radius:50%; background:#94a3b8; box-shadow:0 0 0 4px #f1f5f9; }
.mcp-status.connected::before { background:#16a34a; box-shadow:0 0 0 4px #dcfce7; }
.mcp-status.ready::before { background:#2563eb; box-shadow:0 0 0 4px #dbeafe; }
.mcp-status.paused::before { background:#f59e0b; box-shadow:0 0 0 4px #fef3c7; }
.mcp-status.disabled::before { background:#94a3b8; }
.mcp-connection-count { color:#64748b; font-size:13px; }
.mcp-details-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.mcp-detail { min-width:0; padding:12px 13px; border:1px solid #e2e8f0; border-radius:13px; background:#f8fafc; }
.mcp-detail.wide { grid-column:1/-1; }
.mcp-detail-label { display:block; margin-bottom:5px; color:#64748b; font-size:11px; font-weight:750; letter-spacing:.05em; text-transform:uppercase; }
.mcp-copy-row { display:flex; align-items:center; gap:8px; }
.mcp-copy-value { min-width:0; flex:1; overflow:hidden; color:#172033; font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; }
.mcp-copy-btn { flex:0 0 auto; }
.mcp-help { margin-top:16px; padding:14px 16px; border:1px solid #dbe5ff; border-radius:13px; color:#475569; background:#f5f8ff; font-size:13px; line-height:1.55; }
.mcp-google-card { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; padding:15px 16px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; }
.mcp-google-info { display:flex; align-items:center; gap:12px; min-width:0; }
.mcp-google-icon { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border:1px solid #e2e8f0; border-radius:11px; background:#fff; }
.mcp-google-title { color:#172033; font-size:14px; font-weight:750; }
.mcp-google-meta { overflow:hidden; margin-top:2px; color:#64748b; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.mcp-google-btn { flex:0 0 auto; gap:8px; }
.mcp-google-badge { flex:0 0 auto; padding:6px 10px; border-radius:999px; color:#15803d; background:#dcfce7; font-size:12px; font-weight:750; }
.mcp-google-message { margin-bottom:14px; padding:10px 13px; border-radius:11px; color:#166534; background:#ecfdf3; font-size:13px; }
.mcp-google-message.error { color:#b4232e; background:#fff1f2; }
.mcp-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:16px; }
.mcp-danger-btn[hidden] { display:none; }
.mcp-connections { margin-top:18px; }
.mcp-connections-title { margin:0 0 9px; font-size:14px; }
.mcp-connection-item { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid #edf0f5; font-size:12px; }
.mcp-connection-name { font-weight:750; color:#27344a; }
.mcp-connection-meta { color:#7b879a; text-align:right; }
.mcp-loading { padding:32px; color:#64748b; text-align:center; }

@media(max-width:720px){.mcp-user-hero{align-items:flex-start;flex-direction:column}.mcp-details-grid{grid-template-columns:1fr}.mcp-detail.wide{grid-column:auto}.mcp-google-card{align-items:flex-start;flex-direction:column}}
.mcp-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0 24px}
.mcp-page-header h1{margin:0;font-size:28px}
.mcp-page-header p{margin:6px 0 0;color:var(--muted)}