.connect-page{max-width:1080px;margin:0 auto;padding:28px;width:100%;box-sizing:border-box;overflow-wrap:anywhere}
#view-connect{overflow:auto}.connect-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.connect-intro>button{flex-shrink:0;white-space:nowrap}.connect-intro h2{margin:0 0 8px;font-size:26px}.connect-intro p,.connect-time,.connect-identity,.connect-detail p{color:var(--text-secondary,#777);font-size:13px;line-height:1.65}.connect-section-title{font-size:16px;margin:28px 0 14px}.connect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:16px}.connect-card,.connect-detail,.connect-form{border:1px solid var(--border-color,#e4e4e7);border-radius:14px;padding:20px;background:var(--bg-secondary,#fff);min-width:0}.connect-card h3{margin:14px 0 10px;font-size:18px}.connect-card-head,.connect-detail-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.connect-kind{font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#777)}.connect-status{border-radius:99px;padding:4px 9px;background:#f1f3f5;color:#495057;font-size:12px}.status-connected{background:#e8f6ee;color:#237a4b}.status-error,.status-degraded{background:#fff1e6;color:#974a12}.connect-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.connect-actions button{font-size:12px}.connect-disconnect{color:#aa3d38}.connect-error,.connect-feedback{color:#a34536;font-size:13px}.connect-empty{padding:20px;color:var(--text-secondary,#777);border:1px dashed var(--border-color,#ddd);border-radius:12px}.connect-form{margin:12px 0 24px;max-width:580px}.connect-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;margin:14px 0}.connect-form input,.connect-form select,.connect-form textarea{border:1px solid var(--border-color,#ddd);border-radius:7px;padding:10px;font:inherit;background:var(--bg-primary,#fff);color:inherit;width:100%;box-sizing:border-box}.connect-next{background:var(--bg-primary,#f7f8fa);padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.connect-next code{user-select:all;white-space:normal;overflow-wrap:anywhere}.connect-qr{display:block;width:200px;height:200px;max-width:100%;object-fit:contain;margin:auto;background:white}.connect-detail{margin-top:18px}.connect-diagnostics{padding:0;list-style:none}.connect-diagnostics li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border-color,#eee);font-size:13px}.connect-diagnostics p{flex-basis:100%;margin:0}.connect-catalog-card{display:flex;flex-direction:column;align-items:flex-start}.connect-catalog-card button{margin-top:auto}.connect-feedback:empty{display:none}@media(max-width:720px){.connect-page{padding:18px 14px}.connect-grid{grid-template-columns:1fr}.connect-intro h2{font-size:22px}.connect-card{padding:16px}}

.connect-note{white-space:pre-wrap;line-height:1.6;font-size:13px;color:var(--text-secondary,#777)}.connect-form textarea{resize:vertical;min-height:90px}