.connection-panel{margin-top:24px}.connection-panel>p{line-height:1.6}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin-top:16px}
.connection-card{background:#081624;border:1px solid #2c4760;border-radius:15px;padding:17px;min-width:0}.connection-heading{display:flex;gap:10px;justify-content:space-between;align-items:center}.connection-heading h3{font-size:16px;margin:0}.connection-state{border-radius:99px;font-size:11px;white-space:nowrap;padding:5px 9px}.connection-state.good{background:#103c35;color:#91e9c7}.connection-state.bad{background:#412635;color:#ffb9c6}.connection-state.waiting{background:#343322;color:#ead39c}
.connection-key{display:flex;flex-direction:column;gap:7px;background:#102338;border-radius:10px;padding:12px;margin:13px 0}.connection-key strong{font-size:12px}.connection-key code{font-size:11px;overflow-wrap:anywhere;color:#a9dfff}.connection-card h4{font-size:12px;margin:16px 0 6px;color:#d8e8f8}.connection-card ul{padding-left:18px;font-size:12px;line-height:1.7;margin:0}.connection-path{overflow-wrap:anywhere;color:#b5d2e8}.connection-card details{margin-top:14px;color:#afc8dd}.connection-card summary{font-size:12px;cursor:pointer}.public-key{font-size:10px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.connection-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.connection-actions .btn{font-size:11px;padding:7px 9px}.connection-card .small{line-height:1.55}